var itens = 0; //Serve como o contador de itens realizados até aquele determinado momento.
    var limiteItens = 0; //É a quantidade limite de elementos dentro da galeria. Ela é recuperada automaticamente de acordo com a quantidade de LI dentro da UL principal.
    var tempo = 6000; //Em milisegundos 5000 = 5 segundos
    var widthImagem = 0; //Tamanho da imagem da galeria. Serve para andar o tamanho correto de acordo com o tamanho na tag IMG
	var heightImagem = 0; //Tamanho da imagem da galeria. Serve para andar o tamanho correto de acordo com o tamanho na tag IMG
    var timer; // Este é o timer da galeria
    var tempoEfeito = 1300; //Velecidade da transição
    
    $(document).ready(function(){
        startTimer();
        if($('.galeria_noscript').length != 0 ){
            $('.painel_noscript').removeClass('painel_noscript').addClass('painel');
            $('.galeria_noscript').removeClass('galeria_noscript').addClass('galeria');
            
            $(".navegacao a").click(function () {
                itens = parseInt($(this).attr("href").replace("#",""));
                rodar($(this).attr("href"),false);
                clearTimeout(timer);
                timer = setTimeout(startTimer,tempo); //Se usuário clicou no numero, então para o timer e inicializa ele novamente aqui.
            }); 
              
            limiteItens = $('.galeria li').length;
            widthImagem = $(".galeria li img").attr("width");
			heightImagem = $(".galeria li img").attr("height");
            
			$('.container').css({'width' : (widthImagem)+'px','height' : (heightImagem)+'px'});
			$('.painel').css({'width' : (widthImagem)+'px','height' : (heightImagem)+'px'});
			
            $('.galeria').css({'width' : (limiteItens * widthImagem)+'px'});
            $('.navegacao').css({'display' : 'block'});
        }
    });
    
    startTimer = function(){
        if(itens == limiteItens){itens = 0}
        itens= 1 + itens;
        rodar(itens,true);
        timer = setTimeout(startTimer,tempo);
    }  
          
    classeAtual = function(elemento){
        $('.navegacao li a').removeClass('atual');     
        $('.navegacao li a[href=#'+ elemento +']').addClass('atual');
    }
            
    rodar = function(idBanner,auto) {
        if(!auto)
        { idBanner = idBanner.replace(/#/, "");}
        
        classeAtual(idBanner); // Seta a classe atual na numeração
        
        var tam = 0;
        if(idBanner != 1)
        { tam = (idBanner - 1) * widthImagem; }

        $('.galeria').animate({ 
            left: "-"+ tam+"px"
        },tempoEfeito);
    }