/*
 * 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()
					.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]!= null &&  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);