$(document).ready(function(){
   $('#slides').show();
	// Your code here
 });

$(function() {
	// run the code in the markup!
	$('td pre code').not('#skip1,#skip2').each(function() {
		eval($(this).text());
	});
	$('#slideshow').cycle({
		fx: 'fade',
		speed: 500,
		timeout: 3500,
		pause: 0,
		before: onAfter,
		pager: '#nav'
	});

});
function pauseSlides() {
	if ($('#playpause').attr('src') == '../images/common/graypause.gif') {
		$('#playpause').attr('src', '../images/common/blackpause.gif');
		$('#pauseplay').attr('src', '../images/common/grayplay.gif');
		$('#slideshow').cycle('resume');
	} else {
		$('#pauseplay').attr('src', '../images/common/blackplay.gif');
		$('#playpause').attr('src', '../images/common/graypause.gif');
		$('#slideshow').cycle('pause');
	}
}
function onBefore() {
	$('#caption').html("Scrolling image:<br>" + this.alt);
}
function onAfter() {
	$('#caption').html(this.alt)
}