add next & back buttons for custom gallery
<p>I have this javascript code :</p>

<pre><code>$(function(){
    $('.words-gallery div:gt(0)').hide();

    setInterval(function() {
        $('.words-gallery &gt; div:first')    
        .fadeOut(1000)    
        .next()
        .delay(995)
        .fadeIn(1000)    
        .end()    
        .appendTo('.words-gallery');},  
    3000);

});
</code></pre>

<p>This code will make a gallery from <code>DIVs</code> and every <code>3000</code> will hide the current <code>DIV</code> and show the next one.</p>

<p>I was trying to add next &amp; back buttons but it's not working with me.</p>

<p>here is my fiddle:  </p>

<h3><a href="http://www.jsfiddle.net/jUrNx" rel="nofollow">http://www.jsfiddle.net/jUrNx</a></h3>

<p>Any idea how to do it?</p>
