jQuery: infinite loop through array... each()?
<p>Fiddle here:
<a href="http://jsfiddle.net/F6nJu/" rel="nofollow">http://jsfiddle.net/F6nJu/</a></p>

<p>I have a colored box:</p>

<pre><code>&lt;div id="colorblock"&gt;&lt;/div&gt;
#colorblock { background:#3ff; width: 100%; height: 300px; }
</code></pre>

<p>I have an array of colors created in javascript:</p>

<pre><code>var arr = [ "#f00", "#ff0", "#f0f", "#f66"];
</code></pre>

<p>I iterate through those colors with a jQuery <code>each()</code> function:</p>

<pre><code>$.each(arr, function(key, value) {
  $('#colorblock').delay('1200').animate({backgroundColor:value}, 600);
});
</code></pre>

<p>When the array iterates to the end, how can I start the array iteration over (so the animation goes on forever)?</p>
