How to wrap posts into divs?
<p>Does anyone know how I can turn this:</p>

<pre><code>&lt;div id="mySlides"&gt;

    &lt;?php query_posts('showposts=4&amp;cat=11'); ?&gt;
    &lt;?php if (have_posts()) : ?&gt;

        &lt;?php while (have_posts()) : the_post(); ?&gt;

        &lt;div&gt;

            &lt;h2&gt;&lt;a href="&lt;?php the_permalink() ?&gt;" rel="bookmark" title="&lt; ?php the_title_attribute(); ?&gt;"&gt;&lt;?php the_title(); ?&gt;&lt;/a&gt;&lt;/h2&gt;
    &lt;?php the_excerpt(); ?&gt;

        &lt;?php endwhile; ?&gt;
    &lt;?php endif; ?&gt;

&lt;/div&gt;

&lt;div id="myController"&gt;
    &lt;span class="jFlowControl"&gt;1&lt;/span&gt;
    &lt;span class="jFlowControl"&gt;2&lt;/span&gt;
    &lt;span class="jFlowControl"&gt;3&lt;/span&gt;
    &lt;span class="jFlowControl"&gt;4&lt;/span&gt;
&lt;/div&gt;

&lt;span class="jFlowPrev"&gt;Prev&lt;/span&gt;
&lt;span class="jFlowNext"&gt;Next&lt;/span&gt;

&lt;div class="clear"&gt;
</code></pre>

<p>Into:</p>

<pre><code>&lt;div id="mySlides"&gt;
&lt;div id="slide1"&gt;&lt;img src="images/slide1.jpg" alt="Slide 1 jFlow Plus" /&gt;
 &lt;span&gt;&lt;h2&gt;Welcome to the First Slide!&lt;/h2&gt;&lt;p&gt;We hope you enjoy the jFlow Plus Slider - a light-weight slider for your web design needs. &lt;a href="#" title="Coolness" class="readmore"&gt;Read More!&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div id="slide2"&gt;&lt;img src="images/slide2.jpg" alt="Slide 2 jFlow Plus" /&gt;
 &lt;span&gt;&lt;h2&gt;Hey you made it to the Second Slide!&lt;/h2&gt;&lt;p&gt;We Know you enjoy this plugin... it's not too hard to implement, right? &lt;a href="#" title="Coolness" class="readmore"&gt;Read More!&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;
&lt;/div&gt;
&lt;div id="slide3"&gt;&lt;img src="images/slide3.jpg" alt="Slide 3 jFlow Plus" /&gt;
 &lt;span&gt;&lt;h2&gt;Woah You're on the Third Slide&lt;/h2&gt;&lt;p&gt;You've completed quiet the journey! All the way from slide 1 to slide 3... congratulations! &lt;a href="#" title="Coolness" class="readmore"&gt;Read More!&lt;/a&gt;&lt;/p&gt;&lt;/span&gt;
 &lt;/div&gt;
 &lt;/div&gt;  

&lt;div id="myController"&gt;
   &lt;span class="jFlowControl"&gt;&lt;/span&gt;
   &lt;span class="jFlowControl"&gt;&lt;/span&gt;
   &lt;span class="jFlowControl"&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>I need to wrap each post preview in to divs so jFlow can then organise them into slides like <a href="http://dre.im/how-to-create-a-jquery-carousel-with-wordpress-posts/" rel="nofollow">http://dre.im/how-to-create-a-jquery-carousel-with-wordpress-posts/</a> </p>

<p>Thanks,</p>
