/**
*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({
				pager: 'div.paginas', //Paginadores
				pause: true, // Pausa ao passar o mouse sobre ele
				pauseOnPagerHover: true,
				
				// Executa uma função antes de cada troca de slide
				before: function(atual, proximo, opcoes, avancado){
					/**
					 * 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) {
					/**
					 * Altera dois atributos da etiqueta [Destaques] para
					 * ela ter o mesmo titulo e link do destaque mostrado
					 */
					$('a.faixa', '#blocoDestaques').attr({
						title: $('a', proximo).attr('title'),
						href: $('a', proximo).attr('href')
					});
				
					/**
					 * Mostra o parágrafo E a div.fundo que estão dentro do slide atual
					 */
					$('p, div.fundo', proximo).slideDown('fast');
				}


				});
						   });
		  })(jQuery);