Add current slide body class on slide change
<p>I'm using slidesjs to create a slideshow on my site, this is working fine but I want to add a incremented class to the body tag e.g. slide-1 at load and then when the slide changes slide-2 etc until the slide fully rotates and it goes back to slide-1</p>

<p>My current code is;</p>

<pre><code>&lt;script&gt;
$(function(){
    $('#feature-slideshow').slides({
        preload: true,
        preloadImage: '&lt;?php bloginfo('template_url'); ?&gt;/images/loading.gif',
        generateNextPrev: false,
        effect: 'fade',
        play: 5000,
        hoverPause: true,
        animationStart: function() {
            $("body").addClass("slide");
    }
    });
});
&lt;/script&gt;
</code></pre>

<p>I have two problems;</p>

<p>1) the I want the initial class set before the slideshow has loaded so that the style which is a background is applied when the page is loaded rather than the slideshow</p>

<p>2) How to increment the slide-x class when the slideshow is transitioned/changed.</p>

<p>Any help would be greatly appreciated</p>
