/**
 * 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: 2,
			fadeSpeed: 0.5,
			width: 800,
			height: 500,
			caption: false,
			showPagination: true,
			cssClass: 'slideshowlite',
			containerID: '#slideshow'
		};
		
		var options = $.extend(defaults, options);
		
		// ----------------------------------------
		// slideshow objects and variables
		// ----------------------------------------
		
		var target = this;
		var items  = $(target).children("a");
		var instance;
		var pause;
		var currentItem;
		var clickNow;
		
		// ----------------------------------------
		// 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");
		$(this).children("a").hide();
		$(this).children("a").addClass("loading");
		$("img").show();
		// ----------------------------------------
		// 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, 0.8);
//		caption.fadeTo(0, 0.6);
		caption.hide();
		if (options.showPagination == false)
		{
    pagination.hide();
		}
		// ----------------------------------------
		// shortcuts
		// ----------------------------------------
		
		var firstItem   = $(target).children("a:first");
		var lastItem    = $(target).children("a:last");

		
		// ----------------------------------------
		// 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 highlight
			paginationHighlight(currentItem.attr("rel")-1);
			
			// show caption
			if (options.caption == true)
			{
				showCaption(currentItem.attr("rel")-1);
			}
			
				// show the current slide
			if (!clickNow)
			{
        
        $(target).children("a").fadeOut(options.fadeSpeed*1000);
        currentItem.children("img").onImagesLoad({ 
            itemCallback: itemImagesLoaded 
        }); 

			}
			else
			{
      clickNow = false;  
      if (!pause)
      {
        if (currentItem.children("img").attr("src") == lastItem.children("img").attr("src"))
  			{
  				currentItem = firstItem;
  				currentItem.css("z-index", 2);
  			}
  			else
  			{
  				currentItem = currentItem.next();
  			}
		  }    
      }
			
			// prepare for the next slide
			// determines the next item (or we need to rewind to the first item?)
			
//		  alert($(target).children("a:nth(" + ($(this).text()-1) + ")"));

    
    };

    // pagination click
			pagination.children("li").children("a").click(function(){
        if ( ! $(this).hasClass("current"))
				{
					// select the current item after the pagination click
          clickNow= true;
          currentItem = $(target).children("a:nth(" + ($(this).text()-1) + ")");
          $(target).children("a").hide();
          currentItem.children("img").onImagesLoad({ 
          selectorCallback: itemImagesLoadedClick 
        });
				}
				
			});
      // play button click
			$("#pause").click(function(){
				
					// select the current item after the pagination click
				//	pauseSlideshow();
				  clearInterval(instance);
          pause = true;
          clickNow = true;
          $("#pause").hide();
          $("#play").show();
          currentItem = currentItem.prev();
          makeSlideshow();

				});
			$("#play").click(function(){
				
					// select the current item after the pagination click
					clickNow = true;
          restartSlideshow();
          $("#play").hide();
          $("#pause").show();
				});
				
		var startSlideshow = function(){
			clearInterval(instance);
			currentItem = firstItem;
      makeSlideshow();
			instance = setInterval(makeSlideshow, options.pauseSeconds*1000);
		};
		var clickstartSlideshow = function(){
			clearInterval(instance);

      makeSlideshow();
			instance = setInterval(makeSlideshow, options.pauseSeconds*1000);
		};
		//pause slideshow
    var pauseSlideshow = function(){
			clearInterval(instance);
			pause = true;
		  makeSlideshow();
//			instance = setInterval(makeSlideshow, 99999999);
		};
		var restartSlideshow = function(){
				
				pause = false;
				clickstartSlideshow();
		};
		var itemImagesLoaded = function(domObject){ 
            //note: this == domObject. domObject will be the image element that has just finished loaded 
        currentItem.fadeIn(options.fadeSpeed*1000, function(){
  				$(target).children("a").hide();
  				$(this).show().css("z-index", 1);
  			});
  			if (!pause)
      {
        if (currentItem.children("img").attr("src") == lastItem.children("img").attr("src"))
  			{
  				currentItem = firstItem;
  				currentItem.css("z-index", 2);
  			}
  			else
  			{
  				currentItem = currentItem.next();
  			}
		  }
        }
		
    var itemImagesLoadedClick = function(domObject){ 
            //note: this == domObject. domObject will be the image element that has just finished loaded 
         $(options.containerID).removeClass("loading");
        clickNow = true;
        currentItem.show();
					currentItem.show().css("z-index", 2);
					paginationHighlight(currentItem.attr("rel")-1);

        }         
		
		// ----------------------------------------
		// start the slideshow!
		// ----------------------------------------
		
		startSlideshow();
	};
})(jQuery);