$(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 imagens
      $('#slides ul').before(div);
      // roda o jcycle na ul dentro da div fotos
      $('#slides ul').cycle({
         pager: 'div.paginas', // paginação
         pause: true, // pausa ao deixar o mouse sobre a imagens
         pauseOnPagerHover: true, // pausa ao deixar o mouse sobre a paginação
         fx:     'fade',
         speed:  2000,
         timeout: 5000,
         // Executa uma função antes de cada troca de slide
         before: function(atual, proximo, opcoes, avancando) {
         	// Esconde o parágrafo e a div.barra_semi-transparente que estão no slide atual
            $('p, div.barra_semi-transparente', atual).slideUp('fast');
         },
         // Executa uma função depois de cada troca de slide
         after: function(atual, proximo, opcoes, avancando) {
            // mostra o parágrafo e a div.barra_semi-transparente do slide atual
            $('p, div.barra_semi-transparente', proximo).slideDown('fast');
         }
      });
   });
})