Scroll to next element in circular mode
<p>I am trying to use next and prev arrows to switch images and I use next() to fade next image, but when there are no images left it obviously won't recycle from the first image. How to make this code work and let the next button go to first image after reaching the end of images element with that class.</p>

<p>My code:</p>

<pre><code>$('.nextImage').live('click',function(){
    $('.main-image .zoom:visible').fadeOut(800);
    $('.main-image .zoom:visible').next().fadeIn(800);
});
</code></pre>
