Jquery loop animation and freeze on hover
<p>I have a fiddle set up, but I need to expand it, I have tried and failed all night, so I have stripped out all my attempts and just left the main parts. Please see this fiddle. </p>

<p><a href="http://jsfiddle.net/bloodygeese/nqQG9/" rel="nofollow">http://jsfiddle.net/bloodygeese/nqQG9/</a></p>

<p>I would like to know how to "loop" the whole animation for infinity, but most important is to be able to pause the animation on mouse enter or hover for any one of the divs, then either on mouseout continue animation or clicking the link will link off the page. </p>

<p>**also If this is possible (not sure) I would love to randomise the timings that the divs appear, but always visible for say 1/2 a second??
]
Fiddle code below..</p>

<pre><code> $('#one').delay(2000).fadeIn(200);
 $('#one').delay(500).fadeOut(200);

 $('#two').delay(3000).fadeIn(200);
 $('#two').delay(500).fadeOut(200);

 $('#three').delay(4000).fadeIn(200);
 $('#three').delay(500).fadeOut(200);

 $('#four').delay(5000).fadeIn(200);
 $('#four').delay(500).fadeOut(200);

 $('#five').delay(6000).fadeIn(200);
 $('#five').delay(500).fadeOut(200);

 $('#six').delay(7000).fadeIn(200);
 $('#six').delay(500).fadeOut(200);
</code></pre>
