$(function(){
	$('#controls').show();
	$('#slider').cycle({ 
		//fx:    'scrollHorz', 
		fx: 'fade',
		speed:  1000,
		timeout: 6000,
		random: 0,
		pager: '#paging',
	    next:   '#next', 
	    prev:   '#prev',
		fastOnEvent:   0,
		pauseOnPagerHover: 1,
		before:   onBefore,
		pagerAnchorBuilder: function(idx, slide) { 		
			//return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
			//alert($(slide).find("img").attr('src'));
			return '<li><a href="#"><img src="' + $(slide).find("img").attr('src') + '" width="75" height="45" /></a></li>'; 
		} 
	});
	/*$('#slideshow').before('<ul id="nav">').cycle({ 
		fx:     'turnDown', 
		speed:  'fast', 
		timeout: 0, 
		pager:  '#nav', 
		 
		// callback fn that creates a thumbnail to use as pager anchor 
		pagerAnchorBuilder: function(idx, slide) { 
			return '<li><a href="#"><img src="' + slide.src + '" width="50" height="50" /></a></li>'; 
		} 
	});*/
});

function onBefore() { 
   // $('#caption').html("<h2>" + this.title + "</h2>");  
}