//function MM_openBrWindow(theURL,winName,features) { //v2.0
//  window.open(theURL,winName,features);
//}
//function MM_preloadImages() 
//{ //v3.0 
//  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
//    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
//    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
//}
//
//function MM_swapImgRestore() 
//{ //v3.0
//  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
//}
//
//function MM_findObj(n,d) 
//{ //v3.0
//  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
//    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
//  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
//  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); return x;
//}
//
//function MM_swapImage() 
//{ //v3.0
//  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
//   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
//}
//-->

// Don't change these parameters
var delayTop        = 500; /////
var menuElementTop  = new Array ();
var usedWidthTop    = 0;
var numOfMenusTop   = 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 topIDTop  = -1;
//function test (id)
//{
//	alert (document.all[id].offsetLeft);
//	//document.all['D' + id].style.background = "#FFFFFF";
//	//document.all[id].style.background = "#FFFFFF";
//	//alert (document.all[id].style.visibility);
//}
// constructor of menu elements
function menuConstructorTop (id, content)
{
	this.ID            = id;
	this.parentID      = content [0]*1;
	this.parentItemID  = content [1]*1;
	this.width         = content [2]*0.75;
	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 = initXTop+ usedWidthTop;
		usedWidthTop = usedWidthTop + this.width;
	}
	else if (this.x < 0 && this.parentID > -1)
	{
		this.x =  menuElementTop [this.parentID].x
			      + menuElementTop [this.parentID].width
			      - xOverlapTop;
	}
	
	this.y = content [4]*1;
	if (this.y < 0 && this.parentID == -1)
		this.y = initYTop;
	else if (this.y < 0 && this.parentID > -1)
		this.y =  menuElementTop [this.parentID].y
	 		      + itemHeightTop*this.parentItemID
			      + yOverlapTop;
	
	items = content [5];

	layerBody = '<table width=' + this.width + ' cellpadding=3 cellspacing=' + borderSizeTop + ' border=0>';
	
	imgLocator = '';
	
	count = 0;
	for (j = 0; j <= items.length - 3; j = j + 3)
	{
		if (items [j + 2] != '') 
			imgLocator = '<img src=' + items [j + 2] + ' border=0 width=20 height=' + (itemHeightTop - 5) + ' align=right vspace=0 hspace=0>';
		controlBlock = ' onMouseOver = "enterItemTop (' + this.ID + ', ' + ((j + 3)/3 - 1) + ');" onMouseOut = "exitItemTop (' + this.ID + ', ' + ((j + 3)/3 - 1) + ');" ';
			
		//arifin edited on monday, 30-04-2007: id=Td changed into id=td
		layerBody += '<td id=td' + this.ID + count + ' height=' + itemHeightTop + ' width=' + this.width + ' style="background: ' + backColorTop + ';" ' + '>' + imgLocator + '<a class=topsubMenu href='+ items [j + 1] +' ' + controlBlock + '>' + items [j] + '</a></td>';
				
		if (j < items.length - 3)
			layerBody = layerBody +  '<tr>\n';
		else
			layerBody = layerBody + '\n';
		count++;
		imgLocator = '';
	}

	if (!isNC)
		layerHeader = '<div id=MenuTop' + this.ID +
				   	   ' onMouseOver="enterMenuTop (' + this.ID + ');" onMouseOut = "exitMenuTop (' + this.ID + ');"' +
		    	       ' style="background: ; width: ' + this.width + '; visibility: hidden; position: absolute; left: ' + this.x +
		        	   '; top: ' + this.y + ';">';
	else
		layerHeader = '<layer id=MenuTop' + this.ID +
					   ' onMouseOver="enterMenuTop (' + this.ID + ');" onMouseOut = "exitMenuTop (' + this.ID + ');"' +
					   ' visibility=hide left=' + this.x +
					   ' top =' + this.y + '>';

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

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

	if (!isNC)
		layerFooter = layerFooter + '</div>';
	else
		layerFooter = layerFooter + '</layer>';
		
	document.writeln (layerHeader + layerBody + layerFooter);

	return this;
}
function enterTopItemTop (ID)
{
	var topIDtop = -1;
	//document.all['TD' + ID].style.background = activeBackColorTop;
	updateTopPosTop (ID);
	
	if (topIDtop != ID && topIDtop != -1)
		hideTreeTop (topIDtop);
	releaseTreeTop (ID);
	topIDtop = ID;
	showTop (ID);
}
function exitTopItemTop (ID)
{	
	//document.all['TD' + ID].style.background = backColor;
	menuElementTop [ID].timerID = setTimeout ('hideTop (' + ID + ')', delayTop);
}
function updateTopPosTop (id)
{
	realX = getRealLeftTop (document.all['TDTop' + id]);
	realY = getRealTopTop (document.all['TDTop' + id]);
	
	for (var i = 0; i < numOfMenusTop; i++)
	{
		if (menuElementTop [i].parentID == -1)
		{
			document.all['MenuTop' + i].style.left = realX + 5;
			document.all['MenuTop' + i].style.top = realY + 18;
		}
	}
}
function enterItemTop (menuID, itemID)
{
	var topItemID = menuID+ itemID;
	
	//arifin edited on monday, 30-04-2007: id=Td changed into id=td
	document.all['td' + menuID + itemID].style.background = activeBackColorTop;
	//document.all['Td' + topItemID].style.background = activeBackColorTop;
	realX = getRealLeftTop (document.all['MenuTop' + menuID]);
	
	
	var currItemID = menuElementTop [menuID].currItemID;

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

	for (var i = 0; i < numOfMenusTop; i++)
	{
		if (menuElementTop [i].parentID == menuID &&
		    menuElementTop [i].parentItemID == itemID)
		{
			document.all['MenuTop' + i].style.left = realX + menuElementTop [i].width - xOverlapTop;
			clearTimeout (menuElementTop [i].timerID);
			menuElementTop [i].timerID = -1;
			showTop (i);
			return 0;
		}
	}

	return -1;
}

function exitItemTop (menuID, itemID)
{
	document.all['td' + menuID + itemID].style.background = backColorTop;
	for (var i = 0; i < numOfMenusTop; i++)
	{
		if (menuElementTop [i].parentID == menuID &&
		    menuElementTop [i].parentItemID == itemID)
		{
			menuElementTop [i].timerID = setTimeout ('hideTop (' + i + ')', delayTop);
			return 0;
		}
	}
}
function enterMenuTop (ID)
{
	var parentID = menuElementTop [ID].parentID;
	if (parentID == -1)
	{
		clearTimeout (menuElementTop [ID].timerID);
		menuElementTop [ID].timerID = -1;
	}
	else
		releaseTreeTop (ID);
}
function exitMenuTop (ID)
{
	timeoutTreeTop (ID);
}
function hideTreeTop (ID)
{
	hideTop (ID);
	for (var j = 0; j < numOfMenusTop; j++)
	{
		if (menuElementTop [j].parentID == ID &&
			menuElementTop [j].isOn)
		{
			hideTreeTop (j);
			return 0;
		}
	}
}
function releaseTreeTop (ID)
{
	clearTimeout (menuElementTop [ID].timerID);
	menuElementTop [ID].timerID = -1;

	var parentID = menuElementTop [ID].parentID;
	if (parentID > -1)
		releaseTreeTop (parentID);
}
function timeoutTreeTop (ID)
{
	menuElementTop [ID].timerID = setTimeout ('hideTop (' + ID + ')', delayTop);
	var parentID = menuElementTop [ID].parentID;
	if (parentID > -1)
		timeoutTreeTop (parentID);
}

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

	menuElementTop [ID].isOn = true;

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

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

	menuElementTop [ID].isOn = false;

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

function createMenuTreeTop ()
{ 
	for (var i = 0; i < menuContentTop.length; i++)
	{
		menuElementTop [i] = new menuConstructorTop (i, menuContentTop [i]);
		numOfMenusTop++;
	}
}

function getRealLeftTop (id) {
    x = id.offsetLeft;
    parentElement = id.offsetParent;
    while (parentElement != null) {
        x += parentElement.offsetLeft;
        parentElement = parentElement.offsetParent;
    }
    return x;
}

function getRealTopTop (id) {
    y = id.offsetTop;
    parentElement = id.offsetParent;
    while (parentElement != null) {
        y += parentElement.offsetTop;
        parentElement = parentElement.offsetParent;
    }
    return y;
}

createMenuTreeTop ();