//----------------------------------------------------------------------------------------
//	Function:	writeTopMenu
//	Purpose:	Displays webpage menu
//	Use:		Type in javascript -> writeTopMenu(string-variable);
//				ex: 	writeTopMenu(1);
// Parameters:	highlightMenuItem ->  type: string
//									  the category you wish to display
//----------------------------------------------------------------------------------------
function writeTopMenu(highlightMenuItem)
{	
	var whichDrive = "";
	var url = getURL();
	
	//Variables containing menu information
	var menuHeaders = new Array(1);
	//menuHeaders[0] = new Array('Home', 'index.shtml');
	//menuHeaders[1] = new Array('Storage<br>Hardware', 'index.shtml');
	//menuHeaders[2] = new Array('Storage<br>Software', 'index.shtml');
	menuHeaders[0] = new Array('<nobr>Data & Storage</nobr><br>Management', 'data_storage.html');
	menuHeaders[1] = new Array('<nobr>System & Network</nobr><br>Management', 'system_networks.html');
	menuHeaders[2] = new Array('Security', 'security.html');
	//menuHeaders[3] = new Array('Other<br>Solutions', 'others.html');
	menuHeaders[3] = new Array('', '');
	
	var HighlightLinkStart = '<td align="center" valign="middle" background="' + url + 'images/top_black_bkgd.gif" height="48"><a class="a_topmenu_hl" href="';
	var HighlightLinkMid = '">';
	var HighlightLinkEnd = '</a></td>';
	
	var midColumn = '<td background="' + url + 'images/top_blanks.gif" height="48"><img height="100%" src="' + url + 'images/v_line.gif" width=10></td>';

	var nonHighlightLinkStart = '<td align="center" valign="middle" background="' + url + 'images/top_black_bkgd.gif"  height="48"><a class="a_topmenu_nhl" href="';
	var nonHighlightLinkMid = '">';
	var nonHighlightLinkEnd = '</a></td>';
	
	if(screen.availWidth <= 640)
		var screenWidth = '800';
	else
		var screenWidth = '100%';

	document.write('<link rel="stylesheet" type="text/css" href="' + url + 'css/table.css" />');
	document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + screenWidth + '" height="87">');
	document.write('<tr>');
	document.write('<td width="157" rowspan="3" height="87" background="' + url + 'images/top_left_logo_bkgd.gif">');
    document.write('<A href="' + url + 'index.asp"><IMG class="img_position" border=0 src="' + url + 'images/unylogix_logo_138.gif" width="138"></A></TD>')
	
		//Search for which menu item to highlight
	var iString = "", menuNo;
	iSize = menuHeaders.length;
	
	if(!(isNaN(highlightMenuItem)))
		if(highlightMenuItem >0)
			menuNo = highlightMenuItem - 1;
		else
			menuNo = highlightMenuItem;
	else		
		for(iLoop=0; iLoop<iSize; iLoop++)
		{
			iString = menuHeaders[iLoop][0];
			if(iString.toLowerCase().indexOf(highlightMenuItem.toLowerCase()) >= 0)
				menuNo = iLoop;
		}
	
	//Display menu items
	for(iLoop=0; iLoop<iSize; iLoop++)
	{
		if(iLoop == menuNo)
			document.write(HighlightLinkStart + url + menuHeaders[iLoop][1] + HighlightLinkMid +
				menuHeaders[iLoop][0] + HighlightLinkEnd);
		else
			document.write(nonHighlightLinkStart + url + menuHeaders[iLoop][1] + 
				nonHighlightLinkMid + menuHeaders[iLoop][0] + nonHighlightLinkEnd);	
				
		//Make sure the line in between titles is not displayed at the end
		//if(iLoop < iSize-1)
			document.write(midColumn);
	}
	if(highlightMenuItem == "-1")
		document.write('	<td background="' + url + 'images/top_black_corner.gif" width="80" height="48"><table width="60"><tr><td align="center" width="50"><a class="a_topmenu_hl" href="' + url + 'corporate/profile.html">About Unylogix</a></td><td></td></tr></table></td>');
	else	
		document.write('	<td background="' + url + 'images/top_black_corner.gif" width="80" height="48"><table width="60"><tr><td align="center" width="50"><a class="a_topmenu_nhl" href="' + url + 'corporate/profile.html">About Unylogix</a></td><td></td></tr></table></td>');

	document.write('<td width="5" background="' + url + 'images/white_bkgd.gif">&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('	<td height="32" colspan="' + (iSize*2) + '" background="' + url + 'images/top_blue_bkgd.gif" valign="top">');
	document.write('		<table height="28" width="100%" border="0"><tr><td valign="middle" width="100%"><nobr><a class="yellow_link_mid" href="' + url + 'main.html">...your Data & Storage Management Experts</a></nobr></td>');
	document.write('<td width="14" align="center" valign="middle"><img height="11" src="' + url + 'images/v_line_blue.gif" width=10></td>');
	document.write('<td valign="middle"><b><a class="a_topbluemenu" href="' + url + 'request_info.html"><nobr>INFO REQUEST</nobr></a></b></td>');
	document.write('<td width="14" align="center" valign="middle"><img height="11" src="' + url + 'images/v_line_blue.gif" width=10></td>');
	document.write('<td valign="middle"><b><a class="a_topbluemenu" href="' + url + 'products.html"><nobr>PRODUCTS INDEX</nobr></a></b></td>');
	document.write('<td width="14" align="center" valign="middle"><img height="11" src="' + url + 'images/v_line_blue.gif" width=10></td>');
	document.write('</tr></table>');
	document.write('	</td>');
	document.write('	<td background="' + url + 'images/top_blue_corner.gif" width="80" valign="top"><table height="28"><tr><td valign="middle"><b><a class="a_topbluemenu" href="' + url + 'ISsearch/search.asp">SEARCH</a></b></td></tr></table></td>');
	document.write('<td width="5" background="' + url + 'images/white_bkgd.gif">&nbsp;</td>');
	document.write('</tr>');
	document.write('<tr><td height="7" colspan="2" background="' + url + 'images/white_bkgd.gif"></td></tr>');
	document.write('</table>');

	return writeTopMenu;	
}

/* Code to add a search box in menu (to be added later)
	document.write('<script language="JavaScript1.2">function clearField(){var nothing=null;document.searchForm.searchString.value=nothing;}</script>');
	document.write('<input type="text" width="20" maxlength="20" name="searchString"value="Enter Search String" onClick="value=clearField();"></td>');
*/
// End of file