Sæt alle elementer til style.display lige med "none"

Okay skal se om jeg kan formulere det fornuftigt :)

Mit simple script som det ser ud nu:

<script type="text/JavaScript">
function VisOgLoad(value)
{
  document.getElementById("menu_"+value).style.display = "";
  document.getElementById("menu_0").style.display = "none";
}

function LukOgLoad(value)
{
  document.getElementById("menu_"+value).style.display = "none";
  document.getElementById("menu_0").style.display = "";
}
</script>

Og det bliver så brugt her:

<table style="font-size:10pt;" cellpadding="2" cellspacing="0" border="0" width="100%">
  <tr>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(1);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(1);" width="10%">Punkt 1</td>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(2);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(2);" width="10%">Punkt 2</td>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(3);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(3);" width="10%">Punkt 3</td>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(4);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(4);" width="10%">Punkt 4</td>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(5);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(5);" width="10%">Punkt 5</td>
    <td class="TDmenu1" onmouseover="this.className='TDMenu2';java script:VisOgLoad(6);" onmouseout="this.className='TDMenu1';java script:LukOgLoad(6);" width="10%">Punkt 6</td>
    <td class="TDmenu1" width="40%">&nbsp;</td>
  </tr>
</table>
    <div id="menu_0"></div>
    <!-- Undermenuerne -->
    <div id="menu_1" onmouseover="java script:VisOgLoad(1);" style="display:none;">
      Dette er div nummer 1
    </div>
    <div id="menu_2" onmouseover="java script:VisOgLoad(2);" style="display:none;">
      Dette er div nummer 2
    </div>
    <div id="menu_3" onmouseover="java script:VisOgLoad(3);" style="display:none;">
      Dette er div nummer 3
    </div>
    <div id="menu_4" onmouseover="java script:VisOgLoad(4);" style="display:none;">
      Dette er div nummer 4
    </div>
    <div id="menu_5" onmouseover="java script:VisOgLoad(5);" style="display:none;">
      Dette er div nummer 5
    </div>
    <div id="menu_6" onmouseover="java script:VisOgLoad(6);" style="display:none;">
      Dette er div nummer 6
    </div>


Problemmet:

Når jeg vælger et nyt menu punkt - vil jeg gerne have at alle div'erne bliver sat til style.display = "none", altså menu_* skal sættes til style.display = "none", når VisOgLoad kaldes. Inden document.getElementById("menu_"+value).style.display = "";

Hvordan gør jeg dette?