/*
 * Javascript to control the image slideshows on various pages
 *
 * Usage: Add a div to the page with an id of slideshow and place your images in it. That's it :)
 * For fancier stuff add a div with an id of output and the images alt tag will be appended as a level 3 heading in it
 *
 * Requirements: jquery, cycle.js and this file included in the page in that order 
 */
$(document).ready(function() {
	$('#slideshow').cycle({ 
    	fx:			'fade',
    	speed:		700,
    	next:		'#slideshow', 
    	timeout:	5000,
    	pause:		1,
    	after:		onAfter,
    	fit:		1
 	});
 	function onAfter() { 
    	$('#output').html('<h3>' + this.alt + '</h3>'); 
	}
});