[jQuery] fade animations for graphics next to eachother; issues

Hi.

I've got several graphics next to eachother that i've set to
opacity=0.4; on mouseover i want them to light up to opacity = 1.

So far so good, i have onMouseOver and onMouseOut events that get
called, and i thought i'd just add animate() calls and i'd be fine..
Turns out that aint so..

It's probably multiple events firing in rapid succession after
eachother, but i have no real clues yet on how to buffer the events and
get the animation correct.

have a look at http://82.170.249.144/mediaBeez/index.php
login: admin
password: test23

then click on the menu item "admin tree" that appears.

then hover your mouse over the icons in the lower-left of the screen
that appears.

when moving from left to right, it doesn't light up correctly :(

any help is greatly appreciated..