Using either $.fn.hover or $.fn.mouse(over|out), I can't figure out how to prevent my animations from firing repeatedly. You'll see what I mean: http://703designs.com/jQuery/port.php (view source to see what's going on).
How would I change this so that the over/hover event can't fire until the element is finished with its current animation? How would I change this so an animation only continues until the mouse leaves rather than taking the full step from 80px h/w to 120px h/w?