$(window).load(function () {
	$('#slideshow').after('<ul id="slideshow-nav">').cycle({ 
		fx:     'fade', 
		speed:  'slow',
		timeout:  5500, 
		pager:  '#slideshow-nav', 		 		 
		before: function() {  
            $('#caption').html(this.alt); 
        }, 		 
		// callback fn that creates a thumbnail to use as pager anchor 	
		pagerAnchorBuilder: function(idx, slide) { 
			return '<li><a href="#"><img src="' + slide.src + '" width="69" height="39" /></a></li>'; 
		} 					
	});
	$('#slideshow-nav a').click(function(){ 
		$('#slideshow').cycle('pause');
	});	
});