var current_banner = 0;
var max_banner = 0;
var ul_banner, li_banner, t_banner;
var w = 0;

/*Configurações*/
var BANNER_WIDTH = 545; //Largura do banner.
var BANNER_TIME = 9000; //Tempo em miliseg. para a rotação automática.
var BANNER_SPEED = 1000; //Tempo da animação em miliseg.

$(document).ready(function(){
    //Define o numero de imagens no banner.
    ul_banner = document.getElementById("banner-container");
    li_banner = ul_banner.getElementsByTagName('li');
    max_banner = li_banner.length;
    
    //Define o tamanho do container de acordo com o numero de imagens.
    $("#banner-container").css('width', max_banner*BANNER_WIDTH);
    
    //Chamada do evento click do controlador do banner.
    $("#banner-control li").click(bannerClick);
    
    //Começa o banner na posição 1.
    changeBanner(1);
});

/*Pausar a a nimação quando a janela perder o foco.*/
$(window).blur(function(){
    clearTimeout(t_banner);
    w = 1;
})

/*Reiniciar a animação quando a janela tiver o focus novamente.*/
$(window).focus(function(){
    var n;
    if(w == 1){
        if(current_banner < max_banner){
            n = current_banner + 1;
        } else {
            n = 1;
        }
        changeBanner(n);
        w = 0;
    }
})

/*Troca a imagem do banner.*/
function changeBanner(id){
    //Variaveis internas da função.
    var i = id;
    var c = current_banner;
    var n = i+1;
    var m = -1*(BANNER_WIDTH*(i-1));
    //Variavel global de controle do banner mostrado atualmente.
    current_banner = id;
    
    //Se o banner solicitado for diferente do atual.
    if(i != c){
        //Animação do banner.
        $("#banner-container").animate({
            "margin-left": m
        }, BANNER_SPEED);
        //Estilo dos controladorores.
        $("#banner-control li").css('background-color', '#DEC7AB');
        $("#ctrl_"+i).css('background-color', '#9B121B');
        
        //Definição da animação automatica.
        if(i < max_banner){
            t_banner = setTimeout("changeBanner("+n+")", BANNER_TIME);
        } else {
            t_banner = setTimeout("changeBanner(1)", BANNER_TIME);
        }
    }
}

/*Controlador do banner*/
function bannerClick(){
    clearTimeout(t_banner);
    changeBanner(parseInt($(this).text()));
}