$(document).ready(function() {
	
    $('#s1 .slideshow').cycle({
		timeout: 6000,
		speed:  'fast',
		pause: true,
        pager: '.slideshow_nav',
		/*
		// without numbers:
        pagerAnchorBuilder: function(idx, slide) {
            return '<a>&nbsp;</a>';
        }
		
		// layout 3:
		pagerAnchorBuilder: function(idx, slide) { 
       		return '#slideshow_nav li:eq(' + idx + ') a'; 
    	} 
		
		*/
		 // callback fn that creates a thumbnail to use as pager anchor 
		pagerAnchorBuilder: function(idx, slide) { 
			var src = $(slide).find('img').attr('src');
			return '<a href="#"><img src="' + src + '" /></a>'; 
		}
	});
});