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 = 952; //Tamanho da imagem da galeria. Serve para andar o tamanho correto de acordo com o tamanho na tag IMG
var heightImagem = 199; //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);
}