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;

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


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>')
	
	document.writeln('</tr></table></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><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><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><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></table></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></table></div>')
	}	
	
	ii = 0;
	
	if (navi.navMain[i].navSub.length == 0) {
		document.writeln('<div id="sub' + i + '"  class="subLayers"><form name="selectForm' + i + '"></form></div>')
	} else {
		
		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></form></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; }
		
		xposFromRight = xposFromRight - LayerWidth + 1;	

		
		if (IE4) {
			document.all[mainHighLayerName].style.left = xposFromRight;	
			document.all[mainLowLayerName].style.left = xposFromRight;	
			document.all[subLayerName].style.left = xposFromRight;
			
			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;
			
			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;
			
			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></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;
		
		if (IE4) {
			MainLayerWidth = document.all[mainLayerName].offsetWidth;
			var MainLinks = document.all[mainLayerName].style.left;
			
			var MainLinks = parseInt(MainLinks);
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.all[subLayerName].offsetWidth;
			var SubLinks = document.all[subLayerName].style.left;
			
			var SubLinks = parseInt(SubLinks);
			var SubRechts = SubLinks + SubLayerWidth;
		}
		if (NS4) {
			MainLayerWidth = document.layers[mainLayerName].clip.width;
			var MainLinks = document.layers[mainLayerName].left;		
			
			var MainLinks = parseInt(MainLinks);
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.layers[subLayerName].clip.width;
			var SubLinks = document.layers[subLayerName].left;
			
			var SubLinks = parseInt(SubLinks);
			var SubRechts = SubLinks + SubLayerWidth;
		}
		if (DOM) {
			MainLayerWidth = document.getElementById(mainLayerName).offsetWidth;
			var MainLinks = document.getElementById(mainLayerName).style.left;
			
			var MainLinks = parseInt(MainLinks);
			var MainRechts = MainLinks + MainLayerWidth;
			
			SubLayerWidth = document.getElementById(subLayerName).offsetWidth;
			var SubLinks = document.getElementById(subLayerName).style.left;
			
			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) {
			
			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);
		}

	}
}