$(document).ready(function() {
    // put all your jQuery goodness in here.
    $('.slideshow')
     .cycle({
        fx: 'zoom', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
        pager: '#gallery_nav',
        after:  onAfter,
        timeout: 10000,
        pause:   1
    });
    
   	$('#gallery_nav_global').mouseenter(function(){
   	   $('#gallery_nav').css('visibility', 'visible')
	}).mouseleave(function(){
   	   $('#gallery_nav').css('visibility', 'hidden')
	}); 
	
	
});




function onAfter() {
	
    $('#output').html(this.title);
    $('#output_desc').html($('#slide'+this.id).attr('title'));	
}