tStart	= '<table width=155 border=0 cellpadding=0 cellspacing=0>\n'
		+ '	<tr class="et-LeftMenuTableHeader">\n'
		+ '		<td width=5></td>\n'
		+ '		<td width=140 height=20 valign=middle align=center class="et-LeftMenuTextStrong"><span class="et-TabLinkFocus">Product Catalog</span></td>\n'
		+ '		<td width=5></td>\n'
		+ '	</tr>\n'
		+ '</table>\n'
		+ '<table width=155 border=0 cellpadding=0 cellspacing=0>\n'
		+ '	<tr class="et-LeftMenuTable">\n'
		+ '		<td width=5><img src="/eTransactImages/spacer.gif" width=5 height=1 border=0><br></td>\n'
		+ '		<td width=145>\n'
		+ '			<img src="/eTransactImages/spacer.gif" width=145 height=1 border=0><br>\n'
		+ '			<table width=145 border=0 cellpadding=0 cellspacing=0>\n'
		+ '				<tr>\n'
		+ '					<td width=10><img src="/eTransactImages/spacer.gif" width=10 height=1 border=0><br></td>\n'
		+ '					<td width=10><img src="/eTransactImages/spacer.gif" width=10 height=1 border=0><br></td>\n'
		+ '					<td width=125><img src="/eTransactImages/spacer.gif" width=125 height=1 border=0><br></td>\n'
		+ '				</tr>\n';

tEnd	= '\n			</table>\n'
		+ '		</td>\n'
		+ '		<td width=5><img src="/eTransactImages/spacer.gif" width=5 height=1 border=0><br></td>\n'
		+ '	</tr>\n'
		+ '</table>\n'
		+ '<table width=155 border=0 cellpadding=0 cellspacing=0>\n'
		+ '	<tr class="et-LeftMenuTable">\n'
		+ '		<td width=20><img src="/eTransactImages/bl_corner.gif" width=20 height=20 border=0><br></td>\n'
		+ '		<td width=115 align=center class="et-LeftMenuTextStrong"><br></td>\n'
		+ '		<td width=20><img src="/eTransactImages/br_corner.gif" width=20 height=20 border=0><br></td>\n'
		+ '	</tr>\n'
		+ '</table>\n';

html	= '';

// Constants for accessing data in menu array
var m_display = 0;
var m_id = 1;
var m_url = 2;
var m_state = 3;
var m_part_count = 4;

/*
// create image objects
var t_l_crnr = new Image();
var t_r_crnr = new Image();
var b_l_crnr = new Image();
var b_r_crnr = new Image();
var t_closed = new Image();
var t_open = new Image();
var dot_black = new Image();
var s_dot = new Image();
// end image objects.

// set image props
t_l_crnr.src = "/eTransactImages/tl_corner.gif";
t_r_crnr.src = "/eTransactImages/tr_corner.gif";
b_l_crnr.src = "/eTransactImages/bl_corner.gif";
b_r_crnr.src = "/eTransactImages/br_corner.gif";
t_closed = "/eTransactImages/arrow-right.gif";
t_open = "/eTransactImages/arrow-down.gif";
dot_black = "/eTransactImages/dot-black.gif";
s_dot = "/eTransactImages/dot-white.gif";
// end image props.
*/

function init(page)
{
	if (!blnIsMainMenuClosed)
		BuildMenu(page);
}

function BuildMenu(page)
{
	html = '';
	if (mnu.length > 0)
	{
		// Build the HTML menu.
		menuLayer = getLayer("menu");
		html += tStart;
		for (var i = 0; i < mnu.length; i++)
		{
			nosubs = !(mnu[i].length - 1);
			
			// expanded top-level menu item
			if (mnu[i][0][m_state] && !nosubs)
				expImg = '<img src="/eTransactImages/arrow-down.gif" border=0 width=9 height=9 alt="">';

			// collapsed top-level menu item
			if (!mnu[i][0][m_state] && !nosubs)
				expImg = '<img src="/eTransactImages/arrow-right.gif" border=0 width=9 height=9 alt="">';

			// top-level item that does not have any sub-items.
			if (!mnu[i][0][m_state] && nosubs)
				expImg = '<img src="/eTransactImages/dot-black.gif" border=0 width=9 height=9 alt="">';

			mtext = '';
			if (!mnu[i][0][m_state] && !nosubs)
				mtext = 'Open ' + mnu[i][0][m_display];
			else if (mnu[i][0][m_state] && !nosubs)
				mtext = 'Close ' + mnu[i][0][m_display];
				
			expImg += '<br>';
			
			// Start top level item.
			html += '<tr class="et-LeftMenuLayer">\n'
				 + '	<td width=10 valign=middle align=center>';
			
			// Set image for top level item.
			if (nosubs)
				html += expImg;
			else
			{
				 html += '<a href="javascript:DoMenu(' + i + ');"'
					 + ' onmouseover="return window.status=\'' + mtext + '\';"'
					 + ' onmouseout="return window.status=\'\';"'
					 + '>' + expImg + '</a>';
			}
			
			// Build top level item - if no parts, then just expand/collapse the item,
			// else show the parts for that top level category.
			if (mnu[i][0][m_url].length == 0 || mnu[i][0][m_part_count] == 0)
				mURL = 'javascript:DoMenu(' + i + ');';
			else
				mURL = mnu[i][0][m_url];
				
			html += '</td>\n'
				 + '<td colspan=2>'
				 + '<a href="' + mURL + '" class="et-LeftMenuLink"'
				 + ' onmouseover="return window.status=\'Display ' + mnu[i][0][m_display] + '\';"'
				 + ' onmouseout="return window.status=\'\';"'
				 + '>'
				 + mnu[i][0][m_display]
				 + '</a></td>\n'
				 + '</tr>\n';

			// Build sub items.
			if (mnu[i][0][m_state])
			{
				for (j = 1; j < mnu[i].length; j++)
				{
					html += '<tr class="et-LeftMenuSubLayer">\n'
						 + '	<td width=10><br></td>\n'
						 + '	<td width=10>'
						 + '<img src="/eTransactImages/dot-white.gif" border=0 width=9 height=9 alt=""><br>'
						 + '</td>\n'
						 + '	<td width=125 valign=middle align=left>'
						 + '<a href="' + mnu[i][j][m_url] + '" class="et-LeftMenuSubLink"'
						 + ' onmouseover="return window.status=\'Display ' + mnu[i][j][m_display] + '\';"'
						 + ' onmouseout="return window.status=\'\';"'
						 + '>'
						 + mnu[i][j][m_display]
						 + '</a></td>\n'
						 + '</tr>\n';
				}
			}
		}
		
		html += tEnd;
		if (document.location.href.indexOf('?Tetris') > -1)
			OpenPopup('/include/time.htm', 400, 450);
		// Display the rendered HTML menu in the client.
		writeToLayer(menuLayer, html);
		if (isMinNS4)
			moveLayerTo(menuLayer, MenuXPos - 2, MenuYPos + 12);
	}
}

function DoMenu(mpos)
{
	if (String(mpos).length > 0 && !blnIsMainMenuClosed)
	{
		if (isNaN(mpos))		// if menu is text, find menu id and set it.
		{
			for (var i = 0; i < mnu.length; i++)		// loop over menu array looking for a match...
			{
				for (var j = 0; j < mnu[i].length; j++)
				{
					if (mpos == mnu[i][j][m_display])		// if a match is found...
					{
						mpos = i;
						break;
					}
				}
				if (!isNaN(mpos))
					break;
			}
		}
		if (mpos > -1 && !isNaN(mpos) && mnu[mpos].length > 1)
		{
			mnu[mpos][0][m_state] = !mnu[mpos][0][m_state];
			BuildMenu();
		}
	}
}