//função executada qdo a página é lida pelo navegador
$(document).ready(function(){ 
	//Outros plugins de carrossel
	//http://www.gmarwaha.com/jquery/jcarousellite/
	//http://sorgalla.com/projects/jcarousel/
		
	//seleciona a div com id fotos e cria um slideshow dos seus
	//elementos filhos utilizando o método cycle() do plugin
	$("#fotos").cycle({
		
		fx		: "scrollHorz", //efeitos para a transição 
    	speed	: 1000, //tempo que leva a transição
    	timeout	: 7000,  //intervalo entre as transições
    	pager	: "#navegacao", //elemento que conterá os botões da paginação
		next	: "#proxima", //id do elemento que chama o próximo slide
		prev	: "#anterior", //id do elemento que chama o anterior slide
		easing	: "" //para usar o plugin easing
				
	});

	
	//ação do botão para pausar o slideshow
	$("#pause").click(function(){
		//pausa o slideshow
		$("#fotos").cycle("pause");
	});
	//ação do botão para tocar o slideshow
	$("#play").click(function(){
		//pausa o slideshow
		$("#fotos").cycle("resume");
	});
	
	//esconde a div de controle
	$('#controle').fadeOut(1000);
	//adiciona o evento hover para a div galeria
	$('#galeria').hover(
		//no mouseover, mostra a div de controle
        function() { $('#controle').stop().fadeTo("slow", 1); },
		//no mouseout, esconde a div de controle
        function() { $('#controle').stop().fadeTo("slow", 0); }
    );
	
	


});