/*
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 }, config.speed, function() {
                    $ele.reverse();
                    $ele.push($(this).clone());
                    $(this).remove();
                    $ele.reverse()
													.pop()
													.appendTo($cont)
													.animate({ scrollTop: 10 }, config.speed, step);
                });
            }
            function stop() {
                $cont.children().stop();

            };
            step();
        });

        return this;

    };

})(jQuery);