I’m having some trouble hidding the submenu after a mouse rollout, here’s my code
<script type=”text/javascript” language=”javascript1.2″>
<!–
//Check to see if this is a navigator browser
if(navigator.userAgent.indexOf(“MSIE”) == -1){
alert(“Built for Internet Explorer”);
window.back();
}
//declare global variables
var layer = new String();
var style = new String();
//Set the layer and style variables
function checkBrowser(){
layer = “.all”;
style = “.style”;
}
//remove on rollout
function secondsLeft(mePlease){
timeout = setInterval(“changeState(‘” + mePlease + “‘, ‘hidden’)”, 10000);
}
//Take the state passed in, and change it
function changeState(layerRef, state){
clearInterval(timeout);
eval(“document” + layer + “[‘” + layerRef + “‘]” + style + “.visibility = ‘” + state + “‘”);
}
//–>
</script>
<div name=”products” id=”products”><a href=”products.aspx” onMouseOver=”changeState(‘usMenu’, ‘hidden’); changeState(‘productsMenu’, ‘visible’); changeState(‘warrantyMenu’, ‘hidden’); changeState(‘classesMenu’, ‘hidden’)”><img border=”0″ src=”imagery/interface/menu/products_img.gif”></a></div>
please help me.