function calculateTimeout(currElement, nextElement, opts, isForward) {
	return opts.currSlide == 0? 5000: 5000;
}

function afterTransition(currElement, nextElement, opts, isForward) {
	$('#curSlide').html(opts.currSlide + 1);
	$('#slideCnt').html(opts.slideCount);
}

$(document).ready(function() {
    $('#currentSlideContainer').cycle({
        fx: 'fade',
        timeout: 5000, 	// milliseconds between slide transitions (0 to disable auto advance) 
        speed: 3000,   		// speed of the transition (any valid fx speed value) 
				pause: 0,					// Pause slide show when mouse over
				prev: '#prev',
				next: '#next',
				after: afterTransition,
				timeoutFn: calculateTimeout
    }); 

		$('#play').click(function() {
			if ($('#play').hasClass('play')) {
				$('#currentSlideContainer').cycle('pause');
				$('#play').toggleClass('play').toggleClass('pause').attr('title', 'Play');
			}
			else {
				$('#currentSlideContainer').cycle('resume');
				$('#play').toggleClass('play').toggleClass('pause').attr('title', 'Pause');
			}

			return false;
		});
});