// JavaScript Document

   $(function() {  

	   $('#slides').show(); //exibe a div pai  

	   $('#slides')

	   .after('<div id="links-z">')

   	   /*.before('<div id="pagina-slide">')*/
		.cycle({  

	   fx:     'fade',  

	   timeout: 6000,  

	   speed: 500,  

	   next:   '.next',  

	   prev:   '.previous',  

	   pager: '#links-z'  

	   });  

	

	   $('#slide-x').cycle({ 

		/*fx:     'scrollLeft', */
		
		fx:     'fade', 
		
		timeout: 5000, 
		
		speed: 500,

		before:  onBefore, 

		after:   onAfter 

	 });

	 

	 

	 

  });  

   

   

   function onBefore() { 

    $('#output').html("Scrolling image:<br>" + this.src); 

	} 

	function onAfter() { 

		$('#output').html("Scroll complete for:<br>" + this.src) 

			.append('<h3>' + this.alt + '</h3>'); 

	}