/* scripts/common.js

Script that initializes the slideshow. Here you can further expand what the slideshow does. Check
http://malsup.com/jquery/cycle/options.html for more options

*/

(function($) {
$(document).ready(function() {
	/* $('#slideshowItems ul') is a jquery search expression that gets every child of the unordered lists of the div with id: "slideshowItems" */
	$('#slideshowItems ul').cycle({ 
    	fx:     'fade',   /* the type of transition you want */
    	timeout: 7000,    /* milliseconds between slide transitions */
    	speed:  1000,     /* speed of transition */
    	pager: '#pages',  /* id of element that the navigation will be created under (only the page numbers) */
    	next:   '#next',  /* id of element to use as click trigger for next slide */
    	prev:   '#prev'   /* id of element to use as click trigger for previous slide */
	});
	
});
})(jQuery);