// Don't change these parameters

var delay        = 1000; /////

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;
var on_menu_lock = 0;
var other_hide = 0;

var cell_ID = 0;



// constructor of menu elements

function menuConstructor (id, content)

{

	this.ID            = id;

	this.width         = content [0]*1;

	this.timerID       = -1;

	this.isOn          = false;

	this.item          = new Array ();

	this.currItemID    = -1;

	
	this.x = content [1]*1;
	
	
	

	

	this.y = content [2]*1;

	
	
	
	items = content [3];


	if (!isNC)

		layerHeader = '<div id=Menu' + this.ID +

				   	   ' style="background: ; width: ' + this.width + '; visibility: hidden; position: absolute; left: ' + this.x +

		        	   '; top: ' + this.y + ';">';

	else

		layerHeader = '<layer id=Menu' + this.ID +' visibility=hide left=' + this.x +

					   ' top =' + this.y + '>';



	layerHeader += '<table width=' + this.width + ' height=400 cellpadding=0 cellspacing=0 border=0>' +

				    '<td bgcolor=#ffffff valign=top>';



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

	layerBody += '<tr><td width=' + this.width + ' bgcolor=#cccccc><b><center><div class=format1>' + items[0] + '</div></center></b></font></td></tr>';

	layerBody += '<tr><td width=' + this.width + ' bgcolor=#ffffff><div class=format2>' + items [1] + '</div></td></tr>';

	layerBody = layerBody + '\n';



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



	if (!isNC)

		layerFooter = layerFooter + '</div>';

	else

		layerFooter = layerFooter + '</layer>';



	document.writeln (layerHeader + layerBody + layerFooter);



	return this;

}

function enter1 (ID)

{
	if (isDOM) {
		document.getElementById('list1').style.visibility = "hidden";
	}
	else if (isIE) {
		document.all['list1'].style.visibility = "hidden";
	}
	show (ID);
}

function enter2 (ID)

{
	if (isDOM) {
		document.getElementById('list2').style.visibility = "hidden";
	}
	else if (isIE) {
		document.all['list2'].style.visibility = "hidden";
	}
	show (ID);
}

function exit1 (ID)

{
	if (isDOM) {
			document.getElementById('list1').style.visibility = "visible";
		}
    	else if (isIE) {
			document.all['list1'].style.visibility = "visible";
		}
      	hide (ID);
}



function exit2 (ID)

{
	if (isDOM) {
			document.getElementById('list2').style.visibility = "visible";
		}
    	else if (isIE) {
			document.all['list2'].style.visibility = "visible";
		}
      	hide (ID)
}




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;


}



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++;

	}

}


createMenuTree ();