(function ($) {
	var onDocumentReady = function (event) {
		var screens = $('#project-screenshots>ul'),
			cycleOptions = {
				pager:				'#project-screenshots-pager',
				fx:					'scrollLeft',
				speed:				500,
				timeout:			3000,
				pause:      		true,
				pauseOnPagerHover: 	true,
				pagerAnchorBuilder: function (idx, elm) {
					return '<a class="i-replace index-' + (idx + 1) + '"><span class="i-replace-i">' + (idx + 1) + '</span></a>';
				}
			};
		if (window.location.hash.length > 0 && window.location.hash.indexOf('screenshot-') > -1) {
			var startingSlide = parseInt(window.location.hash.replace(/^(#?screenshot\-)(\d+)$/, '$2'), 10);
			if (!isNaN(startingSlide) && startingSlide > 1) {
				cycleOptions.startingSlide = startingSlide - 1;
			}
		}
		screens.before('<div id="project-screenshots-pager" class="clr"></div>').cycle(cycleOptions);
	};
	$(document).bind('ready', onDocumentReady);
})(jQuery);