$('#site-slideshow').cycle({
	fx: 'fade',
	timeout: 4000,
	speed: 500,
	pause: 1,
	pager: '#slideshow-navigation',
	pagerAnchorBuilder: function(idx, slide) {
	    var $slide = $(slide);
		var title = $slide.attr('data-name');
		var photo = $slide.attr('data-photo');
		return '<li><a href="#"><img class="thumb" src="' + photo + '" alt="' + title + '">' + title + '</a></li>';
	},
	pagerClick: function( idx, slide ) {
	   $('#site-slideshow').cycle('pause');
	}
});