Hover Menu Help

[fiorano]

Hi,

I have the follow script as part of a hover drop down menu :

<!--
var timeout = 500;
var closetimer = 0;
var ddmenuitem = 0;

// open hidden layer
function mopen(id)
{ 



// cancel close timer
mcancelclosetime();

// close old layer
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

// get new layer and show it
ddmenuitem = document.getElementById(id);
ddmenuitem.style.visibility = 'visible';

}


// close showed layer
function mclose()
{
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
if(closetimer)
{
window.clearTimeout(closetimer);
closetimer = null;
}
}

// close layer when click-out
document.onclick = mclose; 
// -->

And a sample menu tab :

<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()" style="background-color: transparent; color: black; background-image: url(' <%= nav_tools_imgPath %>'); height: 22px;"></a>
<div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()" style="font-size: 8px; font-family: Verdana; z-index: 410; position: absolute;">
<a href="http://test1.asp">Test 1</a>
<a href="https://test2.asp">Test 2</a>
<a href="http://login.asp">Login</a>
</div>

</li>

Is there any way I can add another part to the onmouseover event to change the background image of the button????

Thanks for your help.

Fiorano