/**
 * @author Don Zacharias
 * Don's Simple Slideshow object
 * Requires the JQuery library - http://jquery.com
 * Include JQuery library, then this file, then in the HEAD of your document
 * initialize the object like this: $(document).ready(slideshow.init);
 * 
 * Requires the following HTML
 * <!--container for all your slides-->
 * <div id="slideshow">
 * 	 <!--div for each slide-->
 * 	 <div class="slide">
 *      <!--each slide has content-->
 * 		<img src="myimage.jpg"><br><span>caption for my image</span>
 *   </div>
 *   <div id="loc">
 		<button id="back">&laquo; back </button>
		<span id="loc">&nbsp;</span>
		<button id="next"> next &raquo;</button>*   
 *   </div>
 * </div>
 * 
 */
var slideshow = {
	//init: function(){alert("init")}
	numSlides: null,
	curSlide: null,
	init: function(){
		slideshow.numSlides = jQuery("#slideshow .slide").length;
		slideshow.curSlide = 0;
		//alert( this.numSlides );
		slideshow.showSlide(slideshow.curSlide);
		jQuery("#slideshow button#back").click(slideshow.back);
		jQuery("#slideshow button#next").click(slideshow.next);
	},
	showSlide: function(s){
		jQuery("#slideshow .slide").hide().eq(s).show();
		slideshow.updateLoc();
	},
	updateLoc: function(){
		var loc = slideshow.curSlide+1;
		if (loc>slideshow.numSlides) loc = 1;
		if (loc<0) loc = slideshow.numSlides;
		jQuery("#slideshow #loc").html((loc)+ " of "+slideshow.numSlides);
	},
	next: function(){
		slideshow.curSlide = (slideshow.curSlide==slideshow.numSlides-1?0:slideshow.curSlide+1);
		slideshow.showSlide(slideshow.curSlide);
	},
	back: function(){
		slideshow.curSlide = (slideshow.curSlide==0?slideshow.numSlides-1:slideshow.curSlide-1);
		slideshow.showSlide(slideshow.curSlide);
	}
};