$(function () {

	/***** CONTROLADOR NUMÉRICO ******/
	$('#BannerFotos div').each(function (index) {	
		var contador =  $('#BannerFotos div').index(this) + 1;
		
		if($('#BannerFotos div').index(this) == 0)
			$('<li class="activo">' + contador + '</li>').appendTo('#controlador');
		else
		{
			$('<li>' + contador + '</li>').appendTo('#controlador');
		}
	});
	
	var nValores = $('#BannerFotos div');	
	$('#controlador li').click(function(index){	
		
		var cell = $('div[class^="show"]')
    	var indexActivo = cell.parent("div").children().index(cell); 
		if(indexActivo != $('#controlador li').index(this))
		{		
			window.clearInterval(intval);		
			var current = $('#BannerFotos div.show');
			var next = $(nValores[$('#controlador li').index(this)]);
			efeitos(next,current);
		}
	});
	/***** FIM CONTROLADOR NUMÉRICO ******/


	/***** CONTROLADOR NUMÉRICO ******/
	$('#setaAnterior img').click(function(){
		rotate('anterior');
		window.clearInterval(intval);
		intval=window.setInterval('rotate("anterior")',3000)	
 	});
	
	$('#setaSeguinte img').click(function(){
		rotate('seguinte');
		window.clearInterval(intval);
		intval=window.setInterval('rotate("seguinte")',3000)
		
 	});
	/***** CONTROLADOR SETAS ******/
	
	//Inicia o banner
	$('#BannerFotos').css('display','block');
	theRotator();
	
 });
 
 
 
 
 function theRotator() {

	//Opacidade de todas as imagens a 0
	$('#BannerFotos div').css({opacity: 0.0});	
	//Primeria imagem opaca
	$('#BannerFotos div:first').css({opacity: 1.0});	
	
	// chama a funcao para correr o slideshow, 3000 = muda de imagem de 3 em 3 segundos
	intval=window.setInterval('rotate("seguinte")',3000)	
}
 
 
function rotate(posicao) {	

	if(posicao == 'seguinte')
	{	
		//Primeira Imagem
		var current = ($('#BannerFotos div.show') ? $('#BannerFotos div.show') : $('#BannerFotos div:first'));
    	if ( current.length == 0 ) current = $('#BannerFotos div:first');
		//Próxima Imagem, quando chegar ao fim volta à primeira
		var next = ((current.next().length) ? ((current.next().hasClass('show')) ? $('#BannerFotos div:first') :current.next()) : $('#BannerFotos div:first'));
	}
	else if(posicao == 'anterior')
	{
		//Última Imagem
		var current = ($('#BannerFotos div.show') ?  $('#BannerFotos div.show') : $('#BannerFotos div:last'));		
		if ( current.length == $('#BannerFotos div').next().length) current = $('#BannerFotos div:last');
		//Imagem Anterior, quando chegar ao principio volta à última
		var next = ((current.prev().length) ? ((current.prev().hasClass('show')) ? $('#BannerFotos div:last') :current.prev()) : $('#BannerFotos div:last'));
	}

	efeitos(next,current);
};



function efeitos(next,current) {	
	//Mostra a proxima imagem
	next.css({opacity: 0.0})
	.addClass('show')
	.animate({opacity: 1.0}, 1000);

	//Esconde a actual
	current.animate({opacity: 0.0}, 1000)
	.removeClass('show');
	
	//Troca o estado do botao numérico
	var cell = $('div[class^="show"]')
    var indexActivo = cell.parent("div").children().index(cell);        
	var arrayBotoes = $('#controlador li');	
	$('#controlador li').removeClass('activo');		
	$(arrayBotoes[indexActivo]).addClass('activo');	
}