$(function () {
    initPopup();
    fadeNav();
    initNav();
    slideBox();
    initScrollLinks();
    initPost();
    openClose();
    _hoverIe("div.popup-prompt", "hover");
});
function _hoverIe (_el,_class) {
	if ($.browser.msie && $.browser.version < 7) {
		$(_el).hover(function(){
			$(this).addClass(_class);
		}, function(){
			$(this).removeClass(_class);
		});
	}
}
$(window).load(function () {
    activeNav();
    movieGallery();
})
function openClose() {
    var _holder = $('.open-close > li');
    var _duration = 650;
    _holder.each(function () {
        var hold = $(this);
        var _slide = $('.slide', hold);
        var _h = _slide.height();
        var _opener = $('.opener', hold);
        if (!hold.hasClass('active')) _slide.css({ height: 0 });
        _opener.click(function () {
            if (!hold.hasClass('active')) {
                hold.addClass('active');
                _slide.animate({ height: _h }, _duration);
            }
            else {
                hold.removeClass('active');
                _slide.animate({ height: 0 }, _duration);
            }
            return false;
        })
    })
}


function initPost() {
    var _holder = $('div.creatingcon-block > div');
    var active = 0;
    _holder.each(function (_i) {
        var _holder = $(this);
        var _blockOffset = _holder.offset().top;
        var _offsetTop = $(window).height() + $(window).scrollTop();
        if (_blockOffset <= _offsetTop) {
            active = _i;
            _holder.css('opacity', 1);
        }
        else
            _holder.css('opacity', 0);
    });
    $(window).resize(function () {
        res();
    });
    $(window).scroll(function () {
        res();
    });
    function res() {
        _offsetTop = $(window).height() + $(window).scrollTop();
        _holder.each(function (_i) {
            if (active < _i) {
                _blockOffset = $(this).offset().top;
                if (_blockOffset < _offsetTop) {
                    active = _i;
                    $(this).animate({ opacity: 1 }, 900);
                }
            }
        });
    }

}
function initNav() {
    var _holder = $('#nav > li');
    _holder.each(function () {
        var _hold = $(this);
        var _span = $('span', _hold);
        var _em = $('em', _hold);
        _em.css({ width: _hold.width() });
        if (_hold.hasClass('active')) {
            _em.css({ opacity: 0 });
            _span.css('opacity', 0);
        }
    })
}
function activeNav() {
    var _holder = $('#nav > li');
    _holder.each(function () {
        var _hold = $(this);
        var _span = $('span', _hold);
        var _em = $('em', _hold);
        if (_hold.hasClass('active')) {
            setTimeout(function () {
                _span.animate({ opacity: 1 }, 400);
                _span.animate({ marginRight: 0 }, 400);
                _em.animate({ opacity: 1 }, { queue: false, duration: 400 });

            }, 500)
        }
    });
}
function initScrollLinks() {
    var _animSpeed = 700;
    var _nav = $('ul.main-nav');
    var _li = $('li', _nav);
    // scroll links init
    _li.each(function () {
        var _holder = $(this);
        var _opener = $('a', _holder);
        var _target = $(_opener.attr('href'));
        if (_target.length) {
            _opener.click(function () {
                var _offsetTo = _target.offset().top;
                _li.removeClass('active');
                if (!($.browser.safari)) {
                    $('html').animate({ scrollTop: _offsetTo - 265 }, { duration: _animSpeed, queue: false, easing: 'swing' });
                }
                else {
                    $('body').animate({ scrollTop: _offsetTo - 265 }, { duration: _animSpeed, queue: false, easing: 'swing' });
                }
                _holder.addClass('active');
                return false;
            })
        }
    })
}
function movieGallery() {

    // put slide 1 back into proper position
    $('.gallery > ul > li.slide1').appendTo('.gallery .slide-gal > .slide-item');

    var _lastSlide = $('.gallery ul li:first')
    var _wrap = $('.gallery .slide-gal');
    var _hold = $('.gallery .slide-item');
    var _holdHeight = $('.gallery').height();
    var _slide = $('>li', _hold);
    var _slideDuration = 500;
    var _index = _slide.length;
    var _done = false;
    _hold.css({ marginTop: -_holdHeight * (_index - 1) });
    _lastSlide.css({ opacity: 0 });
    function nextSlide() {
        _index--;
        changeSlide();
    }
    function initslide(delay) {
        _timer = setTimeout(nextSlide, delay);
    }



    function changeSlide() {

        _el = _hold.children('li').eq(_index).children('div');


        function animateSlide(typeDuration) {
            _el.hide();
            _hold.animate({ marginTop: -(_holdHeight * _index) }, _slideDuration);

            function startTyping() {
                _el.show();
                _el.find('span').add(_el.find('strong')).jTypeWriter({
                    duration: typeDuration,
                    type: 'word'
                });
                clearTimeout(_delay);
            }

            _delay = setTimeout(startTyping, _slideDuration);
        }


        if (_index > 8) { // first 2 slides
            _hold.animate({ marginTop: -(_holdHeight * _index) }, _slideDuration);
            initslide(2000);

        } else if(_index == 0) { // 'and accountable results.'		
			animateSlide(0.5);   // typewritter animation duration
			initslide(2000);     // total slide duration
		} else if(_index == 1) { // 'communication solutions with clear direction'	
			animateSlide(1);	
			initslide(2750);
		} else if(_index == 2) { // 'people talking'
			animateSlide(0.4);
			initslide(2000);
		} else if(_index == 3) { // 'that get more'	
			animateSlide(0.5);
			initslide(2000);
		} else if(_index == 4) { // 'do develop compelling creative strategies for clients'	
			animateSlide(1.25);
			initslide(3000);
		} else if(_index == 5) { // 'and we can use these conversations'			
			animateSlide(1);
			initslide(2750);
		} else if(_index == 6) {// 'but people are talking'		
			animateSlide(0.5);
			initslide(2000);	
		} else if(_index == 7) { // 'people not talking about you'		
			animateSlide(0.75);
			initslide(2250);
		} else if(_index == 8) { // 'that's right'		
			animateSlide(0.4);	
			initslide(2000);

        } else { // last slide										

            _hold.animate({ marginTop: 0 }, { duration: _slideDuration, complete: function () {

                setTimeout(function () {
                    _wrap.animate({ opacity: 0 }, { duration: 800, complete: function () {
                        _wrap.css({ display: 'none' });
                    }
                    });
                    if (!_done) _lastSlide.children('div').hide(); // hide text				
                    _lastSlide.animate({ opacity: 1 }, { duration: 800, complete: function () { // fade in slide
                        if (!_done) _lastSlide.children('div').fadeIn(400); // fade in text
                        _done = true;
                    }
                    });

                }, 800) // hold 2nd last slide
            }
            });
        }


    }
    initslide(1750);
}
/*--- popup function ---*/
function initPopup() {
    if ($('#overlay').length == 0) $('body').append('<div id="overlay"></div>');
    var _fader = $('#overlay');
    _fader.hide();
    var _popup = -1;
    $('a.popup-opener').each(function () {
        var _el = this;
        if (_el.hash && _el.hash.length > 1) {
            _el._popup = $(_el.hash);
            if (_el._popup.length) {
                _el.onclick = function () {
                    if (_el._popup) {
                        _el._popup.hide();
                        _popup = _el._popup;
                        showPopup();
                    }
                    return false;
                }
                _el._popup.find('a.btn-client-list').click(function () {
                    if ($.browser.msie) {
                        _popup.hide();
                        _fader.fadeOut(200);
                        _popup = -1;
                    }
                    else {
                        _popup.fadeOut(400, function () {
                            _fader.fadeOut(200);
                            _popup = -1;
                        });
                    }
                    return false;
                });
            }
        }
    });
    _fader.click(function () {
        if (_popup != -1) {
            if ($.browser.msie) {
                _popup.hide();
                _fader.fadeOut(200);
                _popup = -1;
            }
            else {
                _popup.fadeOut(400, function () {
                    _fader.fadeOut(200);
                    _popup = -1;
                });
            }
        }
        return false;
    });
    $(document).keydown(function (e) {
        if (!e) evt = window.event;
        if (e.keyCode == 27 && _popup != -1) {
            if ($.browser.msie) {
                _popup.hide();
                _fader.fadeOut(200);
                _popup = -1;
            }
            else {
                _popup.fadeOut(400, function () {
                    _fader.fadeOut(200);
                    _popup = -1;
                });
            }
        }
    });
    function showPopup() {
        _fader.css({
            opacity: 0,
            height: initH(),
            display: 'block'
        });
        _popup.css({ top: $(window).scrollTop() });
        _fader.fadeTo(400, 0.5, function () {
            if (_popup != -1) {
                if ($.browser.msie) _popup.show();
                else _popup.fadeIn(200, function () {
                    if (initH() < _popup.outerHeight() + _popup.offset().top) _fader.height(_popup.outerHeight() + _popup.offset().top);
                });
                _popup.css({ top: $(window).scrollTop() + ($(window).height() - _popup.outerHeight()) / 2 });
                if (initH() < _popup.outerHeight() + _popup.offset().top) _fader.height(_popup.outerHeight() + _popup.offset().top);
            }
        });
    }
    function initH() {
        var _h = $('#wrapper').outerHeight();
        if (_h < $(window).height()) _h = $(window).height();
        if (_h < $('body').height()) _h = $('body').height();
        return _h;
    }
}
function fadeNav() {
    var _links = $('ul.navigation a');
    var _linksClient = $('a.btn-client-list');
    var _linksClient1 = $('div.light-box-holder a.btn-client-list');
    _links.mouseenter(function () {
        $(this).stop().animate({
            backgroundColor: '#D0E470',
            color: '#000'

        }, 500)
    }).mouseleave(function () {
        $(this).stop().animate({
            backgroundColor: '#F3F2E2',
            color: '#5D3F00'
        }, 500)
    });
    _linksClient.mouseenter(function () {
        $(this).stop().animate({
            backgroundColor: '#000',
            color: '#fff'

        }, 500)
    }).mouseleave(function () {
        $(this).stop().animate({
            backgroundColor: '#877349',
            color: '#fff'
        }, 500)
    });
    _linksClient1.mouseenter(function () {
        $(this).stop().animate({
            backgroundColor: '#000',
            color: '#fff'

        }, 500)
    }).mouseleave(function () {
        $(this).stop().animate({
            backgroundColor: '#644907',
            color: '#fff'
        }, 500)
    });
}
function slideBox() {
    if ($('#overlay').length == 0) $('body').append('<div id="overlay"></div>');
    var _fader = $('#overlay');
    _fader.hide();
    var holder = $('div.map-lightbox').removeAttr("style");
    var h = holder.outerHeight();
    holder.css('marginTop', -h).addClass('close-box');
    $('a.contact-opener').click(function () {
        _fader.css({
            opacity: 0,
            height: initH(),
            display: 'block'
        });
        _fader.fadeTo(750, 0.68, function () {
            holder.removeClass('close-box').stop().animate({ marginTop: 0 }, 750);
        });
        return false;
    });
    holder.find('div.btn-close-contact a').click(function () {
        holder.addClass('close-box').stop().animate({ marginTop: -h }, 750, function () {
            if ($.browser.msie) {
                _fader.fadeOut(750);
            }
            else {
                _fader.fadeOut(750);
            }
        });
        return false;
    })
    function initH() {
        var _h = $('#wrapper').outerHeight();
        if (_h < $(window).height()) _h = $(window).height();
        if (_h < $('body').height()) _h = $('body').height();
        return _h;
    }
}
/* jQuery.ScrollTo - Date: 5/25/2009 - Ariel Flesler - @version 1.4.2 - http://flesler.blogspot.com/2007/10/jqueryscrollto.html */
; (function (d) { var k = d.scrollTo = function (a, i, e) { d(window).scrollTo(a, i, e) }; k.defaults = { axis: 'xy', duration: parseFloat(d.fn.jquery) >= 1.3 ? 0 : 1 }; k.window = function (a) { return d(window)._scrollable() }; d.fn._scrollable = function () { return this.map(function () { var a = this, i = !a.nodeName || d.inArray(a.nodeName.toLowerCase(), ['iframe', '#document', 'html', 'body']) != -1; if (!i) return a; var e = (a.contentWindow || a).document || a.ownerDocument || a; return d.browser.safari || e.compatMode == 'BackCompat' ? e.body : e.documentElement }) }; d.fn.scrollTo = function (n, j, b) { if (typeof j == 'object') { b = j; j = 0 } if (typeof b == 'function') b = { onAfter: b }; if (n == 'max') n = 9e9; b = d.extend({}, k.defaults, b); j = j || b.speed || b.duration; b.queue = b.queue && b.axis.length > 1; if (b.queue) j /= 2; b.offset = p(b.offset); b.over = p(b.over); return this._scrollable().each(function () { var q = this, r = d(q), f = n, s, g = {}, u = r.is('html,body'); switch (typeof f) { case 'number': case 'string': if (/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(f)) { f = p(f); break } f = d(f, this); case 'object': if (f.is || f.style) s = (f = d(f)).offset() } d.each(b.axis.split(''), function (a, i) { var e = i == 'x' ? 'Left' : 'Top', h = e.toLowerCase(), c = 'scroll' + e, l = q[c], m = k.max(q, i); if (s) { g[c] = s[h] + (u ? 0 : l - r.offset()[h]); if (b.margin) { g[c] -= parseInt(f.css('margin' + e)) || 0; g[c] -= parseInt(f.css('border' + e + 'Width')) || 0 } g[c] += b.offset[h] || 0; if (b.over[h]) g[c] += f[i == 'x' ? 'width' : 'height']() * b.over[h] } else { var o = f[h]; g[c] = o.slice && o.slice(-1) == '%' ? parseFloat(o) / 100 * m : o } if (/^\d+$/.test(g[c])) g[c] = g[c] <= 0 ? 0 : Math.min(g[c], m); if (!a && b.queue) { if (l != g[c]) t(b.onAfterFirst); delete g[c] } }); t(b.onAfter); function t(a) { r.animate(g, j, b.easing, a && function () { a.call(this, n, b) }) } }).end() }; k.max = function (a, i) { var e = i == 'x' ? 'Width' : 'Height', h = 'scroll' + e; if (!d(a).is('html,body')) return a[h] - d(a)[e.toLowerCase()](); var c = 'client' + e, l = a.ownerDocument.documentElement, m = a.ownerDocument.body; return Math.max(l[h], m[h]) - Math.min(l[c], m[c]) }; function p(a) { return typeof a == 'object' ? a : { top: a, left: a} } })(jQuery);

/* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ */
; jQuery.easing.jswing = jQuery.easing.swing; jQuery.extend(jQuery.easing, { def: "easeOutQuad", swing: function (e, f, a, h, g) { return jQuery.easing[jQuery.easing.def](e, f, a, h, g) }, easeInQuad: function (e, f, a, h, g) { return h * (f /= g) * f + a }, easeOutQuad: function (e, f, a, h, g) { return -h * (f /= g) * (f - 2) + a }, easeInOutQuad: function (e, f, a, h, g) { if ((f /= g / 2) < 1) { return h / 2 * f * f + a } return -h / 2 * ((--f) * (f - 2) - 1) + a }, easeInCubic: function (e, f, a, h, g) { return h * (f /= g) * f * f + a }, easeOutCubic: function (e, f, a, h, g) { return h * ((f = f / g - 1) * f * f + 1) + a }, easeInOutCubic: function (e, f, a, h, g) { if ((f /= g / 2) < 1) { return h / 2 * f * f * f + a } return h / 2 * ((f -= 2) * f * f + 2) + a }, easeInQuart: function (e, f, a, h, g) { return h * (f /= g) * f * f * f + a }, easeOutQuart: function (e, f, a, h, g) { return -h * ((f = f / g - 1) * f * f * f - 1) + a }, easeInOutQuart: function (e, f, a, h, g) { if ((f /= g / 2) < 1) { return h / 2 * f * f * f * f + a } return -h / 2 * ((f -= 2) * f * f * f - 2) + a }, easeInQuint: function (e, f, a, h, g) { return h * (f /= g) * f * f * f * f + a }, easeOutQuint: function (e, f, a, h, g) { return h * ((f = f / g - 1) * f * f * f * f + 1) + a }, easeInOutQuint: function (e, f, a, h, g) { if ((f /= g / 2) < 1) { return h / 2 * f * f * f * f * f + a } return h / 2 * ((f -= 2) * f * f * f * f + 2) + a }, easeInSine: function (e, f, a, h, g) { return -h * Math.cos(f / g * (Math.PI / 2)) + h + a }, easeOutSine: function (e, f, a, h, g) { return h * Math.sin(f / g * (Math.PI / 2)) + a }, easeInOutSine: function (e, f, a, h, g) { return -h / 2 * (Math.cos(Math.PI * f / g) - 1) + a }, easeInExpo: function (e, f, a, h, g) { return (f == 0) ? a : h * Math.pow(2, 10 * (f / g - 1)) + a }, easeOutExpo: function (e, f, a, h, g) { return (f == g) ? a + h : h * (-Math.pow(2, -10 * f / g) + 1) + a }, easeInOutExpo: function (e, f, a, h, g) { if (f == 0) { return a } if (f == g) { return a + h } if ((f /= g / 2) < 1) { return h / 2 * Math.pow(2, 10 * (f - 1)) + a } return h / 2 * (-Math.pow(2, -10 * --f) + 2) + a }, easeInCirc: function (e, f, a, h, g) { return -h * (Math.sqrt(1 - (f /= g) * f) - 1) + a }, easeOutCirc: function (e, f, a, h, g) { return h * Math.sqrt(1 - (f = f / g - 1) * f) + a }, easeInOutCirc: function (e, f, a, h, g) { if ((f /= g / 2) < 1) { return -h / 2 * (Math.sqrt(1 - f * f) - 1) + a } return h / 2 * (Math.sqrt(1 - (f -= 2) * f) + 1) + a }, easeInElastic: function (f, h, e, l, k) { var i = 1.70158; var j = 0; var g = l; if (h == 0) { return e } if ((h /= k) == 1) { return e + l } if (!j) { j = k * 0.3 } if (g < Math.abs(l)) { g = l; var i = j / 4 } else { var i = j / (2 * Math.PI) * Math.asin(l / g) } return -(g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e }, easeOutElastic: function (f, h, e, l, k) { var i = 1.70158; var j = 0; var g = l; if (h == 0) { return e } if ((h /= k) == 1) { return e + l } if (!j) { j = k * 0.3 } if (g < Math.abs(l)) { g = l; var i = j / 4 } else { var i = j / (2 * Math.PI) * Math.asin(l / g) } return g * Math.pow(2, -10 * h) * Math.sin((h * k - i) * (2 * Math.PI) / j) + l + e }, easeInOutElastic: function (f, h, e, l, k) { var i = 1.70158; var j = 0; var g = l; if (h == 0) { return e } if ((h /= k / 2) == 2) { return e + l } if (!j) { j = k * (0.3 * 1.5) } if (g < Math.abs(l)) { g = l; var i = j / 4 } else { var i = j / (2 * Math.PI) * Math.asin(l / g) } if (h < 1) { return -0.5 * (g * Math.pow(2, 10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j)) + e } return g * Math.pow(2, -10 * (h -= 1)) * Math.sin((h * k - i) * (2 * Math.PI) / j) * 0.5 + l + e }, easeInBack: function (e, f, a, i, h, g) { if (g == undefined) { g = 1.70158 } return i * (f /= h) * f * ((g + 1) * f - g) + a }, easeOutBack: function (e, f, a, i, h, g) { if (g == undefined) { g = 1.70158 } return i * ((f = f / h - 1) * f * ((g + 1) * f + g) + 1) + a }, easeInOutBack: function (e, f, a, i, h, g) { if (g == undefined) { g = 1.70158 } if ((f /= h / 2) < 1) { return i / 2 * (f * f * (((g *= (1.525)) + 1) * f - g)) + a } return i / 2 * ((f -= 2) * f * (((g *= (1.525)) + 1) * f + g) + 2) + a }, easeInBounce: function (e, f, a, h, g) { return h - jQuery.easing.easeOutBounce(e, g - f, 0, h, g) + a }, easeOutBounce: function (e, f, a, h, g) { if ((f /= g) < (1 / 2.75)) { return h * (7.5625 * f * f) + a } else { if (f < (2 / 2.75)) { return h * (7.5625 * (f -= (1.5 / 2.75)) * f + 0.75) + a } else { if (f < (2.5 / 2.75)) { return h * (7.5625 * (f -= (2.25 / 2.75)) * f + 0.9375) + a } else { return h * (7.5625 * (f -= (2.625 / 2.75)) * f + 0.984375) + a } } } }, easeInOutBounce: function (e, f, a, h, g) { if (f < g / 2) { return jQuery.easing.easeInBounce(e, f * 2, 0, h, g) * 0.5 + a } return jQuery.easing.easeOutBounce(e, f * 2 - g, 0, h, g) * 0.5 + h * 0.5 + a } });
/*
* jQuery Color Animations
* Copyright 2007 John Resig
* Released under the MIT and GPL licenses.
*/
(function (d) { d.each(['backgroundColor', 'borderBottomColor', 'borderLeftColor', 'borderRightColor', 'borderTopColor', 'color', 'outlineColor'], function (i, b) { d.fx.step[b] = function (a) { if (a.state == 0) { a.start = getColor(a.elem, b); a.end = getRGB(a.end) } a.elem.style[b] = "rgb(" + [Math.max(Math.min(parseInt((a.pos * (a.end[0] - a.start[0])) + a.start[0]), 255), 0), Math.max(Math.min(parseInt((a.pos * (a.end[1] - a.start[1])) + a.start[1]), 255), 0), Math.max(Math.min(parseInt((a.pos * (a.end[2] - a.start[2])) + a.start[2]), 255), 0)].join(",") + ")" } }); function getRGB(a) { var b; if (a && a.constructor == Array && a.length == 3) return a; if (b = /rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(a)) return [parseInt(b[1]), parseInt(b[2]), parseInt(b[3])]; if (b = /rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(a)) return [parseFloat(b[1]) * 2.55, parseFloat(b[2]) * 2.55, parseFloat(b[3]) * 2.55]; if (b = /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(a)) return [parseInt(b[1], 16), parseInt(b[2], 16), parseInt(b[3], 16)]; if (b = /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(a)) return [parseInt(b[1] + b[1], 16), parseInt(b[2] + b[2], 16), parseInt(b[3] + b[3], 16)]; return e[d.trim(a).toLowerCase()] } function getColor(a, b) { var c; do { c = d.curCSS(a, b); if (c != '' && c != 'transparent' || d.nodeName(a, "body")) break; b = "backgroundColor" } while (a = a.parentNode); return getRGB(c) }; var e = { aqua: [0, 255, 255], azure: [240, 255, 255], beige: [245, 245, 220], black: [0, 0, 0], blue: [0, 0, 255], brown: [165, 42, 42], cyan: [0, 255, 255], darkblue: [0, 0, 139], darkcyan: [0, 139, 139], darkgrey: [169, 169, 169], darkgreen: [0, 100, 0], darkkhaki: [189, 183, 107], darkmagenta: [139, 0, 139], darkolivegreen: [85, 107, 47], darkorange: [255, 140, 0], darkorchid: [153, 50, 204], darkred: [139, 0, 0], darksalmon: [233, 150, 122], darkviolet: [148, 0, 211], fuchsia: [255, 0, 255], gold: [255, 215, 0], green: [0, 128, 0], indigo: [75, 0, 130], khaki: [240, 230, 140], lightblue: [173, 216, 230], lightcyan: [224, 255, 255], lightgreen: [144, 238, 144], lightgrey: [211, 211, 211], lightpink: [255, 182, 193], lightyellow: [255, 255, 224], lime: [0, 255, 0], magenta: [255, 0, 255], maroon: [128, 0, 0], navy: [0, 0, 128], olive: [128, 128, 0], orange: [255, 165, 0], pink: [255, 192, 203], purple: [128, 0, 128], violet: [128, 0, 128], red: [255, 0, 0], silver: [192, 192, 192], white: [255, 255, 255], yellow: [255, 255, 0]} })(jQuery);