var banner_atual = 1;
var quantidade_banners;
var easeIn = 'easeInOutExpo';
var easeOut = 'easeInOutExpo';
var banner_hover = false;
var banner_animated = false;

$(function(){
    banner_atual = parseInt($('.banner-channel:first').attr('id').replace('banner-channel-', ''));
    $('.banner-channel:first').css('left',0);
    
    quantidade_banners = $('.banner-channel').length;
    $('a[href="#"]').click(function(event){
        if(! event.isDefaultPrevented())
            event.preventDefault()        
    })
    
    $('a[rel="external"]').attr('target','_blank');
    
    
    $('#banner').hover(function(){
        banner_hover = true;
    },function(){
        banner_hover = false;
    })
    
    if(quantidade_banners > 1) {
        $('#banner-controls').show();
        
        $('#forward').click(function(){
            clearInterval(timer_banner);
            timer_banner = self.setInterval(function(){
                if(! banner_hover )
                    $('#forward').triggerHandler('click');
            },
            10000
            )
            proximo_banner = banner_atual + 1;

            if(proximo_banner > quantidade_banners)
                proximo_banner = 1;

            $('#banner-channel-' + proximo_banner).stop().css({left:'110%',zIndex:2});
            $('#banner-channel-' + banner_atual).stop().css({zIndex:1});

            $('#banner-channel-' + banner_atual).animate({left:'-110%'}, 1500, easeIn);
            $('#banner-channel-' + proximo_banner).animate({left:0}, 2000, easeOut);

            banner_atual = proximo_banner;
        })
        
        $('#backward').click(function(){
            clearInterval(timer_banner);
            timer_banner = self.setInterval(function(){
                if(! banner_hover )
                    $('#forward').triggerHandler('click');
            },
            10000
            )

            proximo_banner = banner_atual - 1;

            if(proximo_banner < 1)
                proximo_banner = quantidade_banners;

            $('#banner-channel-' + proximo_banner).stop().css({left:'-110%',zIndex:2});
            $('#banner-channel-' + banner_atual).stop().css({zIndex:1});
            $('#banner-channel-' + banner_atual).animate({left:'110%'}, 1500, easeIn);
            $('#banner-channel-' + proximo_banner).animate({left:0}, 2000, easeOut);

            banner_animated = true;

            banner_atual = proximo_banner;
        })

        timer_banner = self.self.setInterval(function(){
            if(! banner_hover )
                $('#forward').triggerHandler('click');
        },
        10000
        )
    }
})