/* 
Cross-Browser-Bibliothek:
Definition von Variablen für die Ansprache der Ebenen, um den unterschiedlichen Objekt Modellen der Browser Rechnung zu tragen und die Unterschiede in der Syntax auszugleichen. Die Variablen dom und format ersetzen die entsprechenden Begriffe in der Funktion show().
Ansprache der zu verändernden Objekte:
1. IE 5.x + Netscape 6.x
document.getElementById("Ebenenname").style.visibility="visible";
2. IE 4.x
document.all["Ebenenname"].style.visibility="visible";
3. Netscape 4.x
document["Ebenenname"].visibility="visible";
*/

// IE 5.x und Netscape 6.x
if(document.getElementById)
{
dom="document.getElementById(";
format=").style";
}
// IE 4.x
else if(document.all)
{
dom="document.all";
format=".style";
}
// Netscape 4.x
else if(document.layers)
{
dom="document";
format="";
}

// Array mit den ID-Bezeichnungen der Untermenüs
var untermenu = new Array("um1","um2","um3");

/*
Funktion zum Ein-und Ausklappen der Untermenüs
Die Parameter sind abhängig von der Anzahl der Untermenüs; im vorliegenden Beispiel sind es drei (um1 etc. - die id-Bezeichnungen der Ebenen), denen jeweils die css-Eigenschaft hidden oder visible (zustand0 etc.) zugeordnet werden. Die for-Schleife wiederholt die Anweisung entsprechend der Anzahl der Untermenü-Ebenen (3x).
*/

function show(zustand0,zustand1,zustand2)
{
for(i=0;i<=2;i++)
{
eval(dom+'["'+untermenu[i]+'"]'+format+'.visibility='+'zustand'+i);
}}


/*
Die Funktion reset(), die nur für Netscape 4.x definiert ist, sorgt dafür, daß alle ausgeklappten Menüs in den Ursprungszustand zurückgesetzt werden, sobald der User irgendwo außerhalb der Menüleiste in das Dokumentenfenster klickt.
Für den Internet Explorer und Netscape 6.x genügt es, die Funktion show() über den Eventhandler onclick im body-Befehl der Seite aufzurufen und als Parameter "hidden" zu übergeben.
*/

if(document.layers)
{
document.captureEvents(Event.ONCLICK)
document.onclick=reset;
}
function reset()
{
for(i=0;i<=2;i++)
{
eval(dom+'["'+untermenu[i]+'"]'+format+'.visibility="hidden"');
}}