/**
 * Very simple automatic image slideshow that degrades nice and is completely
 * unobtrusive.
 *
 * Simple to use, just apply to an image element by some selector:
 *
 * <img src="start-image.jpg" alt="" id="my-image" />
 *
 * $('#my-image').Slides({images : ['image1.jpg', 'image2.jpg']});
 *
 * This will create a slideshow that rotates over the images passed in the
 * array.
 *
 * You can also pass some optional settings for a bit of customization:
 *
 * $('#my-image').Slides({
 *       images : [...], // required
 *         wait : 2000,  // optional, default: 0
 *        pause : 5000,  // optional, default: 6000
 *         fade : 3000   // optional, default: 1000
 * });
 *
 * Passing these settings will create a slideshow that first waits 2s before
 * starting the slideshow timer. Each image is then displayed 5s and faded with
 * a transition time of 3s.
 *
 * @author  Olle Törnström olle[at]studiomediatech[dot]com
 * @since   2009-01-15
 * @version 1.2.0-ALPHA
 * 
 * @author Emil Bengtsson emil0r[at]gmail[dot]com
 * @added urls and functions functionality
 */
;(function($) {

	var settings = {};

	$.fn.Slides = function(options) {
		var finals = {};
		$.fn.Slides.setup(finals, $.fn.Slides.defaults, options);
		var that = this;
		$.fn.Slides.init(this, function() {
			return that.each(function() {
				$(that).Slides.start();
			});
		});
	};

	$.fn.Slides.defaults = {
		wait : 0001,
		pause : 4000,
		fade : 500
	};

	$.fn.Slides.setup = function(finals, defaults, options) {
		settings = $.extend({}, finals || {}, defaults || {}, options || {});
	};

	$.fn.Slides.init = function(target, callback) {
		if (typeof settings.images === 'undefined')
			throw Error('Image array is not optional must be passed in the call $("#id").Slides({images : ["img1.jpg", "img2.jpg"]})');
		if (typeof settings.urls != 'undefined')
		    if (settings.urls.length != settings.images.length)
		        throw Error('Urls length must match images length');
		if (typeof settings.functions != 'undefined')
		    if (settings.functions.length != settings.images.length)
		        throw Error('Functions length must match images length');
		settings.main = $(target);
		settings.pipes = new Object();
		settings.pipes.urls = new Array();
		settings.pipes.functions = new Array();
		var isInit = false;
		var initWrapper = function() {
			isInit = true;
			settings.toggle = settings.main.wrap('<span></span>')
					.parent()
					.css({display : 'block', overflow : 'hidden', height : settings.main.height() + 'px', width : settings.main.width() + 'px'});
			$.fn.Slides.preloadNextImage();
		};
		settings.main.load(function() {
			if (isInit)
				return;
			initWrapper();
			callback.call();
		});
		if (settings.main[0].complete && !isInit) {
			initWrapper();
			callback.call();
		}
	};

	$.fn.Slides.preloadNextImage = function() {
		var nextImage = $.fn.Slides.getNextImage();
		var image = new Image();
		image.src = nextImage;
		settings.nextImage = image;
	};

	$.fn.Slides.getNextImage = function() {
		var nextImage = settings.images.shift();
		settings.images.push(nextImage);
		if (settings.urls)
		{
		    var url = settings.urls.shift();
		    settings.urls.push(url);
		    settings.pipes.urls.push(url);
		}
		if (settings.functions)
		{
		    var func = settings.functions.shift();
		    settings.functions.push(func);
		    settings.pipes.functions.push(func);
		}
		return nextImage;
	};

	$.fn.Slides.start = function() {
		setTimeout($.fn.Slides.execute, settings.wait);	
	};

	$.fn.Slides.execute = function() {
		var isToggle = false;
		setInterval(function() {
			if (isToggle) {
				settings.main.attr('src', settings.nextImage.src).animate({opacity : 1}, settings.fade);
				isToggle = false;
			} else {
				settings.toggle.css({background : 'transparent url(' + settings.nextImage.src + ') left top no-repeat'});
				settings.main.animate({opacity : 0}, settings.fade);
				isToggle = true;
			}
			if (settings.pipes.urls.length > 0)
                settings.main.click(function(){ window.location.href = settings.pipes.urls.shift(); });
            if (settings.pipes.functions.length > 0)
                settings.pipes.functions.shift()();
			$.fn.Slides.preloadNextImage();
		}, settings.pause);
	};

})(jQuery);