Navigations Problem

Hallo
Ich erstelle grade ein Layout für eine Homepage und habe ein Problem mit einen Java-Script.

Hier der Link zum Layout (noch lange nicht fertig) :
http://sniperwolf1987.sn.funpic.de/test.html

Wenn man mit der Maus über die grauen Button fährt öffnet sich darunter die Navigation. Leider habe ich aber nur 3 dieser Button und ich hätte gerne so ca. 10 Stück. Hab schon rumprobiert und umgeschrieben und so, dass aber leider nicht hinbekommen.

Hier der Quelltext von dem Script :

Zitat

<script language="JavaScript">

function clean ()
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt (0)<'5'))
{
window.document.b.visibility="hide";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";

return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='hidden';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';

return;
}

function menu (i)
{

switch(i)
{
case 1:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="show";
window.document.m2.visibility="show";
window.document.m3.visibility="show";

return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='visible';
layers[4].style.visibility='hidden';
layers[6].style.visibility='hidden';

return;
}
case 2:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="show";
window.document.m3.visibility="hide";

return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='visible';
layers[6].style.visibility='hidden';

return;
}
case 3:
{
if ((navigator.appName=='Netscape') && (navigator.appVersion.charAt(0)<'5'))
{
window.document.b.visibility="show";
window.document.m1.visibility="hide";
window.document.m2.visibility="hide";
window.document.m3.visibility="hide";

return;
}
if (navigator.appVersion.charAt (0)<'5')
{
var layers=document.all.tags ("div");
}
else {
var layers=document.getElementsByTagName("div");
}
layers[0].style.visibility='visible';
layers[2].style.visibility='hidden';
layers[4].style.visibility='hidden';
layers[6].style.visibility='visible';

return;
}
}

}
</script>

<div id="b" style="position:absolute; left:30; top:30; width:340; height:170; z-index:1; visibility: hidden">
http://#
</div>

<div id="h1" style="position:absolute; left:610; top:35; width:100; height:25;z-index:2; visibility: visible">

</div>

<div id="m1" style="position:absolute; left:610; top:60; width:100; height:100; z-index:3; visibility: hidden" >

</div>

<div id="h2" style="position:absolute; left:505; top:35; width:100; height:25; z-index:4; visibility: visible">
</div>

<div id="m2" style="position:absolute; left:505; top:75; width:100; height:100; z-index:5; visibility: hidden">
Punkt 1

Punkt 2

Punkt 3

Punkt 4
</div>

<div id="h3" style="position:absolute; left:400; top:35; width:100; height:25; z-index:6">

</div>

<div id="m3" style="position:absolute; left:400; top:75; width:100; height:100; z-index:7; visibility: hidden">
Punkt 1

Punkt 2

Punkt 3

Punkt 4
</div>

Alles anzeigen

Weiß jemand was ich da machen muss?
Ich wäre für Hilfe sehr dankbar.

Liebe Grüße Agentin