Layers Menu - JavaScript Made Easy

<div id="galery" style="position:absolute; left:221px; top:61px; width:89px; height:16px; z-index:8" onMouseOver="MM_showHideLayers('galery2','','show','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> 
  <p><a href="#"><b>Menu3</b></a></p>
  </div>
<div id="galery2" style="position:absolute; left:220px; top:84px; width:468px; height:20px; z-index:9; visibility: hidden"> 
  <table width="101%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td><a href="#">Submenu1</a>
		<a href="#">Submenu2</a> 
        <a href="#">Submenu3</a> 
		  <a href="#">Submenu4</a> 
		  <a href="#">Submenu5</a></td>
    </tr>
    <tr> 
      <td></td>
    </tr>
  </table>
</div>
<div id="magazin" style="position:absolute; left:138px; top:61px; width:87px; height:15px; z-index:10" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','show','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> 
  <p><a href="#"><b>Menu2</b></a></p>
  </div>
<div id="magazin2" style="position:absolute; left:138px; top:84px; width:370px; height:25px; z-index:12; visibility: hidden"> 
  <table width="75%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td><span><a href="#">Submenu1</a></span> 
		<a href="#">Submenu2</a> 
		<a href="#">Submenu3</a> 
		</td>
    </tr>
    <tr> 
      <td></td>
    </tr>
  </table>
</div>
<div id="novosti" style="position:absolute; left:52px; top:61px; width:83px; height:15px; z-index:13" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','show','tutorijali2','','hide','digitalarts2','','hide')"> 
  <p><a href="#"><b>Menu1</b></a></p>
  </div>
<div id="novosti2" style="position:absolute; left:49px; top:84px; width:413px; height:35px; z-index:14; visibility: hidden"> 
  <table width="66%" border="0" cellspacing="0" cellpadding="0" height="29">
    <tr> 
      <td width="0%" height="21"> </td>
      <td colspan="5" height="21"><a href="#">Submenu1</a> 
        <a href="#">Submenu2</a> 
        <a href="#">Submenu3</a> 
        <a href="#">Submenu4</a> 
    </tr>
    <tr> 
      <td width="0%"> </td>
      <td colspan="5"> 
        <div align="left"></div>
      </td>
    </tr>
  </table>
</div>
<div id="tutorijali" style="position:absolute; left:307px; top:61px; width:101px; height:15px; z-index:15" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','show','digitalarts2','','hide')"> 
  <p><a href="#"><b>Menu4</b></a></p>
  </div>
<div id="tutorijali2" style="position:absolute; left:304px; top:84px; width:355px; height:25px; z-index:16; visibility: hidden"> 
  <table width="101%" border="0" cellspacing="0" cellpadding="0">
    <tr> 
      <td height="12"> <a href="#">Submenu1</a> 
        <a href="#">3Submenu2</a> 
		  <a href="#">Submenu3</a> 
        <a href="#">Submenu4</a></td>
    </tr>
    <tr> 
      <td></td>
    </tr>
  </table>
</div>
<div id="digitalarts" style="position:absolute; left:409px; top:61px; width:121px; height:16px; z-index:17" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','show')"> 
  <p><a href="#"><b>Menu5</b></a></p>
  </div>
<div id="digitalarts2" style="position:absolute; left:409px; top:84px; width:283px; height:28px; z-index:18; visibility: hidden"> 
  <table width="75%" border="0" cellspacing="0" cellpadding="0" height="26">
    <tr> 
      <td> <a href="#">Submenu1</a> 
        <a href="#">Submenu2</a> 
        <a href="#">Submenu3</a> 
      </td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </table>
</div>
<div id="Layer6" style="position:absolute; left:529px; top:61px; width:67px; height:16px; z-index:19" onMouseOver="MM_showHideLayers('galery2','','hide','magazin2','','hide','novosti2','','hide','tutorijali2','','hide','digitalarts2','','hide')"> 
  <p><a href="#"><b>Menu6</b></a></p>
  </div>

Other Options