how make the animation runs in a infinite loop
<p>i have the current code running</p>

<p><a href="http://jsfiddle.net/Qchmqs/SxTgy/" rel="nofollow">MyTry</a></p>

<p>what i want to do is to make the animation go in a infinite loop how to do ??</p>

<p>i want to call the same function again or i don't know what </p>

<p>just that the animation go again and again when finished the last element</p>

<pre><code>(function($) {
$.fn.fade = function() {
        return this.each(function(index, item) {
            var $this = $(this).siblings();
            $(item).hide().stop();
            if ($(item).index() == $(this).siblings().length - 1) {
                $(item).delay(5000 * index).fadeIn('slow').delay(3500).fadeOut('slow', function() { 
                    /* here is the last element finishing  */
                });

            } else {
                $(item).delay(5000 * index).fadeIn('slow').delay(3500).fadeOut('slow');

            }
        });
    };

})(jQuery);
 $('.tst').fade();
</code></pre>

<p>EDIT : i left the animation running and came to check for answers
so i saw a strange behavior </p>

<p>how to fix that as well</p>
