/*
* 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 image URL array
* wait : 2000, // wait before start, default 0
* pause : 5000, // pause on each image, default 6000
* fade : 3000 // time to fade, 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
* @author Emil Bengtsson emil0r[at]gmail[dot]com
*
* @since 2009-01-15
* @version 1.3.0-ALPHA
*/
;(function ($) {

var settings = {};

$.fn.Slides = function (options) {

var that = this;
var id = $(this).attr('id');

settings[id] = $.extend({}, $.fn.Slides.defaults, options || {});

$.fn.Slides.init(that, settings[id], function() {
return that.each(function () {
$.fn.Slides.start(id);
});
});
};

$.fn.Slides.defaults = {
wait : 0,
pause : 6000,
fade : 1000
};

$.fn.Slides.init = function (target, settings, 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' && (settings.urls.length != settings.images.length))
throw Error('Urls length must match images length');

if (typeof settings.functions != 'undefined' && (settings.functions.length != settings.images.length))
throw Error('Functions length must match images length');

settings = $.extend(settings, {
main : $(target),
pipes : {urls : [], functions : []},
initialized : false
});

var initWrapper = function () {
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);
settings.initialized = true;
};

settings.main.load(function () {
if (settings.initialized)
return;
initWrapper();
callback();
});

if (settings.main[0].complete && !settings.initialized) {
initWrapper();
callback();
}
};

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

$.fn.Slides.getNextImage = function (settings) {
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 (id) {
setTimeout(function () {
$.fn.Slides.execute(id);
}, settings[id].wait);
};

$.fn.Slides.execute = function (id) {

var _settings = settings[id];
_settings.isToggle = false;

setInterval(function () {

if (_settings.isToggle) {
_settings.main.attr('src', _settings.nextImage.src).animate({opacity : 1}, _settings.fade);
_settings.isToggle = false;
} else {
_settings.toggle.css({background : 'transparent url(' + _settings.nextImage.src + ') left top no-repeat'});
_settings.main.animate({opacity : 0}, _settings.fade);
_settings.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);

}, _settings.pause);
};

})(jQuery);