// Image Slideshow Plugin for jQuery
// http://timothyfletcher.com
// Copyright (c) © 2009 Tim Fletcher
// 
// 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.

jQuery.fn.slideshow = function(options) {

    options = $.extend({
        crossFadeTime: 1000,
        displayTime: 3000
    }, options);

    return this.each(function() {

        var newText = 0
        var oldText = 0;
        var Tcontainer = this;
        var texts = $('div', this);
        var totalTexts = texts.length;

        var newtable= 0
        var oldtable= 0;
        var tablecontainer = this;
        var tables = $('table', this);
        var totalps = texts.length;

        var newImage = 0
        var oldImage = 0;
        var container = this;
        var images = $('img', this);
        var totalImages = images.length;

        if (totalImages > 1) {
            // Hide all images except the first one
            // We could do this in CSS (for performance) but then nothing would show if JS was disabled
            tables.hide().filter(':first').show();
            texts.hide().filter(':first').show();
            images.hide().filter(':first').show();

            function imageRotate() {
                newtable= (oldtable+ 1) % totalps;
                newText = (oldText + 1) % totalTexts;
                newImage = (oldImage + 1) % totalImages;

                setTimeout(function() {
                $('img:eq(' + oldImage + ')', container).fadeOut(options.crossFadeTime);
                $('table:eq(' + oldtable + ')', tablecontainer).fadeOut(options.crossFadeTime);
                $('div:eq(' + oldText + ')', Tcontainer).slideUp("slow");
                }, options.displayTime);

                setTimeout(function() {
                $('img:eq(' + newImage + ')', container).fadeIn(options.crossFadeTime);
                $('table:eq(' + newtable + ')', tablecontainer).fadeIn(options.crossFadeTime);
                $('div:eq(' + newText + ')', Tcontainer).slideDown("slow");
                oldtable = newtable;
                oldText = newText;
                oldImage = newImage;
                    imageRotate();
                }, options.displayTime);
            }
            // Execute
            imageRotate();
        };
    });
};
