/**
 * Escopo de compatibilidade do jQuery
 */
(function($){
	
	$(document).ready(function() {

/*		// Cria uma div.paginas que receberá os paginadores
		var div = $('<div></div>').addClass('paginas');
		// Insere a div criada antes da lista de destaques
		$('#blocoDestaques ul').before(div);
*/		
		/**
		 * Roda o jQuery Cycle na lista (ul) que está
		 * dentro do bloco de destaques (#blocoDestaques) 
		 */
		$('#blocoDestaques ul').cycle({
			fx:      'turnLeft',
			speed:   200, 
			pager:   '#nav', // ul que conterá os thumbs
			// gera automaticamente um thumb de acordo com a imagem
			pagerAnchorBuilder: function(idx, slide) {
				var src = $('img',slide).attr('src');
				return '<li><a href="#"><img src="' + src + '" height="47" /></a></li>';
			},			
			pagerEvent: 'mouseover', // troca a função de clique para mouse over
			pause: true, // Pausa ao passar o mouse sobre o destaque
			pauseOnPagerHover: true, // Pausa ao passar o mouse sobre os thumbs
			// Executa uma função antes de cada troca de slide
			before: function(atual, proximo, opcoes, avancando) {
				/**
				 * Esconde o parágrafo E a div.fundo que estão dentro do slide atual
				 */
				$('p, div.fundo', atual).slideUp('fast');
			},
			
			// Executa uma função depois de cada troca de slide
			after: function(atual, proximo, opcoes, avancando) {
				/* Monta a legenda correta */
				$('#blocoDestaques').attr({
					title: $('a', proximo).attr('title'),
					href: $('a', proximo).attr('href')
				});
				
				/* Mostra a legenda */
				$('p, div.fundo', proximo).slideDown('fast');
			}
		});
/*		$('#blocoDest').mouseout(function() { 
			$('#blocoDestaques ul').cycle('resume');
			alert(opts.currSlide); 
		});
*/	});
})(jQuery);