// --- Navigation - Start ---
var div = '';
var subdiv = '';
var enddiv = '';
var div1 = '';
var div2 = '';
var div3 = '';
var div4 = '';
var div5 = '';
//var div6 = '';
//var div7 = '';
var table = '';
var table2 = '';

// Aufruf der einzelnen Navigationsebenen.
function CallMenu()
{
   table2 = '<table class="menu_table" cellpadding="0" cellspacing="0" border="0"><tr>';
   subdiv = '<div id="menu_level2_div">'; //' + nav2Text + '
   enddiv = '</div>';   
   
   table2 += PaintMenu(menu1);
   div1 = subdiv + PaintMenu2(menu1) + enddiv;
   table2 += PaintMenu(menu2);
   div2 = subdiv + PaintMenu2(menu2) + enddiv;
   table2 += PaintMenu(menu3);
   div3 = subdiv + PaintMenu2(menu3) + enddiv;
   table2 += PaintMenu(menu4);
   div4 = subdiv + PaintMenu2(menu4) + enddiv;
   table2 += PaintMenu(menu5);
   div5 = subdiv + PaintMenu2(menu5) + enddiv;
   //table2 += PaintMenu(menu6);
   //div6 = subdiv + PaintMenu2(menu6) + enddiv;
   //table2 += PaintMenu(menu7);
   //div7 = subdiv + PaintMenu2(menu7) + enddiv;

   table2 += '</td></tr></table>';
   
   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;

   //alert (table2);
   //alert (div2);
   
   if (dom)
   {
	layer = document.getElementById("menu");
	layer.innerHTML = table2;
	layer2 = document.getElementById("submenu1");
	layer2.innerHTML = div1;
	layer3 = document.getElementById("submenu2");
	layer3.innerHTML = div2;
	layer4 = document.getElementById("submenu3");
	layer4.innerHTML = div3;
	layer5 = document.getElementById("submenu4");
	layer5.innerHTML = div4;
	layer6 = document.getElementById("submenu5");
	layer6.innerHTML = div5;
	//layer7 = document.getElementById("submenu6");
	//layer7.innerHTML = div6;
	//layer8 = document.getElementById("submenu7");
	//layer8.innerHTML = div7;
   }
   else if(ns4) {
	layer = "document['menu'].document";
	layer.document.write(table2);
	layer.document.write(div1);
	layer.document.write(div2);
	layer.document.write(div3);
	layer.document.write(div4);
	layer.document.write(div5);
	layer.document.close();
    }

	HideElementBegin("submenu1");
    HideElementBegin("submenu2");
    HideElementBegin("submenu3");
    HideElementBegin("submenu4");
    HideElementBegin("submenu5");
   //HideAllElement(menu6);
   //HideAllElement(menu7);
}

// --- Aufbau der Navigation - Ende ---

// --- Programmatische Zusammenstellung der Navigation - Start ---

function PaintMenu(menu)
{
   table = '';
   var nav = menu[0].split('--');
   var navTextIntern = nav[0];
   var navText = nav[1];
   var navLink = nav[2];
   var navPic = nav[3];
   var navAction = nav[4];
   
   	if(menu[1] == '-')
   	{
		//wenn kein Untermenü geöffnet werden darf.
		// 1. Ebene - Start -
	   table += '<td id="menu_level1_1' + navTextIntern + '" class="menu_level11start_td">';
	   table += '&nbsp;<img ';
	   table += 'name="menu_level1_img' + navTextIntern + '" onMouseOver="ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\')" onMouseOut="ChangeTippPic(\'./addimg/Kreis_grau.png\',\'menu_level1_img' + navTextIntern + '\')"';
	   table += '  id="menu_level1_img' + navTextIntern + '" class="menu_level11_img" src="./addimg/Kreis_grau.png" border="0">';
	   table += '</td>';
	   table += '<td';
	   table += ' onMouseOver="ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\')" ';
	   table += ' id="menu_level1_2' + navTextIntern + '" class="menu_level12_td" onClick="HideAllElement(1);ajaxpage(\'./content/' + navLink + '\', \'content\', null);ajaxpage(\'./img/' + navPic + '\', \'header2\', null);ajaxpage(\'./action/' + navAction + '\', \'action\', null);ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\')">';
	   table += '<a rel="text" class="menu_level1_text">';
	   table += navText.replace('ae','&auml;').replace('ue','&uuml;').replace('oe','&ouml;').replace('Ae','&Auml;').replace('Ue','&Uuml;').replace('Oe','&Ouml;');
	   table += '</a>';
	   table += '</td>';
	   // 1. Ebene - Ende -
	   //alert(table);
   	}
	else
	{
	   // 1. Ebene - Start -
	   table += '<td id="menu_level1_1' + navTextIntern + '" class="menu_level11_td" >';
	   table += '&nbsp;<img ';
	   table += 'name="menu_level1_img' + navTextIntern + '" onMouseOver="HideAllElement(0);ShowElement(\''+ navTextIntern +'\');ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\')" onMouseOut="ChangeTippPic(\'./addimg/Kreis_grau.png\',\'menu_level1_img' + navTextIntern + '\')"';
	   table += 'id="menu_level1_img' + navTextIntern + '" class="menu_level11_img" src="./addimg/Kreis_grau.png" border="0">';
	   table += '</td>';
	   table += '<td';
	   table += ' onMouseOver="HideAllElement(0);ShowElement(\''+ navTextIntern +'\');ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\')" onMouseOut="ChangeTippPic(\'./addimg/Kreis_grau.png\',\'menu_level1_img' + navTextIntern + '\')"';
	   table += ' id="menu_level1_2' + navTextIntern + '" class="menu_level12_td" onClick="HideAllElement(0);ShowElement(\''+ navTextIntern +'\');">'; //ColorLevel(\'1\', \'' + navText + '\');
	   table += '<a rel="text" class="menu_level1_text">';
	   table += navText.replace('ae','&auml;').replace('ue','&uuml;').replace('oe','&ouml;').replace('Ae','&Auml;').replace('Ue','&Uuml;').replace('Oe','&Ouml;');
	   table += '</a>';
	   table += '</td>';
	   // 1. Ebene - Ende -
	   //alert(table);
   }
   
   return table;
}

function PaintMenu2 (menu)
{   
	div = '';
   var nav = menu[0].split('--');
   var navTextIntern = nav[0];
   
   div += '<table class="menu_level2_table" cellpadding="0" cellspacing="0" border="0" >';
   //div += '<table class="menu_level2_table" onMouseout="HideElement(\''+ navTextIntern +'\')" cellpadding="0" cellspacing="0" border="1">';
   div += '<tr>';
   div += '<td>';
	
	// 2. Ebene - Start -
   for( i=1; i < menu.length; i++)
   {
   	var nav2 = menu[i].split('--');
   	var nav2Text = nav2[0];
   	var nav2Link = nav2[1];
	var nav2Pic = nav2[2];
	var nav2Action = nav2[3];

   	if(menu[i] == '-')
   	{
		div = '';
   		break;
   	}
   	else
   	{
   		// onMouseout="DeColorLevel(\'2\', \'' + menu[i] + '\')"
   		div += '<table id="' + nav2Text.replace(' ', '_') + '" class="' + nav2Text.replace(' ', '_') + '" cellpadding="0" cellspacing="0" border="0" onMouseOver="ColorLevel(\'2\', \'' + nav2Text + '\')" >'; // dg onClick="ColorLevel(\'2\', \'' + nav2Text + '\')
   		div += '<tr class="menu_blank_tr">';
   		div += '<td class="menu_blank1_td">';
   		div += '<span class="menu_blank_text"> </span>';
   		div += '</td>';
   		div += '<td class="menu_blank2_td">';
   		div += '<span class="menu_blank_text"> </span>';
   		div += '</td>';
   		div += '</tr>';
		div += '<tr class="menu_level2_tr" >';
   		div += '<td id="menu_level2_1' + nav2Text.replace(' ', '_') + '" class="menu_level21_td" onclick="HideElementStart(\''+ navTextIntern +'\');ajaxpage(\'./content/' + nav2Link + '\', \'content\', null);ajaxpage(\'./img/' + nav2Pic + '\', \'header2\', null);ajaxpage(\'./action/' + nav2Action + '\', \'action\', null);">';
   		div += '<img';
		div += ' name="menu_level2_img' + nav2Text.replace(' ', '_') + '" onMouseOver="ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level2_img' + nav2Text.replace(' ', '_') + '\')" onMouseOut="ChangeTippPic(\'./addimg/Kreis_grau.png\',\'menu_level2_img' + nav2Text.replace(' ', '_') + '\')"';
		div += ' id="menu_level2_img' + nav2Text.replace(' ', '_') + '" class="menu_level21_img" src="./addimg/Kreis_grau.png" border="0">';
   		div += '</td>';
   		div += '<td';
		div += ' onMouseOver="ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level2_img' + nav2Text.replace(' ', '_') + '\')" onMouseOut="ChangeTippPic(\'./addimg/Kreis_grau.png\',\'menu_level2_img' + nav2Text.replace(' ', '_') + '\')"';
		div += ' id="menu_level2_2' + nav2Text.replace(' ', '_') + '" class="menu_level22_td" onMouseOver="ChangeTippPic(\'./addimg/Kreis_gelb.png\',\'menu_level1_img' + navTextIntern + '\');" onclick="HideElementStart(\''+ navTextIntern +'\');ajaxpage(\'./content/' + nav2Link + '\', \'content\', null);ajaxpage(\'./img/' + nav2Pic + '\', \'header2\', null);ajaxpage(\'./action/' + nav2Action + '\', \'action\', null);">';
   		div += '<a class="menu_level2_text" rel="text">';
   		div += nav2Text.replace('ae','&auml;').replace('ue','&uuml;').replace('oe','&ouml;').replace('Ae','&Auml;').replace('Ue','&Uuml;').replace('Oe','&Ouml;');
   		div += '</a>';
   		div += '</td>';
   		div += '</tr>';

   		div += '<tr class="menu_blank_tr">';
   		div += '<td class="menu_blank1_td">';
   		div += '<span class="menu_blank_text"> </span>';
   		div += '</td>';
   		div += '<td class="menu_blank2_td">';
   		div += '<span class="menu_blank_text"> </span>';
   		div += '</td>';
   		div += '</tr>';
   		div += '</table>';
   	}
   }
   // 2. Ebene - Ende -
   div += "</td>";
   div += "</tr>";
   div += "</table>";
   //alert(div);
   return div;
}

function ShowElement(element)
{
   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;
   //var element = element.replace(' ', '_');
   //var decolorSubelement = new Array();
   //decolorSubelement = InArray(element);

   //if( decolorSubelement[1] != "-" )
   //{
   //	for( i=1; i < decolorSubelement.length; i++ )
   //	{
   //		DeColorLevel("2",decolorSubelement[i]);
   //	}

	if (dom)
   	{
   		layer = document.getElementById(element);
   		layer.style.display = "inline";
   	}
   	else if(ns4)
   	{
	   	layer = "document[" + element + "].document";
		eval(layer + '.display = "inline"');
   	}
   //}

  // for( i=0; i < mainlevel.length ; i++)
  // {
  // 	var mainleveltext = mainlevel[i].replace(' ','_');
  // 	if(mainleveltext != element)
  // 	{
  // 		HideElement(mainlevel[i]);
  // 		DeColorLevel("1",mainlevel[i]);
  // 	}
  // }


}

function HideElementBegin(element)
{
   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;

   if (dom)
   {
	layer = document.getElementById(element);
	layer.style.display = "none";
   }
   else if(ns4)
   {
	layer = "document[" + element + "].document";
	eval(layer + '.display = "none"');
   }
   
   
   var allsubmenus = new Array();
	allsubmenus[0] = 'submenu1';
	allsubmenus[1] = 'submenu2';
	allsubmenus[2] = 'submenu3';
	allsubmenus[3] = 'submenu4';
	allsubmenus[4] = 'submenu5';
	
	for( i=0; i < allsubmenus.length; i++)
	{
		
		// Aktivierte erste Ebene soll aktiv bleiben.
		if (allsubmenus[i] != element)
		{
			ChangeTippPic('./addimg/Kreis_grau.png','menu_level1_img' + allsubmenus[i] + ''); 
		}
	}
}


function HideElementStart(element)
{
   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;

   if (dom)
   {
	layer = document.getElementById(element);
	layer.style.display = "none";
   }
   else if(ns4)
   {
	layer = "document[" + element + "].document";
	eval(layer + '.display = "none"');
   }
   
   
   var allsubmenus = new Array();
	allsubmenus[0] = 'submenu1';
	allsubmenus[1] = 'submenu2';
	allsubmenus[2] = 'submenu3';
	allsubmenus[3] = 'submenu4';
	allsubmenus[4] = 'submenu5';
	
	for( i=0; i < allsubmenus.length; i++)
	{
		
		// Aktivierte erste Ebene soll aktiv bleiben.
		if (allsubmenus[i] != element)
		{
			ChangeTippPic('./addimg/Kreis_grau.png','menu_level1_img' + allsubmenus[i] + ''); 
		}
		else
		{
			ChangeTippPic('./addimg/Kreis_gelb.png','menu_level1_img' + allsubmenus[i] + ''); 
		}
	}
}

function HideElement(element)
{
var info = event.srcElement.tagName;

	if (info == "TABLE") 
	{
       var dom = document.getElementById?1:0;
	   var ns4 = document.layers?1:0;

	   if (dom)
	   {
		layer = document.getElementById(element);
		layer.style.display = "none";
	   }
	   else if(ns4)
	   {
		layer = "document[" + element + "].document";
		eval(layer + '.display = "none"');
	   }
    } 
	else 
	{
    }
}

function HideElementDIV()
{
	var allsubmenus = new Array();
	allsubmenus[0] = 'submenu1';
	allsubmenus[1] = 'submenu2';
	allsubmenus[2] = 'submenu3';
	allsubmenus[3] = 'submenu4';
	allsubmenus[4] = 'submenu5';

       var dom = document.getElementById?1:0;
	   var ns4 = document.layers?1:0;

	for( i=1; i < allsubmenus.length; i++)
	{
		   if (dom)
		   {
			layer = document.getElementById(allsubmenus[i]);
			layer.style.display = "none";
		   }
		   else if(ns4)
		   {
			layer = "document[" + allsubmenus[i] + "].document";
			eval(layer + '.display = "none"');
		   }
	}
 }

function HideAllElement(menu)
{
   var allsubmenus = new Array();
	allsubmenus[0] = 'submenu1';
	allsubmenus[1] = 'submenu2';
	allsubmenus[2] = 'submenu3';
	allsubmenus[3] = 'submenu4';
	allsubmenus[4] = 'submenu5';

	for( i=0; i < allsubmenus.length; i++)
	{
		var dom = document.getElementById?1:0;
		var ns4 = document.layers?1:0;
		
		//Wenn eine 1. Ebene ohne Unterebenen aktiviert wird. Grafik aller anderen 1.Ebenen ändern.
		if(menu == 1)
		{	
			ChangeTippPic('./addimg/Kreis_grau.png','menu_level1_img' + allsubmenus[i] + '');
		}
		
		if (dom)
		{
		layer = document.getElementById(allsubmenus[i]);
		layer.style.display = "none";
		}
		else if(ns4)
		{
		layer = "document[" + allsubmenus[i] + "].document";
		eval(layer + '.display = "none"');
		}
   }
   
   
   
}

function ColorLevel(level, name)
{
   var coloredlevel1 = "menu_level" + level + "_1" + name.replace(' ', '_');
   var coloredlevel2 = "menu_level" + level + "_2" + name.replace(' ', '_');
   var coloredlevelImg = "menu_level" + level + "_img" + name.replace(' ', '_');
   var color = (level == "1") ? "#D3D3D3" : "#ffed99";
   //var color = (level == "1") ? "#ffd200" : "#ffed99";
   
   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;

   if( level = "2")
   {
   	var decolorSubelement = new Array();
   	decolorSubelement = InArray(name);

   	if( decolorSubelement[1] != "-" )
   	{

   		for( i=1; i < decolorSubelement.length; i++ )
   		{
   			var leveltext = decolorSubelement[i].replace(' ','_');
   			if(leveltext != name)
   			{
	   		DeColorLevel("2",decolorSubelement[i]);
	   		}
   		}
   	}
   }

   if (dom)
   {
   	layer = document.getElementById(coloredlevel1);
   	layer.style.backgroundColor = color;

   	layer = document.getElementById(coloredlevel2);
   	layer.style.backgroundColor = color;

   	layer = document.getElementById(coloredlevelImg);
   	layer.style.display = "inline";
	//ChangeTippPic('./addimg/Kreis_gelb.png','menu_level2_img' + coloredlevelImg + '');
   }
   else if(ns4)
   {
   	layer = "document[" + coloredlevel1 + "].document";
	eval(layer + '.backgroundColor = color');

	layer = "document[" + coloredlevel2 + "].document";
	eval(layer + '.backgroundColor = color');

    layer = "document[" + coloredlevelImg + "].document";
	eval(layer + '.display = "inline"');
	//ChangeTippPic('./addimg/Kreis_gelb.png','menu_level2_img' + coloredlevelImg + '');
   }

}

function DeColorLevel(level, name)
{
   var nav = name.split('--');
   var navText = nav[0];
   var navLink = nav[1];

   var coloredlevel1 = "menu_level" + level + "_1" + navText.replace(' ', '_');
   var coloredlevel2 = "menu_level" + level + "_2" + navText.replace(' ', '_');
   var coloredlevelImg = "menu_level" + level + "_img" + navText.replace(' ', '_');

   var dom = document.getElementById?1:0;
   var ns4 = document.layers?1:0;

   if (dom)
   {
   	layer = document.getElementById(coloredlevel1);
   	layer.style.backgroundColor = "#D3D3D3";

   	layer = document.getElementById(coloredlevel2);
   	layer.style.backgroundColor = "#D3D3D3";

	//alert(coloredlevelImg);
	//ChangeTippPic('./addimg/Kreis_gelb.png','menu_level2_img' + coloredlevelImg + '');
   	//layer = document.getElementById(coloredlevelImg);
   	//layer.style.display = "none";
   }
   else if(ns4)
   {
   	layer = "document[" + coloredlevel1 + "].document";
	eval(layer + '.backgroundColor = "#D3D3D3');

	layer = "document[" + coloredlevel2 + "].document";
	eval(layer + '.backgroundColor = "#D3D3D3');

	//ChangeTippPic('./addimg/Kreis_gelb.png','menu_level2_img' + coloredlevelImg + '');
	//layer = "document[" + coloredlevelImg + "].document";
	//eval(layer + '.display = "none"');
   }

}

function InArray(name)
{
   var erg = new Array();
   var empty = new Array();
   empty[0] = "NOTHING";
   erg = empty;

   name = name.replace(' ', '_');

   for(i=0; i < menu1.length; i++)
   {
   	var nav = menu1[i].split('--');
   	var navText = nav[0];
   	var navLink = nav[1];

	var test = navText.replace(' ', '_');
	if (test == name)
	{ 	erg = menu1;
		break;
	}
   }

  for(i=0; i < menu2.length; i++)
   {
	var nav = menu2[i].split('--');
   	var navText = nav[0];
   	var navLink = nav[1];

	var test = navText.replace(' ', '_');
	if (test == name)
	{ 	erg = menu2;
		break;
	}
   }

   for(i=0; i < menu3.length; i++)
   {
	var nav = menu3[i].split('--');
   	var navText = nav[0];
   	var navLink = nav[1];

	var test = navText.replace(' ', '_');
	if (test == name)
	{ 	erg = menu3;
		break;
	}
   }

   for(i=0; i < menu4.length; i++)
   {
	var nav = menu4[i].split('--');
   	var navText = nav[0];
   	var navLink = nav[1];

	var test = navText.replace(' ', '_');
	if (test == name)
	{ 	erg = menu4;
		break;
	}
   }

   for(i=0; i < menu5.length; i++)
   {
	var nav = menu5[i].split('--');
   	var navText = nav[0];
   	var navLink = nav[1];

	var test = navText.replace(' ', '_');
	if (test == name)
	{ 	erg = menu5;
		break;
	}
   }

   // for(i=0; i < menu6.length; i++)
   // {
	// var nav = menu6[i].split('--');
   	// var navText = nav[0];
   	// var navLink = nav[1];

	// var test = navText.replace(' ', '_');
	// if (test == name)
	// { 	erg = menu6;
		// break;
	// }
   // }

   // for(i=0; i < menu7.length; i++)
   // {
	// var nav = menu7[i].split('--');
   	// var navText = nav[0];
   	// var navLink = nav[1];

	// var test = navText.replace(' ', '_');
	// if (test == name)
	// { 	erg = menu7;
		// break;
	// }
   // }

   return erg;
}


// --- Programmatische Zusammenstellung der Navigation - Ende ---

// --- Navigation - Ende ---