/**


 * Slideshow Lite plugin for jQuery


 *


 * v0.5.3


 *


 * Copyright (c) 2009 Fred Wu


 *


 * Dual licensed under the MIT and GPL licenses:


 *   http://www.opensource.org/licenses/mit-license.php


 *   http://www.gnu.org/licenses/gpl.html


 */



/**


 * Configuration options:


 *


 * pauseSeconds  float    number of seconds between each photo to be displayed


 * fadeSpeed     float    number of seconds for the fading transition, the value should not exceed 'pauseSeconds'


 * width         integer  width of the slideshow, in pixels


 * height        integer  height of the slideshow, in pixels


 * caption       boolean  display photo caption?


 * cssClass      string   name of the CSS class, defaults to 'slideshowlite'


 */



(function($){



	$.fn.slideshow = function(options){



		var defaults = {


			pauseSeconds: 8,


			fadeSpeed: 0.5,


			width: 495,


			height: 230,


			caption: true,


			cssClass: 'slideshowlite'


		};



		var options = $.extend(defaults, options);



		// ----------------------------------------


		// slideshow objects and variables


		// ----------------------------------------



		var target = this;


		var items  = $(target).children("a");


		var instance;



		// ----------------------------------------


		// some mandontory styling


		// ----------------------------------------



		if ( ! $(this).hasClass(options.cssClass)) $(this).addClass(options.cssClass);


		$(this).css({


			width: options.width + "px",


			height: options.height + "px"


		});



		// ----------------------------------------


		// create anchor links to make the structure simpler for manupilation


		// ----------------------------------------



		$(this).children("img").wrap(document.createElement("a"));


		$(this).children("a").attr("target", "blank");



		// ----------------------------------------


		// add item sequence markups


		// ----------------------------------------



		var i = 1;


		$(this).children("a").each(function(){


			$(this).attr("rel", i++);



		});




		// ----------------------------------------


		// create pagination and caption


		// ----------------------------------------



		$(this).append("<ul></ul>");


		$(this).append("<ol></ol>");


		var pagination = $(this).children("ul");


		var caption = $(this).children("ol");



		var i = 1;


		var j = 0;



		$(this).children("a").each(function(){


			pagination.append("<li><a href=\"#\">" + i++ + "</a></li>");


			caption.append("<li>" + $("#" + $(target).attr("id") + " img:nth(" + j++ + ")").attr("alt") + "</li>");



		});



		pagination.fadeTo(0, 1);


		caption.fadeTo(0, 0.6);


		caption.hide();



		// ----------------------------------------


		// shortcuts


		// ----------------------------------------



		var firstItem   = $(target).children("a:first");


		var lastItem    = $(target).children("a:last");


		var currentItem = firstItem;



		// ----------------------------------------


		// pagination highlight


		// ----------------------------------------



		var paginationHighlight = function(sequence){


			pagination.children("li").children("a").removeClass("current");


			pagination.children("li").children("a:nth(" + sequence + ")").addClass("current");



		}



		// ----------------------------------------


		// caption


		// ----------------------------------------



		var showCaption = function(sequence){


			caption.show();


			caption.children("li").hide();


			caption.children("li:nth(" + sequence + ")").fadeIn();



		}



		// ----------------------------------------


		// slideshow logic


		// ----------------------------------------



		var makeSlideshow = function(){



			// pagination click


			pagination.children("li").children("a").click(function(){


				if ( ! $(this).hasClass("current"))



				{


					// select the current item after the pagination click


					currentItem = $(target).children("a:nth(" + ($(this).text()-1) + ")");


					currentItem.show();


					startSlideshow();



				}



			});




			// pagination highlight


			paginationHighlight(currentItem.attr("rel")-1);



			// show caption


			if (options.caption == true)



			{


				showCaption(currentItem.attr("rel")-1);



			}



			// show the current slide


			currentItem.fadeIn(options.fadeSpeed*1000, function(){


				$(target).children("a").hide();


				$(this).show().css("z-index", 1);



			});



			// prepare for the next slide


			// determines the next item (or we need to rewind to the first item?)


			if (currentItem.children("img").attr("src") == lastItem.children("img").attr("src"))



			{


				currentItem = firstItem;


				currentItem.css("z-index", 2);



			}



			else



			{



				currentItem = currentItem.next();



			}




		};



		var startSlideshow = function(){


			clearInterval(instance);


			makeSlideshow();


			instance = setInterval(makeSlideshow, options.pauseSeconds*1000);



		};



		// ----------------------------------------


		// start the slideshow!


		// ----------------------------------------


		startSlideshow();



	};


})(jQuery);