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.

ingen som har nån aning hur jag ska koda för att den ska stänga de andra lagren när den öppnar ett?