var g_mainItemID = "mainMenuItem";
var g_subID 	= "subMenu";
var g_subItemID = "subMenuItem";
var g_lastObj = null;
var g_lastSub = null;

function hlight(cellObj, color)
{
	if (!document.layers)
		cellObj.style.backgroundColor = color;
}

	// menu[0] = text
	// menu[1] = url
	// menu[2] = bgImage
	// menu[3] = numItems
	// menu[4] = height
	// menu[5] = width

function hlightMenu(cellObj, color, subMenu)
{
	if (g_lastObj)
		hlight(g_lastObj, '#dddddd');

	g_lastObj = cellObj;
	hlight(cellObj, color);

	if (document.all)
	{
		if (g_lastSub)
			document.all[g_lastSub].style.visibility = 'hidden';

		g_lastSub = subMenu;
		document.all[subMenu].style.visibility = 'visible';
	}
	else if (document.layers)
	{
		if (g_lastSub)
    		document.layers["ns_" + g_lastSub].visibility = 'hide';

		g_lastSub = subMenu;
    	document.layers["ns_" + subMenu].visibility = 'show';
	}
}

function createSideMenu(fsection)
{
	if (fsection == 'front')
		return;

	var menu = null, menuName;
	var htmlStr = "";

	if (fsection == 'hub')
	{
		menuName = hubMenu;
		menu = eval(menuName);
	}
	else if (fsection == 'scc')
	{
		menuName = sccMenu;
		menu = eval(menuName);
	}

	htmlStr = '<table id="mainMenu" width="100%" height="100%" border="0" cellpadding="2" cellspacing="0">';

	var mostNumItems = 0;
	for (i=1; i<=menu[3]; i++)
	{
		menuItem = eval(menuName + "_" + i);
		if (menuItem[3] > mostNumItems)
			mostNumItems = menuItem[3];
	}

	for (i=1; i<=mostNumItems; i++)
	{
		htmlStr += '<tr>';

		if (i<=menu[3])
		{
			menuItem = eval(menuName + "_" + i);

			// do not display 'javascript:void(0)'
			url = (menuItem[1] == "javascript:void(0)") ? menuItem[0] : menuItem[1];

			// replace 'javascript:void(0)' functionality
			extraAtt = (menuItem[1] == "javascript:void(0)") ? ' onclick="return false;"' : '';

			// do not highlight empty menu items
			highlightStr = (menuItem[0] == "") ? "" : ' onMouseover="hlightMenu(this, \'#efefef\', \''+g_subID+i+'\')"';

			htmlStr += '<td id="'+g_mainItemID+i+'"' + highlightStr + ' width="50%">';
			htmlStr += '<font face="verdana" size="1"><b>';

			if (menuItem[0] != "")
				htmlStr += '<a href="'+url+'"' + extraAtt + '>' + menuItem[0] + '</a>' + '<br>';
			else
				htmlStr += '&nbsp;' + '<br>';

			htmlStr += '</b></font>';
			htmlStr += '</td>';
		}
		else
		{
			htmlStr += '<td width="50%">';
			htmlStr += '<font face="verdana" size="1">';
			htmlStr += '&nbsp;';
			htmlStr += '</font>';
			htmlStr += '</td>';
		}

// 		htmlStr += '<td width="50%" bgcolor="#efefef">';
// 		htmlStr += '<font face="verdana" size="1">';
// 		htmlStr += '&nbsp;';
// 		htmlStr += '</font>';
// 		htmlStr += '</td>';

		htmlStr += '</tr>';
	}

	htmlStr += '</table>';
	htmlStr += '\n\n';

	document.write(htmlStr);

	htmlStr = "";
	for (i=1; i<=menu[3]; i++) // main menu (no subscript)
	{
		menuItem = eval(menuName + "_" + i);

		htmlStr += '<layer id="ns_'+g_subID+i+'" left="198" top="346" width="183" visibility="hide" z-index="'+(500+i)+'">';
		htmlStr += '<table id="'+g_subID+i+'" width="183" border="0" cellpadding="2" cellspacing="0"';
		htmlStr += (document.layers)? '>' : ' style="position: absolute; left: 198; top: 346; visibility: hidden;">';

		for (k=0; k<i-1; k++)
		{
			htmlStr += '<tr>'+'<td>';
			htmlStr += '<font face="verdana" size="1"><b>&nbsp;</b></font>';
			htmlStr += '</td>'+'</tr>';
		}

		for (j=1; j<=menuItem[3]; j++)
		{
			menuSubItem = eval(menuName + "_" + i + "_" + j);

			highlightStr = (menuSubItem[0] == "") ? "" : ' onMouseover="hlight(this, \'#CECFE4\')" onMouseout="hlight(this, \'#efefef\')"';

			htmlStr += '<tr>';
			htmlStr += '<td id="'+g_subItemID+i+'_'+j+'"' + highlightStr + '>';
			htmlStr += '<font face="verdana" size="1">';
			htmlStr += '<a href="' + menuSubItem[1] + '">' + menuSubItem[0] + '</a>';
			htmlStr += '</font>';
			htmlStr += '</td>';
			htmlStr += '</tr>';
		}

		htmlStr += '</table>';
		htmlStr += '</layer>';
		htmlStr += '\n';
	}

	document.write(htmlStr);
}