﻿/*
- Description
jQuery Dynamic Slideshow Plugin
- Author
Yusuf Najmuddin (ynzi.com)
- Licence
GNU Lesser General Public License
- Usage
$("#slideshow").dynamicSlideshow();

OR

$("#slideshow").dynamicSlideshow({duration: 5000});

- Date 6/30/2009
- Version 1.0

*/


jQuery.fn.dynamicSlideshow = function(attr) {
    attr = attr || {};
    attr.duration = attr.duration || 3000;
    function initSlider(container, img) {
        var curr = 1;
        setInterval(function() {
            if (curr == img.length) {
                curr = 0;
            }
            var i = new Image();
            $(i).load(function() {
                $(container).append(this);
                $(container).find('img:first').css({ 'z-index': 1 });
                $(this).css({ opacity: 0.0, 'z-index': 2 }).animate({ opacity: 1.0 }, 1000, function() {
                    $(container).find('img:first').remove();
                })
            }).attr('src', img[curr++]).css({ position: 'absolute', top: 0, left: 0, 'z-index': 8 });
        }, attr.duration);
    };

    $(this).each(function() {
        var img = [];
        $(this).find("a").each(function() {
            img.push($(this).attr("href"));
        });
        var j = new Image();
        var container = this;
        $(this).empty();
        $(j).attr('src', img[0]).css({ position: 'absolute', top: 0, left: 0, 'z-index': 0 }).load(function() {
            $(container).append(this);
            initSlider(container, img);
        });
    });
}
