$(document).ready(function() {
    $('.slideshow').cycle({
		fx: 'fade', // choose your transition type, ex: fade, scrollUp, shuffle, etc...
		next:   '#next',
    	prev:   '#prev',
	    before:  onBefore, 
	    after:   onAfter,
	    pause: 1 
	});

	$('#pauseButton').click(function() { 
	    $('.slideshow').cycle('pause');
	    $(this).hide(); $('#resumeButton').show();
	});

	$('#resumeButton').click(function() { 
	    $('.slideshow').cycle('resume');
	    $(this).hide(); $('#pauseButton').show();
	});
});
function onBefore() { 
    $('#output').html("Shikatani Lacroix Design Services: ");
}

function onAfter() { 
    $('#output').html("Shikatani Lacroix Design Services: " + this.title); 
}