$(document).ready(function(){
	// First, let's make some changes to the CSS to switch from being nicely degradeable to usable
	$(".slideshow .prevPage, .slideshow .nextPage").show();

	// Now for the main scrollable function
	$(".scrollable").scrollable({
		size: 1,
		loop: true,
		keyboard: true
	}).autoscroll({
		steps: 1,
		interval: 5000
	});

	// And now we display the excerpt and move it into position
	$(".scrollable .excerpt").each(function(){
		var height = $(this).outerHeight();
		$(this).css('margin-top', '-'+height+'px').css({
			"visibility": "visible",
			"display": "none"
		}).fadeIn();
	});
});
