$(document).ready(function() {
	var slideShowSize = $('.slideshow > .slide').size();
	var startingSlide = 0;
	var slideAnchor = document.location.hash.substring(5);
	
	//Add containers for next page button and slide pagination
	if (slideShowSize > 1 ){
		$('.slideshow').before('<div class="grid_2 next-page"><a href="#">More work &#8594;</a></div>');
		$('.slideshow').after('<div class="grid_12 pager"></div>');
	};
	
	if ((slideAnchor != '') && (slideAnchor > 0) && (slideAnchor <= slideShowSize)) {
		startingSlide = slideAnchor - 1;
	}
	
	FixNextLink(startingSlide);
	
    //Cycle params
    $('.slideshow').cycle({
		fx:					'scrollHorz',
		speed:				'slow', 
		timeout:			0,
		startingSlide: 		startingSlide,
		next:				'.next-page a', 
		pager:				'.pager',
		pagerClick : 		FixNextLink,
		prevNextClick: 		function (isNext, idx) { 
			window.location = $('.next-page a').attr("href"); FixNextLink(idx); 
		},
		pagerAnchorBuilder: function(idx) {  
			return '<a href="#page' + (idx + 1) + '">' + (idx + 1) + '</a>';
		} 
	});
	
	$('.pager a').click(function () { 
		window.location = $(this).attr("href"); 
	});
	
	function FixNextLink (idx) {
		var nextIdx = idx + 2;
		if (nextIdx > slideShowSize)
			nextIdx = 1;
		$('.next-page a').attr('href','#page' + nextIdx);
	}
});