/*	
Dieses DHTML-Navigationsmenü stammt von Roger Peter.
Es ist einfach anzupassen und funktioniert mit allen Browsern ab Jahrgang 2005.

Mit dem ersten Teil des Scripts wird die Position der Menüs festgestellt.
Dies ist z.B. notwendig, wenn man sich zentrierende Layouts verwendet, sich 
die Webpage also also immer zentriert im Browserfenster ausrichtet.
Verändert man die Fenstergrösse dynamisch, verschiebt sich auch die Webpage.
Die Menüs werden danach an einer neuen Position geöffnet.
*/

function position(elm) {
  	posi=getAbsoluteX(elm);
  	posiy=getAbsoluteY(elm);
  }

function getAbsoluteX (elm){
   	var x = 0;
   	var lParent = elm;
   		while (lParent) {
     	x += lParent.offsetLeft;
     	lParent = lParent.offsetParent;
   	}
   return x;
}

function getAbsoluteY (elm){
   var y = 0;
   var lParent = elm;
   while (lParent) {
     y += lParent.offsetTop;
     lParent = lParent.offsetParent;
   }
   return y;
}

/*-------------------------------------*/

function showMenu(name,number) {


/*
Die Anzahl Menüs, die zum Aufklappen bestimmt sind, werden erfasst:
Alle Divs, die eine "Box"-Bezeichnung besitzen, werden gezählt.
Die Variable counter speichert die Anzahl. Sie wird für das Aufklappen gebraucht.
*/


var dColl = document.getElementsByTagName('div');
var counter=0;
for(var i=0;i<dColl.length;i++){
var helem = dColl[i];
if(helem.id.indexOf('box')==0)++counter;
}
//alert(counter);


var groups=counter;


 for (count = 1; count <= groups; count++) {
 var content = name + count;
 var active = name + number;


/*
Die nächsten beiden Werte können verändert werden, wenn man den
Abstand von Submenü und Hauptmenü verändern will:

*/
abstand_hauptmenu_rechts=130;
abstand_hauptmenu_oben=7;


   if(content == active) {
    document.getElementById(active).style.left = posi+abstand_hauptmenu_rechts+"px";
    document.getElementById(active).style.top = posiy+abstand_hauptmenu_oben+"px";
    document.getElementById(active).style.visibility = 'visible';
    
    
    document.getElementById(active).onmouseover = clearShut;
    document.getElementById(active).onmouseout = setShut;
   }
   else {
    document.getElementById(content).style.visibility = 'hidden';
   }

  

 }
 first = name, sec = number;
 clearShut();
}

/*-------------------------------------*/
/*
Der Wert 300 gibt an, wieviele Millisekunden die Navigation nach dem
Verlassen stehen bleibt. Er kann beliebig verändert werden.
*/


function setShut() { 

timer = setTimeout("shut(first,sec)", 300);
}

/*-------------------------------------*/
function clearShut() {
	if(window.timer)
	clearTimeout(timer);
}

/*-------------------------------------*/
function shut(first,sec) {

 	var active = first + sec;
 	document.getElementById(active).style.visibility = 'hidden';
}