$(document).ready(function() {
	$('#photos').cycle({
		fx:     'fade', 
		speed:  500, 
		timeout: 4000, 
		pager:  '#thumbnails ul',
		next:   '#next', 
		prev:   '#prev',
		before:  onBefore, 
		after:   onAfter,
	
		pagerAnchorBuilder: function(idx, slide) { 
		return '<li><a href="#" title="Thumbnail"><img src="' + slide.src + '"/></a></li>'; 
		}
	
	});
	function onBefore() { 
	$('#description p').fadeOut('1000');
	}
	function onAfter() {
	$('#description p').fadeIn('1000');
	$('#description').html('<p>' + this.alt + '</p>');
	}
	
	
});