JQuery :: Stop Animation But Let It Finish First?

Wrote this small function to animate a carousel:

$('div#left').click(function() {
// carousel position
var carouselPosition = $('div#carousel').position();[code]....

So what's happening is that I have a number of images (width: 321px) sitting next to each other in a wide div (div#carousel). When I click on div#left the whole thing moves... left. A similar function makes everything go right. As the number of images is finite, I have conditionals to stop when we get to either of the ends.This works fine except if someone clicks like crazy... animations get queued and the whole thing moves beyond the edges.I have tried to solve this with:

1. stop: great, except that the animation stops in mid-action and I end up with images parrtially in sight,

2. clearQueue: doesn't manage to stop too many animations getting triggered,

3. delay: fine with a long delay, but this is no good for my visitors.

Combinations of the above with different parameters didn't work either