/* * The MIT License *  * Copyright (c) 2008-2009 Olle Törnström studiomediatech.com * * Permission is hereby granted, free of charge, to any person obtaining a copy * of this software and associated documentation files (the "Software"), to deal * in the Software without restriction, including without limitation the rights * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell * copies of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be included in * all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN * THE SOFTWARE. */ /** * 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 : 0,    
		pause : 6000,    
		fade : 1000  
	};   
	
	$.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()   
					//custom for haymans!       
					.css({borderRight : '4px solid #012E67', 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();
			if (url != ''){        
			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() {  
		   var thisurl ='';  
			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)  
				thisurl = settings.pipes.urls.shift();
				if (thisurl != ''){
					settings.main.click(function(){ window.location.href = thisurl });   
				 }else{
				 //less than satisfactory GemMod to stop blank urls being applied to onclick
				 //settings.main.click(function(){window.location.href = window.location.href});
				 settings.main.unbind('click');
				 }
				if (settings.pipes.functions.length > 0)                
					settings.pipes.functions.shift()();      
			$.fn.Slides.preloadNextImage();    
			}, settings.pause);  
		}; 
	})(jQuery);