var Hintergrund = "#F7F6F5";
var hellstGrau = "DDDDDD";
var hellGrau = "BBBBBB";
var Grau = "999999";
var dunkelGrau = "555555";
var Schwarz = "#000000";
var hellGelb = "#F5E78D";

// Zugriff auf Style-Sheets eines beliebigen Elements, das ID besitzen muss
function changeLook(bgC,c,cr,who) { 
	me = document.getElementById(who);
	me.style.cursor=cr;
	me.style.backgroundColor=bgC;
	me.style.color=c;  		
}
   
// Mausaktionen
function WhatIs(ToDo,who) {
     switch (ToDo) {
          case "over": // beim Überfahren des Elements mit der Maus
		       changeLook(dunkelGrau,hellGelb,"pointer",who);
		  break;
		  case "down": // beim Drücken der linken Maustaste
		       changeLook(Schwarz,hellGelb,"pointer",who);
		  break;
		  case "up": // beim Loslassen der linken Maustaste
		       changeLook(Grau,Schwarz,"pointer",who);
		  break;
		  case "out": // beim Verlassen des Elements mit der Maus
		       changeLook(hellGrau,Schwarz,"default",who);
		  break;
	 }
}


function drawMenu(active,root) {
    var drawCode = new Array(); 
	var drawFeed = new Array(); 
	
	// hier darf editiert werden:
	drawCode[0]="head";
	 	drawFeed[0]="aktion:";
	drawCode[1]="menu";
        drawFeed[1]="index.html";
	    drawFeed[2]="in 2007";
	drawCode[3]="head";
	 	drawFeed[3]="geschichte:";
	drawCode[4]="menu";
        drawFeed[4]="action06.html";
	    drawFeed[5]="2006";
	drawCode[6]="menu";
        drawFeed[6]="action05.html";
	    drawFeed[7]="2005";
	drawCode[8]="menu";
        drawFeed[8]="action04.html";
	    drawFeed[9]="2004";
	drawCode[10]="menu";
	 	drawFeed[10]="action03.html";
		drawFeed[11]="2003";
	drawCode[12]="menu";
	 	drawFeed[12]="action0x.html";
		drawFeed[13]="xxxx";
	drawCode[14]="head";
	    drawFeed[14]="mehr:";
	drawCode[15]="menu";
	    drawFeed[15]="artists.html";
		drawFeed[16]="artists";
	drawCode[17]="menu";
	    drawFeed[17]="download.html";
	    drawFeed[18]="download";
	drawCode[19]="menu";
		drawFeed[19]="links.html";
		drawFeed[20]="links";
	drawCode[21]="menu";
		drawFeed[21]="gb.html";
		drawFeed[22]="Gästebuch";
		
		
	// initialisieren
	i = 0;
	var buttonCounter = 0;
	var headCounter = 0;
	var tNode; // Variable für temporären Inhalt, repräsentiert Knoten, an dem gearbeitet wird
	
	
	// Parsen der drawCodes:
	do {
	      switch (drawCode[i]) {
			   case "head":
			        menuTD.appendChild(document.createElement("div"));  //
					tNode = document.getElementsByTagName("div")[headCounter];
					var inhalt = document.createTextNode(drawFeed[i]);
					tNode.appendChild(inhalt);
					tNode.style.color = Schwarz;
					tNode.style.fontWeight = "bold";
					tNode.style.marginTop = "10px";
					tNode.style.marginBottom = "5px";
					headCounter++;
					i++;
					break;
			   case "menu":
			        wFS = "\"WhatIs('";
					menuTD.appendChild(document.createElement("a")); 	  					   		// a erzeugen
					document.getElementsByTagName("a")[buttonCounter].id = "a" + buttonCounter; 	// ID für a
					tNode = document.getElementById("a" + buttonCounter);
					if (buttonCounter == active) {
					     tNode.innerHTML = "<div class=m id=\"div" + buttonCounter + "\">" + drawFeed[i+1] + "</div>";
						 tNode = document.getElementById("div" + buttonCounter);
						 tNode.style.backgroundColor = Grau;
						 i+=2;
						 headCounter++;
					}
					else {
					     if (root==0)    
						      tNode.href = drawFeed[i];
						 else
						      tNode.href = "../" + drawFeed[i];
						 tNode.innerHTML = "<div class=m id=\"div" + buttonCounter + "\" onMouseover=" + wFS + "over','div" + buttonCounter + "')\" onMousedown=" + wFS + "down','div" + buttonCounter + "')\" onMouseup=" + wFS + "up','div" + buttonCounter + "')\" onMouseout=" + wFS + "out','div" + buttonCounter + "')\">" + drawFeed[i+1] + "</div>";
						 i+=2;
						 headCounter++;
					} 
					buttonCounter++;	
					break;
		  }       
	 }
	 while (i < drawCode.length);

// noch etwas Platz nach unten schaffen
	 for (var i = 1; i <= 3; i++) menuTD.appendChild(document.createElement("br"));
}