$(document).ready(function() {
	
	//----------  Slideshow
	$('#slideshow').cycle({ 
		fx:     'fade', 
		speed:   3000, 
		timeout: 7000,
		before:  onBefore, 
		after:   onAfter,
		pager:  '#slideshowThumbs',
		pagerAnchorBuilder: function(idx, slide) { 
			return '<li><a href="#"><img class="thumb" width="95" height="95" src="' + slide.src + '" /></a></li>';
    	} 
	 });

	function onBefore() { 
		$('#output').html(""); 	
	} 
	function onAfter() { 
		$('#output').append('<p><strong>' + this.title + '</strong><br />' + this.alt + '</p>'); 
	}
	
});