// Don't change these parameters
var delay        = 500; /////
var menuElement  = new Array ();
var usedWidth    = 0;
var numOfMenus   = 0;
/// ----------------------------

// check browser version
isNC    = (document.layers) ? 1 : 0;
isOPERA = (navigator.userAgent.indexOf('Opera') >= 0)? true : false;
isIE    = (document.all && !isOPERA)? true : false;
isDOM   = (document.getElementById && !isIE && !isOPERA)? true : false;

var topID  = -1;

// constructor of menu elements
function menuConstructor (id, content)
{
	this.ID            = id;
	this.parentID      = content [0]*1;
	this.parentItemID  = content [1]*1;
	
	// geändert für variable breite, je nach hauptmenüeintrag, damit die tabellen direkt links bündig unter
	// der hauptrubrik erscheinen - KE, 13.12.2002
	this.width         = content [2]*1;
	this.width = fieldsWidth[id];

		
	this.timerID       = -1;
	this.isOn          = false;
	this.item          = new Array ();
	this.currItemID    = -1;
	this.x = content [3]*1;
	
	if (this.x < 0 && this.parentID == -1)
	{
		this.x = initX + usedWidth;
		usedWidth = usedWidth + this.width;
	}
	else if (this.x < 0 && this.parentID > -1)
	{
		this.x =  menuElement [this.parentID].x
			      + menuElement [this.parentID].width
			      - xOverlap;
	}
	
	this.y = content [4]*1;
	if (this.y < 0 && this.parentID == -1)
		this.y = initY;
	else if (this.y < 0 && this.parentID > -1)
		this.y =  menuElement [this.parentID].y
	 		      + itemHeight*this.parentItemID
			      + yOverlap;
	
	items = content [5];

	// layerBody = '<table width=' + this.width + ' cellpadding=3 cellspacing=' + borderSize + ' border=0>';
	layerBody = '<table width="100%" cellpadding=3 cellspacing=' + borderSize + ' border=0>';

	for (j = 0; j <= items.length - 2; j += 2){
		if (j % 4 == 0){
			classblock = 'class="firstline"  onMouseOver="javascript:ChangeRowColorIn(this, \'\');" onMouseOut="javascript:ChangeRowColorOut(this, \'\');"';
		}else {
			classblock = 'class="secondline" onMouseOver="javascript:ChangeRowColorIn(this, \'\');" onMouseOut="javascript:ChangeRowColorOut(this, \'\');"';
		}
		layerBody += '<tr ' + classblock + '><td nowrap height=' + itemHeight + ' width="20%" ' + classblock + '><a href=' + items [j + 1] + ' ' + classblock + ' id="cb_a_' + j + '" name="cb_a_' + j + '" target="_parent">' + items [j] + '</a></td>';
	}

	if (!isNC)
		layerHeader = '<div id=Menu' + this.ID +
				   	   ' onMouseOver="enterMenu (' + this.ID + ');" onMouseOut = "exitMenu (' + this.ID + ');"' +
		    	       ' style="background: ; width: ' + this.width + '; visibility: hidden; position: absolute; left: ' + this.x +
		        	   '; top: ' + this.y + '; z-index:100;" >';
	else
		layerHeader = '<layer id=Menu' + this.ID +
					   ' onMouseOver="enterMenu (' + this.ID + ');" onMouseOut = "exitMenu (' + this.ID + ');"' +
					   ' visibility=hide left=' + this.x +
					   ' top =' + this.y + ' z-index:100;>';

	layerHeader += '<table width=' + this.width + ' cellpadding=0 cellspacing=0 border=0 width=596>' +
				    '<td bgcolor=' + borderColor + '>';

	layerFooter = '</table></td></table>';

	if (!isNC)
		layerFooter = layerFooter + '</div>';
	else
		layerFooter = layerFooter + '</layer>';

	document.writeln (layerHeader + layerBody + layerFooter);

	return this;
}

function enterTopItem (ID){
	if (topID != ID && topID != -1)
		hideTree (topID);
	releaseTree (ID);
	topID = ID;
	show (ID);
}

function exitTopItem (ID){
	menuElement [ID].timerID = setTimeout ('hide (' + ID + ')', delay);
}

function enterItem (menuID, itemID){
	var currItemID = menuElement [menuID].currItemID;

	if (currItemID != i & currItemID > -1)	
		hide (currItemID);
	

	for (var i = 0; i < numOfMenus; i++){
		if (menuElement [i].parentID == menuID && menuElement [i].parentItemID == itemID){
			clearTimeout (menuElement [i].timerID);
			menuElement [i].timerID = -1;
			show (i);
			return 0;
		}
	}

	return -1;
}

function exitItem (menuID, itemID){
	for (var i = 0; i < numOfMenus; i++)	{
		if (menuElement [i].parentID == menuID && menuElement [i].parentItemID == itemID){
			menuElement [i].timerID = setTimeout ('hide (' + i + ')', delay);
			return 0;
		}
	}
}

function enterMenu (ID){
	var parentID = menuElement [ID].parentID;
	if (parentID == -1)	{
		clearTimeout (menuElement [ID].timerID);
		menuElement [ID].timerID = -1;
	}else
		releaseTree (ID);
}

function exitMenu (ID){
	timeoutTree (ID);
}

function hideTree (ID){
	hide (ID);
	for (var j = 0; j < numOfMenus; j++){
		if (menuElement [j].parentID == ID && menuElement [j].isOn){
			hideTree (j);
			return 0;
		}
	}
}
function releaseTree (ID){
	clearTimeout (menuElement [ID].timerID);
	menuElement [ID].timerID = -1;
	var parentID = menuElement [ID].parentID;
	if (parentID > -1)
		releaseTree (parentID);
}

function timeoutTree (ID){
	menuElement [ID].timerID = setTimeout ('hide (' + ID + ')', delay);
	var parentID = menuElement [ID].parentID;
	if (parentID > -1)
		timeoutTree (parentID);
}

function show (ID){
	if (isDOM) 
		document.getElementById('Menu' + ID).style.visibility = "visible";
    else if (isIE) 
		document.all['Menu' + ID].style.visibility = "visible";
    else if (isNC) 
		document.layers[ID].visibility = "show";		

	menuElement [ID].isOn = true;

	if (menuElement [ID].parentID > -1)
		menuElement [menuElement [ID].parentID].currItemID = ID;
}

function hide (ID){
	if (isDOM) 
		document.getElementById('Menu' + ID).style.visibility = "hidden";
    else if (isIE) 
		document.all['Menu' + ID].style.visibility = "hidden";
    else if (isNC) 
		document.layers[ID].visibility = "hide";

	menuElement [ID].isOn = false;

	if (menuElement [ID].parentID > -1)
		menuElement [menuElement [ID].parentID].currItemID = -1;
}

function createMenuTree (){
	for (var i = 0; i < menuContent.length; i++){
		menuElement [i] = new menuConstructor (i, menuContent [i]);
		numOfMenus++;
	}
}

function ChangeRowColorIn(theTR, styleprefix){
	if (theTR.className == styleprefix + 'firstline'){
		theTR.className = styleprefix + 'firstlineover';
	}else if (theTR.className == styleprefix + 'secondline'){
		theTR.className = styleprefix + 'secondlineover';
	}
}

function ChangeRowColorOut(theTR, styleprefix){
	if(theTR.className == styleprefix + 'firstlineover'){
		theTR.className = styleprefix + 'firstline';
	}else if(theTR.className == styleprefix + 'secondlineover'){
		theTR.className = styleprefix + 'secondline';
	}
}

createMenuTree ();