Previous and next links when cycling through elements
<p>I'm trying to set up a simple custom slider, using the following jquery</p>

<pre><code>var divs = $('div[class^="slide-holder-"]').hide(),
    i = 0,
    $slide = $("#banner &gt; div");

(function cycle() { 
    divs.eq(i).fadeIn(400)
              .delay(2000)
              .fadeOut(400, cycle);


i = ++i % divs.length;
})();
</code></pre>

<p>with the following html</p>

<pre><code>&lt;div id="banner"&gt;
   &lt;div class="slide-holder-1"&gt;
      &lt;div class="slide-1"&gt; some content &lt;/div&gt;
   &lt;/div&gt;
   &lt;div class="slide-holder-2"&gt;
      &lt;div class="slide-2"&gt; some content &lt;/div&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>I'm looking to add previous and next links to go straight back/forward but not having any luck, I'd appreciate any help!</p>

<p>Cheers</p>
