// JavaScript Document
$(function($){
	
	
	//carrega a imagem inicial
	var primeira = $('#slide_galeria ul li:first a').attr('href');
	//pega o link da imagem inicial
	var link_inicial = $('#slide_galeria ul li:first a').attr('rel');
	$('#slide_galeria #exibe').append('<a href="'+ link_inicial +'"><img src="'+ primeira +'" width="390" height="241" />');
	
	//adiciona a classe atual na primeira imagem inicialmente
	$('#slide_galeria ul li:first a').addClass('atual');
	
	//acrecenta a primeira descrição
	var primDescricao = $('#slide_galeria ul li:first a').attr('title');	
	$('#slide_galeria p').html(primDescricao);
	
	//adiciona o indicador
	$('#slide_galeria ul li:first').append('<div class="indicador"></div>')
	
	
	var total = $('#slide_galeria ul li a.fotos').length;
		
	var indiceAtual = 0;
	var tempo = 6000;
	
	var intervalo = setInterval('$.slider()', tempo);
	
	$.slider = function()	{
		
		// se o ídice total for menor que o total menos 1 a próxima será o índice atual + 1
		if(indiceAtual < (total - 1))
		{
			var indiceProxima = indiceAtual + 1;
			indiceAtual++;
		}
		else//senão
		{
			var indiceProxima = indiceAtual = 0;//volta para primeira	
		}
		
				
		var imgGrande = $('#slide_galeria ul li a').eq(indiceProxima).attr('href');
		var link_img_grande = $('#slide_galeria ul li a').eq(indiceProxima).attr('rel');
		//remove todos os indicadores
		$('#slide_galeria ul li .indicador').remove();
		//remove a imagem atual		
		$('#slide_galeria #exibe').html('');
		//acrescenta a nova imagem
		$('#slide_galeria #exibe').append('<a href="'+link_img_grande+'"><img src="'+ imgGrande +'" width="390" height="241" />');
		//acrescenta novo indicador
		$('#slide_galeria ul li').eq(indiceProxima).append('<div class="indicador"></div>');
		//remove a classe atual das outras miniaturas
		$('#slide_galeria ul li a').removeClass('atual');
		//adiciona a classe atual à miniatura ativa
		$('#slide_galeria ul li a').eq(indiceProxima).addClass('atual');
		//remove a antiga descrição
		$('#slide_galeria p').html('');
		//acrecenta a nova descrição
		var novaDescricao = $('#slide_galeria ul li a').eq(indiceProxima).attr('title');	
		$('#slide_galeria p').html(novaDescricao);		
	}
	
	
	$('#slide_galeria ul li a').mouseover(function(){
		clearInterval(intervalo);		
		indiceAtual = $('#slide_galeria ul li a').index(this);
		var imgGrande = $(this).attr('href');
		var link_img_grande = $(this).attr('rel');		
		//remove a imagem atual
		$('#slide_galeria #exibe').html('');
		//remove todos os indicadores
		$('#slide_galeria ul li .indicador').remove();
		//acrescenta a nova imagem
		$('#slide_galeria #exibe').append('<a href="'+link_img_grande+'"><img src="'+ imgGrande +'" width="390" height="241" />');
		//acrecenta o indicador
		$('#slide_galeria ul li').eq(indiceAtual).append('<div class="indicador"></div>');
		//remove a classe atual das outras miniaturas
		$('#slide_galeria ul li a').removeClass('atual');
		//adiciona a classe atual à miniatura ativa
		$(this).addClass('atual');
		
		//remove a antiga descrição
		$('#slide_galeria p').html('');
		//acrecenta a nova descrição
		var novaDescricao = $(this).attr('title');	
		$('#slide_galeria p').html(novaDescricao);		
	});
	
	$('#slide_galeria ul li a').mouseout(function(){
		intervalo = setInterval('$.slider()', tempo);
	})
	
	//Impede que ao clicar nas miniaturas vá para o link das fotos
	$('#slide_galeria ul li a').click(function(e){
		e.preventDefault();		
	});
	
	/*	
	//carrega a imagem inicial
	var primeira = $('#slide_galeria ul li:first a').attr('href');
	$('#slide_galeria #exibe').append('<a href="#"><img src="'+ primeira +'" width="390" height="241" />');
	
	//adiciona a classe atual na primeira imagem inicialmente
	$('#slide_galeria ul li:first a').addClass('atual');
	
	//acrecenta a primeira descrição
	var primDescricao = $('#slide_galeria ul li:first a').attr('title');	
	$('#slide_galeria p').html(primDescricao);
	
	//adiciona o indicador
	$('#slide_galeria ul li:first').append('<div class="indicador"></div>')
	
	
	var total = $('#slide_galeria ul li a.fotos').length;
		
	var indiceAtual = 0;
	var tempo = 6000;
	
	var intervalo = setInterval('$.slider()', tempo);
	
	$.slider = function()	{
		
		// se o ídice total for menor que o total menos 1 a próxima será o índice atual + 1
		if(indiceAtual < (total - 1))
		{
			var indiceProxima = indiceAtual + 1;
			indiceAtual++;
		}
		else//senão
		{
			var indiceProxima = indiceAtual = 0;//volta para primeira	
		}
		
				
		var imgGrande = $('#slide_galeria ul li a').eq(indiceProxima).attr('href');
		//remove todos os indicadores
		$('#slide_galeria ul li .indicador').remove();
		//remove a imagem atual		
		$('#slide_galeria #exibe').html('');
		//acrescenta a nova imagem
		$('#slide_galeria #exibe').append('<a href="#"><img src="'+ imgGrande +'" width="390" height="241" />');
		//acrescenta novo indicador
		$('#slide_galeria ul li').eq(indiceProxima).append('<div class="indicador"></div>');
		//remove a classe atual das outras miniaturas
		$('#slide_galeria ul li a').removeClass('atual');
		//adiciona a classe atual à miniatura ativa
		$('#slide_galeria ul li a').eq(indiceProxima).addClass('atual');
		//remove a antiga descrição
		$('#slide_galeria p').html('');
		//acrecenta a nova descrição
		var novaDescricao = $('#slide_galeria ul li a').eq(indiceProxima).attr('title');	
		$('#slide_galeria p').html(novaDescricao);		
	}
	
	
	$('#slide_galeria ul li a').mouseover(function(){
		clearInterval(intervalo);		
		indiceAtual = $('#slide_galeria ul li a').index(this);
		var imgGrande = $(this).attr('href');		
		//remove a imagem atual
		$('#slide_galeria #exibe').html('');
		//remove todos os indicadores
		$('#slide_galeria ul li .indicador').remove();
		//acrescenta a nova imagem
		$('#slide_galeria #exibe').append('<a href="#"><img src="'+ imgGrande +'" width="390" height="241" />');
		//acrecenta o indicador
		$('#slide_galeria ul li').eq(indiceAtual).append('<div class="indicador"></div>');
		//remove a classe atual das outras miniaturas
		$('#slide_galeria ul li a').removeClass('atual');
		//adiciona a classe atual à miniatura ativa
		$(this).addClass('atual');
		
		//remove a antiga descrição
		$('#slide_galeria p').html('');
		//acrecenta a nova descrição
		var novaDescricao = $(this).attr('title');	
		$('#slide_galeria p').html(novaDescricao);		
	});
	
	$('#slide_galeria ul li a').mouseout(function(){
		intervalo = setInterval('$.slider()', tempo);
	})
	*/
		
})