$(document).ready(function() {

    var _timeout = 0;
    var _container = $('div#highlights');
    var _bar = _container.children('div.bar');
    var _links = _bar.children('div.wrapper').children('a');
    var _highlights = _container.children('div#highlights-header').children('div.header');
    var _current = 0;

    var _doFade = function(_class) {

        var _n = _container.find('div.'+_class);

        _highlights.stop().fadeTo(600,0, function() {
            _highlights.each(function() {
                if ($(this).index() != _n.index())
                    $(this).hide();
            });
        });
        _n.stop().fadeTo(600,1);

        _container.stop().animate({backgroundColor:_n.find('span.color').attr('title')}, 600);

        return;

    }
    var _animate = function() {

        _current++;
        if (_current == _links.length) _current = 0;
        $(_links[_current]).trigger('click');

        return;

    }

    _links.bind('click', function(e) {
        e.preventDefault();

        clearTimeout(_timeout);

        var _class = $(this).attr('class');
        _doFade(_class);

        _current = $(this).index();

        _links.removeClass('selected');
        $(this).addClass('selected');

        _timeout = setTimeout(_animate,6000);

        return false;
    });

    $(_links[0]).trigger('click');

    return;

});
