In Views, how to wrap a div around every specified number of items I'm using D7, Views 3, and am playing around with using jQuery Cycle. What I would like to do is amend my view output so it's like in this example from the jQuery Cycle website:

    &lt;div style="margin:auto;text-align:center"&gt;&lt;div id="nav"&gt;&lt;/div&gt;&lt;/div&gt;
&lt;div class="slideshow"&gt;
    &lt;div class="slide"&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach1.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach2.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach3.jpg" width="200" height="200" /&gt;
    &lt;/div&gt;
    &lt;div class="slide"&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach4.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach5.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach6.jpg" width="200" height="200" /&gt;
    &lt;/div&gt;
    &lt;div class="slide"&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach7.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach8.jpg" width="200" height="200" /&gt;
        &lt;img src="http://jquery.malsup.com/cycle/images/beach9.jpg" width="200" height="200" /&gt;
    &lt;/div&gt;
&lt;/div&gt;


I was hoping to use Semantic Views for this but I'm stuck on how to wrap the div class "slide" around every 3 items. Is it possible to do this? I only seem to be able to apply a div to every item and then apply the class to every 3rd item. Any help/guidance/tips much appreciated.
In the View, there is a Theme: Information Link under the Advanced Tab. There you can theme your view with template files the way you like.