[jQuery] queue issue

[Mark]

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