[jQuery] background position plugin

[vicix]

hi,

i build a menu with a background position animation plugin by Jonathan
Snook’s.
The mouseover and mouseout are correct, but i dont't know to put when
click to stop animation and dont run a onmouseout action.

the code:

--------------------------------------------------------------------

HTML

<div id="menu">
<ul>
        <li><a href="#" class="menu">Empresa</a></li>
        <li><a href="#" class="menu">Pvc & Alu</a></li>
        <li><a href="#" class="menu">Produtos</a></li>
        <li><a href="#" class="menu">Eventos</a></li>
        <li><a href="#" class="menu">Contactos</a></li>
</ul>
</div>

JAVASCRIPT (jquery)

$('#menu a.menu')
        .css( {backgroundPosition: "0 40px"} )
        .mouseover(function(){
                $(this).stop().animate(
                        {backgroundPosition:"(0 0)"},
                        {duration:300})
                })
        .mouseout(function(){
                $(this).stop().animate(
                        {backgroundPosition:"(0 40px)"},
                        {duration:300})
                })

--------------------------------------------------------------------

Can someone help me?

thanks

(Sorry my english)