

 var naviFeldMode    = 'up';
 var naviFeldAktiv   = -1;
 var naviFeldCounter = 0;


 function dezToHex(dezimalwert)
 {
	if( dezimalwert.toString(16).length == 1 )
	{
		return "0" + dezimalwert.toString(16).toUpperCase();
	} else
	  {
		return dezimalwert.toString(16).toUpperCase();
	  }
 }


 function naviJump()
 {
	if( naviFeldAktiv != -1 )
	{
		naviFade(naviFeldAktiv, naviFeldMode);
	}
 }


 function naviFade(number, mode)
 {
	naviFeldMode  = mode;
	naviFeldAktiv = number;
	var naviFeld  = 'main_'+number;

	if( mode == 'up' )
	{
		if( naviFeldCounter < 11 )
		{
			var newColor1 = dezToHex(  29 +Math.round( 10.6 * naviFeldCounter));
			var newColor2 = dezToHex( 135 +Math.round(  7.1 * naviFeldCounter));
			var newColor3 = dezToHex( 195 +Math.round(  5.5 * naviFeldCounter));

			document.getElementById(naviFeld).style.backgroundColor = '#'+newColor1+newColor2+newColor3;
			naviFeldCounter++;
			window.setTimeout('naviJump()', 50);
		}
	} else
	  {
		document.getElementById(naviFeld).style.backgroundColor = '#1D87C3';
		naviFeldAktiv   = -1;
		naviFeldCounter = 0;

	  }
 }


 // =================================================================================================================================================


 function getObjectLeft(name)
 {
	var idName = "main_" + name;
	return document.getElementById(idName).offsetLeft;
 }


 function getObjectWidth(name)
 {
	var idName = "main_" + name;
	var u = document.getElementById(idName).offsetWidth;
	return u;
 }

 function getObjectHeight(name)
 {
	var idName = "main_" + name;
	var u = document.getElementById(idName).offsetHeight;
	return u;
 }


 function mainBarSet(name)
 {
	if( !activeBar )
	{
		activeBar = name;
		mainBar(name);
	} else
	  {
		activeBar = null;
	  }
 }


 function mainBarOut(name)
 {
	var changeName = "main_" + name;
	var changeObject = document.getElementById(changeName);

	if( !activeBar )
	{
		changeObject.style.borderColor = "#ECE9D8 #C0C0C0 #C0C0C0 #ECE9D8";
	}
 }


 function mainBar(name)
 {
	var idName     = "menu_" + name;
	var changeName = "main_" + name;

	var tempObject   = document.getElementById(idName);
	var changeObject = document.getElementById(changeName);

	if( activeButton )
	{
		document.getElementById(activeButton).style.visibility = "hidden";
	}

	if( activeSub )
	{
		document.getElementById(activeSub).style.visibility = "hidden";
	}

	activeButton = idName;

	if( activeBar )
	{
		var tBar = "main_" + activeBar;

		// document.getElementById(tBar).style.borderColor = "#ECE9D8 #C0C0C0 #C0C0C0 #ECE9D8";

		activeBar = name;

		// changeObject.style.borderColor = "#808080 #f0f0f0 #f0f0f0 #808080";

		// Button zeigen
		var oL = getObjectLeft(name);
		var oW = getObjectWidth(name);
		var oH = getObjectHeight(name);

		// Beim Opera das SubMenü nach rechts verschieben
		mn = navigator.userAgent;
		s = "Opera";
		if ((i = mn.indexOf(s)) >= 0)
		{
			// oL += 0;
		}

		tempObject.style.position = "absolute";
		tempObject.style.left =  oL + "px";
		tempObject.style.top  =  ( mainMenuTop  + oH + 3 ) + "px";

		tempObject.style.visibility = "visible";
	} else
	  {
		changeObject.style.borderColor = "#f0f0f0 #808080 #808080 #f0f0f0";
	  }
 }


 function subColorOn(name)
 {
	var lineName   = "line_"  + name;
	var lineObject = document.getElementById(lineName);

	lineObject.style.backgroundColor = "lightskyblue";
	//lineObject.style.color = "red";

	overMenu = name;
 }


 function subColorOff(name)
 {
	var lineName   = "line_"  + name;
	var lineObject = document.getElementById(lineName);

	lineObject.style.backgroundColor = "#1D87C3";
	//lineObject.style.color = "green";

	overMenu = null;
 }


 function subColorOn2(name)
 {
	var lineName   = "subLine_"  + name;
	var lineObject = document.getElementById(lineName);

	lineObject.style.backgroundColor = "lightskyblue";
	//lineObject.style.color = "#ffffff";

	overMenu = name;
 }


 function subColorOff2(name)
 {
	var lineName   = "subLine_"  + name;
	var lineObject = document.getElementById(lineName);

	lineObject.style.backgroundColor = "#1D87C3";
	//lineObject.style.color = "#000000";

	overMenu = null;
 }


 function subArrowOn(name)
 {
	var subPic = "subImg_" + name;
	document.getElementById(subPic).src = "images/menu/subOff.gif";
 }


 function subArrowOff(name)
 {
	var subPic = "subImg_" + name;
	document.getElementById(subPic).src = "images/menu/sub.gif";
 }


 function subMenuOff(name)
 {
	if( activeSub )
	{
		document.getElementById(activeSub).style.visibility = "hidden";
	}

	activeSub = null;
 }


 function subMenuOn(name)
 {
	if( activeSub )
	{
		document.getElementById(activeSub).style.visibility = "hidden";
	}

	var idName  = "menu_" + name;
	var subName = "sub_"  + name;

	var tempObject = document.getElementById(idName);

	var oL = tempObject.offsetLeft;
	var oW = tempObject.offsetWidth;
	var oH = tempObject.offsetTop;

	var subObject = document.getElementById(subName);

	subObject.style.position = "absolute";
	subObject.style.left = ( oL + oW - 2 ) + "px";
	subObject.style.top  = oH  + "px";

	subObject.style.visibility = "visible";

	activeSub = subName;
 }

















 function link(ziel)
 {
	self.location.href = ziel;
 }


 function linkExtern(ziel)
 {
	openTarget = open(ziel, 'newWindow');
 }

