NS4 =(document.layers)? 1:0;	
IE4 =(document.all)? 1:0;
DOM =(document.getElementById)? 1:0;
if (IE4) DOM =false;

var mainCount = navi.navMain.length;

var mainCount = mainCount - 1;
	
//Posicion pela derecha
var rightPosition = 760;

var MainOben = 4;
var MainUnten = 20;
var SubOben = 21;
var SubUnten = 55;
	

//Navegacion cabeceru
for(var i = mainCount; i >= 0; i--) {

	document.writeln( '<div id="mainLow' + i + '" class="mainLayersLow">' )
	document.writeln( ' <table border="0" cellspacing="0" cellpadding="0">		 ')
	document.writeln( ' <tr><td colspan="5" height="5"></td></tr> ')
	document.writeln( ' <tr><td colspan="5" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" title="" border="0"></td></tr> ')
	document.writeln( ' <tr> ')
	document.writeln( ' 	<td width="1" class="BgBlack"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>')
	document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
	document.writeln( ' 	<td class="headerNavLow" nowrap><a href="' + navi.navMain[i].href + '" onMouseOver="showMenue(' + i + ')">' + navi.navMain[i].name + '</a></td> ')
	document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>	 ')
	//if (i != mainCount) {	
	//	document.writeln( ' 	<td width="1" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
	//} else {
		document.writeln( ' 	<td width="1" class="BgBlack"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
	//}
	document.writeln( '	</tr> ')
	document.writeln( ' </table> ')
	document.writeln( ' </div> ')
		
	var subCount =  navi.navMain[i].navSub.length;
	if (subCount != 0) {

		document.writeln( '<div id="mainHigh' + i + '" class="mainLayersHigh">' )
		document.writeln( ' <table border="0" cellspacing="0" cellpadding="0">		 ')
		document.writeln( ' <tr><td colspan="5" height="4"></td></tr> ')
		document.writeln( ' <tr><td class="BgWhite" colspan="5" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr> ')
		
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>')
		document.writeln( ' 	<td class="headerNavHigh" colspan="3"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( '	</tr> ')
		
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>')
		document.writeln( ' 	<td width="7" class="headerNavHigh"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td class="headerNavHigh" nowrap><a href="' + navi.navMain[i].href + '">' + navi.navMain[i].name + '</a></td> ')
		document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>	 ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( '	</tr> ')
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1" height="2" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="2" alt="" border="0"></td> ')
		document.writeln( ' 	<td width="1" height="2" colspan="3"><img src="/img/pre/1x1.gif" width="1" height="2" alt="" border="0"></td> ')
		document.writeln( ' 	<td width="1" height="2" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="2" alt="" border="0"></td> ')
		document.writeln( ' </tr> ')
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( '	 	<td colspan="3" bgcolor="#ffb300"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td width="1" class="BgWhite"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' </tr> ')
		document.writeln( ' </table> ')
		document.writeln( ' </div> ')
	}	else {

		document.writeln( '<div id="mainHigh' + i + '" class="mainLayersHigh">' )
		document.writeln( ' <table border="0" cellspacing="0" cellpadding="0">		 ')
		document.writeln( ' <tr><td colspan="5" height="5"></td></tr> ')
		document.writeln( ' <tr><td colspan="5" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr> ')
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>')
		document.writeln( ' 	<td width="7" class="headerNavHigh"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td class="headerNavHigh" nowrap><a href="' + navi.navMain[i].href + '">' + navi.navMain[i].name + '</a></td> ')
		document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td>	 ')
		document.writeln( ' 	<td width="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( '	</tr> ')
		document.writeln( ' </table> ')
		document.writeln( ' </div> ')
	}	
		
	ii = 0;
	//Lo que s'escribe embaxo
	if (navi.navMain[i].navSub.length == 0) {
		document.writeln( ' <div id="sub' + i + '"  class="subLayers"><form name="selectForm' + i + '"></form></div>' )
	} else {
		//nur wenn Kinder vorhanden sind:
		
		function jumpPassingLane() {		
				var selectedData  = selectbox_get_value ("selectForm' + i + '", "Select' + i + '"); 
				var selectedPopupSize   = Number(selectedData.charAt(0)); 
				var selectedPopupResize = Number(selectedData.charAt(1)); 
				var selectedPopupNavi   = Number(selectedData.charAt(2)); 
				var selectedURL   = selectedData.substr(4,selectedData.length-1); 
				if (selectedData.charAt(0) != " ") {
					popupExtWin(selectedURL,"newWin",selectedPopupSize,selectedPopupResize,selectedPopupNavi); 
				} else {
					if (selectedData != '   ##') {
						window.location = selectedURL; 
					}
				}
		}
		document.writeln( ' <div id="sub' + i + '"  class="subLayers">' )
		document.writeln( ' <form name="selectForm' + i + '"> ')
		document.writeln( ' <table border="0" cellspacing="0" cellpadding="0"> ')
		document.writeln( ' <tr><td class="BgWhite" colspan="5" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr> ')
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="1" class="BgWhite" rowspan="4"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="7" height="1" alt="" border="0"></td> ')
		document.writeln( ' 	<td></td> ')
		document.writeln( ' 	<td width="4" class="headerNavLow"><img src="/img/pre/1x1.gif" width="4" height="1" alt="" border="0"></td>	')
		document.writeln( ' 	<td width="1" class="BgWhite" rowspan="4"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' </tr> ')
		document.writeln( ' <tr><td colspan="3" height="3"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr> ')
		document.writeln( ' <tr> ')
		document.writeln( ' 	<td width="7" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
			
		document.writeln( ' 	<td><font size="2"><select name="Select' + i + '" onChange="jumpHref' + i + '()";return false" onClick="activateMenue(' + i + ')" class="headerNavDropdown"> ')
				
		while (navi.navMain[i].navSub[ii]) {
			document.writeln( ' <option value="' + navi.navMain[i].navSub[ii].href + '">' + navi.navMain[i].navSub[ii].name + '</option> ')
			ii ++
		}
		document.writeln( ' 	</select></font></td> ')
		document.writeln( ' 	<td width="4" class="headerNavLow"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td> ')
		document.writeln( ' </tr> ')
		document.writeln( ' <tr><td colspan="3" height="4"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr>			 ')
		document.writeln( ' <tr><td class="BgWhite" colspan="5" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr>			 ')
		document.writeln( ' </table> ')
		document.writeln( ' </form> ')
		document.writeln( ' </div>  ')
	}
}
	
	
var menueIsActive;
function activateMenue(Nr) {
	menueIsActive = Nr;
}			



function positionTheNavigation() {
	var xposFromRight = rightPosition + contentXPos
	for(var i = mainCount; i >= 0; i--) {
		var mainHighLayerName = "mainHigh" + i;	
		var mainLowLayerName  = "mainLow" + i;	
		var subLayerName  = "sub" + i;
		var SubLayerLineName  = "subLine" + i;
	
		if (IE4) { LayerWidth = document.all[mainHighLayerName].offsetWidth; }
		if (NS4) { LayerWidth = document.layers[mainHighLayerName].clip.width; }
		if (DOM) { LayerWidth = document.getElementById(mainHighLayerName).offsetWidth; }

		//var rightPosition = rightPosition - LayerWidth + 1;	
		xposFromRight = xposFromRight - LayerWidth + 1;	

		if (IE4) {
			document.all[mainHighLayerName].style.left = xposFromRight;	
			document.all[mainLowLayerName].style.left = xposFromRight;	
			document.all[subLayerName].style.left = xposFromRight;
			//complete white border line, if sublayer is smaller than the mainlayer
			if (document.all[subLayerName].offsetWidth > 0) {
				if (document.all[mainHighLayerName].offsetWidth > document.all[subLayerName].offsetWidth) {
					var subLayerLineWidth = document.all[mainHighLayerName].offsetWidth - document.all[subLayerName].offsetWidth;
					writeSubLayerLine(i,subLayerLineWidth);
					document.all[SubLayerLineName].style.left = parseInt(document.all[subLayerName].style.left) + parseInt(document.all[subLayerName].offsetWidth) - 1;
				}
			}
		} 
		if (NS4) {
			document.layers[mainHighLayerName].left = xposFromRight;
			document.layers[mainLowLayerName].left = xposFromRight;
			document.layers[subLayerName].left = xposFromRight;
			//complete white border line, if sublayer is smaller than the mainlayer
			if (document.layers[subLayerName].clip.width > 0) {
				if (document.layers[mainHighLayerName].clip.width > document.layers[subLayerName].clip.width) {
					var subLayerLineWidth = document.layers[mainHighLayerName].clip.width - document.layers[subLayerName].clip.width;
					writeSubLayerLine(i,subLayerLineWidth);
					document.layers[SubLayerLineName].left = parseInt(document.layers[subLayerName].left) + parseInt(document.layers[subLayerName].clip.width) - 1;
				}
			}
		}
		if (DOM) {
			document.getElementById(mainHighLayerName).style.left = xposFromRight;
			document.getElementById(mainLowLayerName).style.left = xposFromRight;
			document.getElementById(subLayerName).style.left = xposFromRight;
			//complete white border line, if sublayer is smaller than the mainlayer
			if (document.getElementById(subLayerName).offsetWidth > 0) {
				if (document.getElementById(mainHighLayerName).offsetWidth > document.getElementById(subLayerName).offsetWidth) {
					var subLayerLineWidth = document.getElementById(mainHighLayerName).offsetWidth - document.getElementById(subLayerName).offsetWidth;
					writeSubLayerLine(i,subLayerLineWidth);
					document.getElementById(SubLayerLineName).style.left = parseInt(document.getElementById(subLayerName).style.left) + parseInt(document.getElementById(subLayerName).offsetWidth) - 1;
				}
			}
		}
	}
}

function positionNavi() {
	if (NS4) {
		var pageWidth			= window.innerWidth - 16;
	}
	if (DOM ||IE4) {
		var pageWidth			= document.body.clientWidth;
	}
	if (pageWidth > rightPosition) {
		contentXPos	= Math.floor((pageWidth - rightPosition) / 2);
	} else {
		contentXPos	= 0;
	}
	positionTheNavigation();	
}
positionNavi();


function handleResizeToNavi() {
	if (!ns4) {
		positionNavi();
	} else {
		window.location.reload();
	}
}


function writeSubLayerLine(i, subLayerLineWidth) {
	document.writeln( ' <div id="subLine' + i + '" class="subLayerLine">' )
	document.writeln( ' <table border="0" cellspacing="0" cellpadding="0" width="' + subLayerLineWidth + '"> ')
	document.writeln( ' <tr><td class="BgWhite" height="1"><img src="/img/pre/1x1.gif" width="1" height="1" alt="" border="0"></td></tr> ')
	document.writeln( ' </table>  ')
	document.writeln( ' </div>  ')
}	
	
function showMenue(Nr) {
	
	menueIsActive = -1;		
	var subLayer = "sub" + Nr; 
	var SubLayerLine  = "subLine" + Nr;
	var mainLayerHigh = "mainHigh" + Nr;
	var formName = "selectForm" + Nr;
	
	if (IE4) {
		document.all[subLayer].style.visibility = "visible"
		document.all[mainLayerHigh].style.visibility = "visible"
		if (String(document.all[SubLayerLine]) != "undefined")   {
			document.all[SubLayerLine].style.visibility = "visible"
		}
	}
	if (NS4) {
		document.layers[subLayer].visibility = "show"
		document.layers[mainLayerHigh].visibility = "show"
		if (String(document.layers[SubLayerLine]) != "undefined")   {
			document.layers[SubLayerLine].visibility = "show"
		}
	}
	if (DOM) {
		document.getElementById(subLayer).style.visibility="visible";
		document.getElementById(mainLayerHigh).style.visibility="visible";
		if (String(document.getElementById(SubLayerLine)) != "null")   {
			document.getElementById(SubLayerLine).style.visibility = "visible"
		}
		
		if (typeof(document.forms[formName]) != 'undefined') {
			if (typeof(document.forms[formName].elements[0]) != "undefined") {
				document.forms[formName].elements[0].blur();
			}
		}		
		
	}
}

function hideMenue(Nr) {
	var subLayer = "sub" + Nr; 
	var SubLayerLine  = "subLine" + Nr;
	var mainLayerHigh = "mainHigh" + Nr;
	if (IE4) {
		document.all[subLayer].style.visibility = "hidden"
		document.all[mainLayerHigh].style.visibility = "hidden"
		if (String(document.all[SubLayerLine]) != "undefined")   {
			document.all[SubLayerLine].style.visibility = "hidden"
		}
	}
	if (NS4) {
		document.layers[subLayer].visibility = "hide"
		document.layers[mainLayerHigh].visibility = "hide"
		if (String(document.layers[SubLayerLine]) != "undefined")   {
			document.layers[SubLayerLine].visibility = "hide"
		}
	}
	if (DOM) {
		document.getElementById(subLayer).style.visibility="hidden";
		document.getElementById(mainLayerHigh).style.visibility="hidden";
		if (String(document.getElementById(SubLayerLine)) != "null")   {
			document.getElementById(SubLayerLine).style.visibility = "hidden"
		}
	}
}	
	
if (NS4) {
	 document.captureEvents(Event.MOUSEMOVE);
  	 document.onMouseMove = MouseOverHandler;	
} else {
	document.onmousemove = MouseOverHandler;
}
	
	
function MouseOverHandler(e){
	for(var i = mainCount; i >= 0; i--) { 
		var mainLayerName =  "mainHigh" + i;
		var subLayerName = "sub" + i;
		//Breite des Layers abfragen
		if (IE4) { 
			MainLayerWidth = document.all[mainLayerName].offsetWidth; 
			var MainLinks = document.all[mainLayerName].style.left;
			//remove px
			var MainLinks = parseInt(MainLinks); 
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.all[subLayerName].offsetWidth;
			var SubLinks = document.all[subLayerName].style.left;
			//remove px
			var SubLinks = parseInt(SubLinks); 
			var SubRechts = SubLinks + SubLayerWidth;
		}
		if (NS4) { 
			MainLayerWidth = document.layers[mainLayerName].clip.width; 
			var MainLinks = document.layers[mainLayerName].left;		
			//remove px
			var MainLinks = parseInt(MainLinks); 
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.layers[subLayerName].clip.width;
			var SubLinks = document.layers[subLayerName].left;
			//remove px
			var SubLinks = parseInt(SubLinks); 
			var SubRechts = SubLinks + SubLayerWidth;
		}
		if (DOM) { 
			MainLayerWidth = document.getElementById(mainLayerName).offsetWidth; 
			var MainLinks = document.getElementById(mainLayerName).style.left;
			//remove px
			var MainLinks = parseInt(MainLinks); 
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.getElementById(subLayerName).offsetWidth;
			var SubLinks = document.getElementById(subLayerName).style.left;
			//remove px
			var SubLinks = parseInt(SubLinks); 
			var SubRechts = SubLinks + SubLayerWidth;
		}

		var MainActive = true;
		var SubActive = true;
		

		if (IE4) {

			if((event.clientX < MainLinks || event.clientX > MainRechts || event.clientY < MainOben || event.clientY > MainUnten )){	
				var MainActive = false;
			}	

			if((event.clientX < SubLinks || event.clientX > SubRechts || event.clientY < SubOben || event.clientY > SubUnten )){	
				var SubActive = false;
			}	
		}	
		if (DOM) {

			if((e.clientX < MainLinks || e.clientX > MainRechts || e.clientY < MainOben || e.clientY > MainUnten )){	
				var MainActive = false;
			}	

			if((e.clientX < SubLinks || e.clientX > SubRechts || e.clientY < SubOben || e.clientY > SubUnten )){	
				var SubActive = false;
			}
		}	
		
		if (NS4) {
			//Maus ist ausserhalb des Hauptnavigationspunkt - Layer?
			if((e.pageX < MainLinks || e.pageX > MainRechts || e.pageY < MainOben || e.pageY > MainUnten )){
				var MainActive = false;
			}
			if((e.pageX < SubLinks || e.pageX > SubRechts || e.pageY < SubOben || e.pageY > SubUnten )){
				var SubActive = false;
			}
		}	
		

		
		if (DOM) {
			if (MainActive != true && SubActive != true && menueIsActive != i) {
				hideMenue(i);
			}
		}	else {
			if (MainActive != true && SubActive != true) {
				hideMenue(i);
			}
		}
					
	}		
}