/************************************************************
 * slideshow.js
 *
 * Uses jQuery cycle plugin (http://jquery.malsup.com/cycle/)
 * to turn a set of images or divs in #slideshow (which is 
 * itself in #slideshowContainer) and into a slideshow with
 * previous and next arrows. Also generates selectable mini-
 * slides in #imageChooser.
 *
 * requires: jQuery, jQuery cycle plugin, slideshow.css
 *
 * div structure needed:
 *   <slideshowContainer>
 *
 *     <slideshow>
 *			<!-- images or divs go here -->
 *	   </slideshow>
 *
 *   </slideshowContainer>
 *
 ***********************************************************/

$(function() { 
	//check if SS options are set
	if (typeof window.slideshowOpts != "undefined")
		slideshowOpts = window.slideshowOpts;
	else
		slideshowOpts = { 
		// here are the options for the slideshow...
		
		// this is the transition type:  you can choose from the follow:
		/*
			blindX
			blindY
			blindZ
			cover
			curtainX
			curtainY
			fade
			fadeZoom
			growX
			growY
			scrollUp
			scrollDown
			scrollLeft
			scrollRight
			scrollHorz
			scrollVert
			shuffle
			slideX
			slideY
			toss
			turnUp
			turnDown
			turnLeft
			turnRight
			uncover
			wipe
			zoom
				*/
        fx: "fade", 
		// this sets how long the transition is between slides.
        speed: 2000, 
		// this is the setting for time on a particular slide.
		timeout: 10000
		};
		
	//start the slideshow!
    var $slideshow = $('#slideshow').cycle(slideshowOpts);     

});