Problem med meny

jag har denna kod för att få till en meny:

<script language="JavaScript">

function visa(obj) {

   if(obj.style.display=='none') {
   obj.style.display='block'
   } 

}

function dolj(dolja) {

   dolja.style.display='none'

}

function uvisa1(obj) {
   obj.style.display='block'
   document.all.a1.style.display='block'
}
function udolj1(dolja) {
   dolja.style.display='none'
   document.all.a1.style.display='none'
}

function uvisa2(obj) {
   obj.style.display='block'
   document.all.a2.style.display='block'
}
function udolj2(dolja) {
   dolja.style.display='none'
   document.all.a2.style.display='none'
}

osv....

</script>

och sedan

<td width="96"  onmouseover="visa(a6)" onmouseout="dolj(a6)" id="huvudm" valign="top">

Problemet är att när man klickar på en av dessa så öppnar den lagret, men jag vill även att den stänger de andra lagren samtidigt så det bara är ett lager öppet hela tiden.