Buggy logo animation on the main page

[minivan]

The cute animation on hovering upon the logo in the header doesn't work right.
I don't really know what to do with it, I must have missed something important. Either way, will keep it here for future reference.

Pretty much all of it is in this fiddle: http://jsfiddle.net/Cwzga/8/

[bumbu]

Try this one

[savavirtosu]

It works great unless the user moves the mouse in and out of the element really quickly several times.
I solved this with .stop(true,true) function:

  $(letter).stop(true,true).animate {left: "-="+delta+"em"}, 500

  $letter.stop(true,true).animate {left: delta+"em"}, 500  

[bumbu]

Hey thanks. I've updated script. You can check it here.
But I used .stop(true) which is equivalent with .stop(true, false). It gives a smoother feeling.