Javascript Slideshow

This is my shot at a slideshow (I'm seeking feedback). It employs the incredible scriptaculous effects library for the transition effects. See page source for implementation, additional notes follow.

A slideshow builder is also in the works. It will allow you to plug in image URLs, write titles and captions and sort slides. All of the javascript required for the slideshow will then be made available to you to plug into your page. That's the plan, anyway.

Slides are made up of a title, image and caption. The entire slide (title, image and caption) transition when a slide changes.

The slideshow is built within a parent div; the id of the parent is specified when invoking the Slideshow.construct('<parent ID>') method. The parent div must have layout (at least height and width) so that content flow is maintained. The following css classes are assigned to the slideshow:

<parentID>_slide - the container div for the title, image and caption
<parentID>_imagecontainer - the container div for the image in the slide
<parentID>_title - the title div at the top of the slide
<parentID>_image - the img element in the slide
<parentID>_caption - the caption div at the bottom of the slide

The slideshow requires an array whose elements include the image url (string), caption (string), a click event (string - not presently implemented), title (string), slide width (int), slide height (int). The array elements look like:

slides[0] = ['slides/DSCF0410.JPG', 'I can't remember the name falls', '', 'Yellowstone 2007', 240, 320];

Instantiate a slideshow in script:

var Slideshow = new Slideshow_Engine({transitionEffect : 'Fade', slideArray : slides, maxWidth : 320, maxHeight: 320, slideDuration : 5, transitionDuration : 1});

Construct the slideshow within the parent div:

Slideshow.contruct('<parent ID>);

The following methods are available:

setTransitionEffect(effect) - Sets the effect dynamically (as in selecting a different effect from the dropdown below the slideshow).
stop() - Stops the slideshow at the current slide.
start() - Starts the slideshow with the next slide.
reset() - Stops the slideshow and resets all of the values as if it were starting from scratch. Use start() to get it going again.