//função executada qdo a página estiver pronta
 //jQuery.noConflict();

jQuery(document).ready(function(){
	
	//usamos o plugin cycle para criar um slideshow
	//das imagens contidas na div 'fotos'
	jQuery("#cycleTopo").cycle({
		//speed	: 500, //tempo da transição
		timeout	: 3000, //intervalo entre as trocas
		fx		: "fade", //efeito da animação
		//speedIn:  800,
		//delay:  -1000,
		//easing: 'easeOutBounce',
		pager	: "#paginacao", //define o elemento que recebe a paginação
		next	: "#next", //define o botão que chama o próx. slide
		prev	: "#prev" //define o botão que chama o slide anterior
	});
//	
	jQuery("#cycleClientes").cycle({
		//speed	: 500, //tempo da transição
		timeout	: 3000, //intervalo entre as trocas
		fx		: "fade" //efeito da animação
	});

	
	//ações dos botões de controle
	jQuery("#pause").click(function(){
		//pause o slideshow
		$("#fotos").cycle("pause");
	});
	jQuery("#play").click(function(){
		//retoma o slideshow
		$("#fotos").cycle("resume");
	});
	
	jQuery("#controle").hide();
	//hover(f1, f2) -> evento que recebe duas funções como parâmetros
	//sendo a f1 executada no mouseover e a f2 no  mouseout 
	jQuery("#bannerRotativo").hover(
		function(){
			//no mouseover, mostra o controle
			jQuery("#controle").stop().fadeTo(300, 1);
		}, 
		function(){
			//no mouseout, esconde o controle
			jQuery("#controle").stop().fadeTo(300, 0);
		});
	
});