$(document).ready(function(){

	var index = 0, hash = window.location.hash;
	if (hash) {
		index = /\d+/.exec(hash)[0];
		index = (parseInt(index) || 1) - 1; // slides are zero-based
	}
	
	$('ul#work').cycle({ 
		startingSlide: index,
		nowrap: 0,
		continuous: 0,
		fx: 'fade',
		speed: 200,
		sync:0,
		height: 'auto',
		timeout: 0,
		cleartypeNoBg: true,
		prev: 	'a.prev',
		next: 	'a.next, a.imgnext',
		after:	onAfter
	});
	 
	$('a.toggleindex').click(function () { 
		$('ul#index').slideToggle(400);
		$(this).toggleClass("active");
		return false;
    });

	$('a.info').click(function () { 
		$('.infobox').slideToggle(400);
		$(this).toggleClass("active");
		return false;
    });
    
   	$('ul#index li a').click(function () { 
   		$('ul#index').slideToggle(400);
		return false;
   	});

	// Keyboard control for Cycle (left and right keys)

	$(window).keydown(function(e){
		if(e.which == 37){ 
			$('.prev').click();
		} else if(e.which == 39){
			$('.next').click();
		}
	});

});

function padZeros(theNumber, max) {
    var numStr = String(theNumber);
    while (numStr.length < max) {
        numStr = '0' + numStr;
    }
    return numStr;
}

function onAfter(curr,next,opts) {
	var caption = padZeros((opts.currSlide + 1),2) + ' / ' + opts.slideCount;
	//var caption = (opts.currSlide + 1) + ' / ' + opts.slideCount;
	$('#caption').html(caption);
	window.location.hash = opts.currSlide + 1;
}