Complex animation in jQuery

Question

I want to achieve a complex animation sequence in jQuery and Javascript. My plan is to move a div along a path described by several x,y coordinates. I want to know:

1. How can I force the div along a particular path
2. How can I control how far along the path the div should be moved. For instance I want to be able to control how far it has got as a percentage of the total length of the path and to be able to animate it moving smoothly down it. I would also like to be able to tell it to jump instantly to a different point on the path, reverse and change speeds.

Is there a plugin or something similar that can achieve this. I'm aware this sort of thing would usually belong in flash but that isn't an option here.

Answer 1

Well, I think you can take a look at jQuery.path