Functionality for next and previous for the larger image
<p>Can any one please help me out to add the functionality for next and previous for the larger image</p>

<pre><code>jQuery(function($) {
    $('#thumbs').delegate('img','click', function(){
        var src = this.src.replace('thumb', 'large');
        $("#largeImage").fadeOut(function() {
            this.src = src;
            $(this).fadeIn();
        });
    }); 
});

&lt;div id="page"&gt;
    &lt;div id="gallery"&gt;
        &lt;div id="panel"&gt;
            &lt;img id="largeImage" src="images/image_01_large.jpg" /&gt;
        &lt;/div&gt;    
        &lt;div id="thumbs"&gt;
            &lt;img src="images/image_01_thumb.jpg" alt="1st image description" /&gt;
            &lt;img src="images/image_02_thumb.jpg" alt="2nd image description" /&gt;
            &lt;img src="images/image_03_thumb.jpg" alt="3rd image description" /&gt;
            &lt;img src="images/image_04_thumb.jpg" alt="4th image description" /&gt;
            &lt;img src="images/image_05_thumb.jpg" alt="5th image description" /&gt;     
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;a href="#" id="next"&gt;Next&lt;/a&gt; 
    &lt;br /&gt;
    &lt;a href="#" id="prev"&gt;Prev&lt;/a&gt;
&lt;/div&gt;
</code></pre>
