vertical auto stepping/scrolling

This is a bit of a long shot…

I’m using a hacked version of wp-featured-content-slider to put some featured content onto my homepage. This uses left/right buttons to navigate through divs of content. I would like to be able to automatically step from one to the next after a given time period.

Can anyone help?

Here is the output code:

<script type="text/javascript">
stepcarousel.setup({
	galleryid: 'mygallery', //id of carousel DIV
	beltclass: 'belt', //class of inner "belt" DIV containing all the panel DIVs
	panelclass: 'panel', //class of panel DIVs each holding content
	panelbehavior: {speed:500, wraparound:true, persist:true},
	defaultbuttons: {enable: true, moveby: 1, leftnav: ['http://www.pinks-and-green.com/wp-content/plugins/wp-featured-content-slider/eps2.png', 0, 250], rightnav: ['http://www.pinks-and-green.com/wp-content/plugins/wp-featured-content-slider/eps1.png', -65, 250]},
	statusvars: ['statusA', 'statusB', 'statusC'], //register 3 variables that contain current panel (start), current panel (last), and total panels
	contenttype: ['external'] //content setting ['inline'] or ['external', 'path_to_external_file']
})
</script>

<div id="slider">

<div id="mygallery" class="stepcarousel">
<div class="belt">

<div class="panel" style="background:url(http://www.pinks-and-green.com/wp-content/uploads/2010/08/kitchen_slider1.jpg)">	

<h2><a href="http://www.pinks-and-green.com/kitchen-fun/" title="Kitchen fun">Kitchen fun</a></h2>
<h3> <p> A whole new range of mouthwateringly beautiful kitchen products.</p>
</h3>
</div>

<div class="panel" style="background:url(http://www.pinks-and-green.com/wp-content/uploads/2010/08/cookies.png)">	

<h2><a href="http://www.pinks-and-green.com/hello-world/" title="Crumbs!">Crumbs!</a></h2>
<h3> <p>This might be a little of track, but we just had to share this, the world’s greatest, most delicious, ultimate cookie recipe!!</p>
</h3>
</div>

</div>
</div>
</div>