$(function() {
    var Highlights = {
        jTriggers: $('#clients li'),
        jSnippets: $('#snippets li'),
        jScreens: $('#screens li'),

        nActiveHighlight: 0,
        autoTimer: null,
        nSlideCount: 0,
        nDelay: 9000,

        init: function(){
            this.nSlideCount = this.jTriggers.size();
            this.jTriggers.each(function(){
                var jThis = $(this),
                    nIndex = jThis.index();
                jThis.bind('click', function(e){
                    Highlights.transition(nIndex);
                    Highlights.cancelAuto();
                    e.preventDefault();
                });
            });
            this.auto();
        },

        transition: function(nNextIndex){

            this.jTriggers.eq(this.nActiveHighlight).removeClass('active');
            this.jSnippets.eq(this.nActiveHighlight).removeClass('active').hide();
            this.jScreens.eq(this.nActiveHighlight).css('zIndex', 1).animate({left: -492}, 250);

            this.nActiveHighlight = nNextIndex;

            this.jTriggers.eq(this.nActiveHighlight).addClass('active');
            this.jSnippets.eq(this.nActiveHighlight).fadeIn('fast');
            this.jScreens.eq(this.nActiveHighlight).css({'zIndex': 2, left: 492}).animate({left: 0}, 500);
        },

        auto: function(){
            this.autoTimer = setInterval(function(){
                var nNextSlide = Highlights.nActiveHighlight + 1;
                if( Highlights.nActiveHighlight >= Highlights.nSlideCount-1 ) {
                    nNextSlide = 0;
                }
                console.log(Highlights.nSlideCount, nNextSlide);
                Highlights.transition(nNextSlide);
            }, Highlights.nDelay);
        },

        cancelAuto: function(){
            clearInterval(this.autoTimer);
        }
    };

    Highlights.init();

    $('#clients li').each(function(){
        var jThis = $(this),
            sClientName = jThis.attr('client');

    });

});