/*
Jquery plugin name : Fade Iterator v 0.1
description : iterate throw some elements in a container, 
			fade first then show the nex hidden and so on.
author : Emad Elsaid
Date : Feb 20 2010 
Application : Dreamweaver CS4
paramters : 
limit: the elements number in container default:3 (optional)
speed: elements animation speed default:1000(one second) (optional)
*/

/// <reference path="jquery-1.4.1-vsdoc.js" />

(function ($) {

    $.fn.fadeIterator = function (settings) {
        var config = $(settings).extend({ limit: 3, speed: 1000 }, settings);
        if (settings) $.extend(config, settings);
        var isstop = false;

        this.each(function () {
            var $cont = $(this);
            var $ele = new Array();
            $(this).hover(function () { stop(); }, function () { step(); });
            //get all the elements from container
            var $elements = $cont.children().each(function () {
                $ele.push($(this).css('opacity', 1));
                $(this).remove();
            });
            //reverse them to be in the right order
            $ele.reverse();
            //add the initial elements to container
            for (i = 0; i < config.limit && $ele.length > 0; i++) {
                $ele.pop().appendTo($cont).css('opacity', 1);
            }

            function step() {
                $cont.children(':first').animate({ scrollTop: 10, opacity: 0.1 }, config.speed, function () {
                    $ele.reverse();
                    $ele.push($(this).clone());
                    $(this).remove();
                    $ele.reverse().pop().appendTo($cont).animate({ scrollTop: 10, opacity: 1 }, config.speed, step);
                });
            }
            function stop() {
                $cont.children().stop();
            };
            step();
        });

        return this;

    };

})(jQuery);