/*
* 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);