[jQuery] queue issue

[jQuery] queue issue


Hey,
i've just got this working:
<div id="555" style="clear:
both; background-color: red; overflow: auto; width: 100%;"
onMouseOver="highlight(this);">
<div style="float: left;
text-align: right; width: 15px; margin-right: 5px; color: silver;
font-weight: bold; font-style: italic;">
12
</div>
<div style="float: left;
min-width: 400px;">
Total file size of all
downloaded files:
</div>
<div style="float: left;
min-width: 50px; font-style: italic; color: orange; font-weight:
bold;">
<a href=""
class="orangeLink">__NUMBER__</a>
</div>
</div>
and the highlight() is doing:
function highlight(obj)
{
$(obj).animate( { backgroundColor: 'pink' }, 50).animate( {
backgroundColor: 'blue' }, 400);
}
But now the issue is that if you move your mouse over the highlight
effect while a effect is running than it gets queued.. and that's what
i don't want it to do. it must abort and start over again in such a
case.
i tried to add .$(obj).decueue() on serveral different places but that
didn't seem to work.
any idea's on how to do this?
i searched this list for common issues but was unable to fine any.
Thanx,
Mark