jQuery Sprite Slideshow

This is my first week messing around with jQuery, and I can tell it is going to be an extremely powerful tool. A common use for JavaScript/jQuery is the creation of slideshows, so I decided to create my own to see what I've learned so far. This slideshow is modeled off the CSS Sprite Technique. So you can better understand how the sprite technique comes into play, here is the slideshow again without overflow: hidden on the outer div. The border that you see in the transition period is the outer div that contains the slideshow, and defines the area that the viewer actually sees. The divs are simply placed right next to each other, and then slid into the "frame" that the user sees one at a time.

EDIT:

My friend Jeremy over at Jc-Designs.net has come up with a much more elegant implementation of this sprite slideshow. Please view his post on the jQuery Sprite Slideshow. May 11, 2010