Menu punkt

Hey

Sider og lege med en css menu og noget java.. Jeg vil gerne have det sådan at man skal klikke på menu før end at undermenu kommer frem. Mit problem er så at jeg vil have under menu til at lukke igen når jeg fjerne musen fra menuen.

Kode:

/Menu script
function showlayer(layer){
    var myLayer=document.getElementById(layer);
    if(myLayer.style.display=="none" || myLayer.style.display==""){
        myLayer.style.display="block";
    } else {
        myLayer.style.display="none";
        }
}


<div id="menu">

<ul>
  <li><img src="lm.png" height="21px" onclick="java script:showlayer('sm_1')" >
    <ul id="sm_1">
      <li><a href="#" title="test">test1</a></li>
      <li><a href="#">ttest</a>
     
        <ul>
          <li><a href="#">test3</a></li>
          <li><a href="#">test4</a>       
            <ul>
              <li><a href="#" title="test">Stage 1</a></li>
              <li><a href="#" title="test">Stage 2</a></li>           
              <li><a href="#" title="test">Stage 3</a></li>
              <li><a href="#" title="test">Stage 4</a></li>
              <li><a href="#" title="test">Stage 5</a></li>           
              <li><a href="#" onclick="win1.show();" title="test">Stage 6</a></li>
            </ul>
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>                           
</div>