$(function(){
		
	// MUDANÇA DOS DESTAQUES, FOTOS E LEGENDAS DA HOME
	var direcao_esq;
	var direcao_dir;
	var contador = 0;
	var indice = 0;
	var indiceAtual = 0;
	var contadorLi = 0;
	var guardaThumbs = $('#thumbsHome li');
	var tempoInter;
	
	//escreve minha paginação
	mudaPaginacao(indiceAtual);
	
	$('#previous').click(function(){
		//limpa o intervalo de tempo
		limparTempo();
		
		$('#thumbsHome li').css('display','none');
		$('#paginacao ul li a').removeClass('thumbMarcado')
		
		
		contador = contador -1;
		indice = contador;
		
		if(contador == indice)
		{
			$(guardaThumbs[indice]).css('display','block')
		}
		if(contador == -1)
		{
			contador = guardaThumbs.length - 1;
			indice = contador;
			$(guardaThumbs[indice]).css('display','block');
		}
		mudaPaginacao(contador);
		$('#paginacao ul li a').eq(contador).addClass('thumbMarcado');
	});
	
	$('#next').click(function(){	
		//limpa o intervalo de tempo no click
		limparTempo();
		//chama minha função de próximo
		mudaDestaque();
		
	});
	
	function mudaPaginacao(contador){
		for(var a = 0; a < guardaThumbs.length; a++){
		
			//faz minha paginação
			if(contadorLi < guardaThumbs.length){
				$('#paginacao ul').append('<li><a href="javascript: void(0);">' +(contador + 1) +'</a></li>');
				contadorLi ++;
			}
			contador ++;
		}
	}
	/*click na paginação*/
	$('#paginacao ul li a').click(function(){
		limparTempo();
		 var indiceThumb = $('#paginacao ul li a').index(this);
		 
		 /*esconde todas as img*/
		 $('#thumbsHome li').css('display','none');
		 
		 //remove todas as classes
		 $('#paginacao ul li a').removeClass('thumbMarcado')
		 
		 //add classe na atual
		 $(this).addClass('thumbMarcado')
		 
		 //mostra a clicada
		 $('#thumbsHome li').eq(indiceThumb).css('display','block');
		 
		 //reset no contador
		 contador = indiceThumb;
	});
	
	function mudaDestaque(){
		//volta para o thumb anterior
		$('#thumbsHome li').css('display','none');
		$('#paginacao ul li a').removeClass('thumbMarcado')
		
		if(contador == guardaThumbs.length - 1){
			contador = 0;
			indice = contador;
			
			if(contador == indice){	
				$(guardaThumbs[indice]).css('display','block')
			}
		}
		else{
			contador ++;
			//faço o contador do índice ficar igual ao das fotos
			indice = contador;
			
			if(contador == indice){
				$(guardaThumbs[indice]).css('display','block')
			}
		}
		mudaPaginacao(contador);
		$('#paginacao ul li a').eq(contador).addClass('thumbMarcado');
	}
	tempoInter = setInterval(function(){mudaDestaque()},10000);
	
	function limparTempo(){
		//limpei o intervalo 
		clearInterval(tempoInter);
		
		//inicio novamente o contador
		tempoInter = setInterval(function(){mudaDestaque()},10000);
	}
	$('#thumbsHome li').eq(0).css('display','block');
	$('#paginacao ul li a').eq(0).addClass('thumbMarcado');
});