Help with JQuery Callback
<p>As per <a href="http://stackoverflow.com/questions/3648056/help-with-debugging-jquery-fade-script">my previous question</a>, I have a working animation which fades in and out each element within the div <code>slideshow</code>.  The problem is that I want this animation to continue from the beginning once it has reached the last element.  I figured that was easy and that I'd just place an infinite loop inside my JQuery function, but for some reason if I insert an infinite loop, no animation displays and the page hangs.  I also cannot find anything in the documentation about how properly place a callback.  How can I get this code to restart from the beginning of the animation once it finishes iterating over each object and why is an infinite loop not the right way to go about this?</p>

<pre><code>&lt;div id="slideshow"&gt;
    &lt;p&gt;Text1&lt;/p&gt;
    &lt;p&gt;Text2&lt;/p&gt;
    &lt;p&gt;Test3&lt;/p&gt;
    &lt;p&gt;Text4&lt;/p&gt;
&lt;/div&gt;

&lt;script&gt;
$(document).ready(function() {

var delay = 0;
$('#slideshow p').each(
    function (index, item)
    {
        $(this).delay(delay).fadeIn('slow').delay(800).fadeOut('slow');
        delay += 2200;
    }
);

});
&lt;/script&gt;
</code></pre>
