// Menu JavaScripts
// BlueCom Ltd.
// Author: ker
// Copyright: 2001, alva & phoenix GmbH, Zug

var curMenu = null;
var menuActive = false;
var menuHidingTimeout = 500;

function initMenus()
{
	products = new subMenu(2);
	products.append("Telephone Systems", "/products/list.asp?type=1");
	products.append("Party Line Telephone Systems", "/products/list.asp?type=2");
	products.append("Terminal Equipment", "/products/list.asp?type=3");
	products.append("Telephone Sets", "/products/list.asp?type=4");
	products.append("Miscellaneous Equipment", "/products/list.asp?type=5");
	products.finalize();
	
	services = new subMenu(3);
	services.append("Consulting", "/services/list.asp?type=1");
	services.append("Projecting", "/services/list.asp?type=2");
	services.append("Engineering", "/services/list.asp?type=3");
	services.append("Erection and Project Management", "/services/list.asp?type=4");
	services.append("Commissioning", "/services/list.asp?type=5");
	services.append("Service & Support", "/services/list.asp?type=8");
	services.finalize();
	
	aboutus = new subMenu(5);
	aboutus.append("Contact", "/about/");
	aboutus.append("Feedback", "/about/feedback.asp");
	aboutus.finalize();
}

function subMenu(id)
{
	this.id = id;
	this.links = new Array();
	this.titles = new Array();
	this.numTitles = 0;
	
	this.append = subMenuAppend;
	this.getLinks = subMenuGetLinks;
	this.finalize = subMenuFinalize;
}

function subMenuAppend(title, link)
{
	this.titles[this.numTitles] = title;
	this.links[this.numTitles] = link;
	this.numTitles++;
}

function subMenuGetLinks()
{
	var szRet = '';
	for (var i = 0; i < this.numTitles; i++)
		szRet += '<a href="' + this.links[i] + '" class=submenu-link>' + this.titles[i] + '</a><br>';
	return szRet;
}

function subMenuFinalize()
{
	with (document)
	{
		write('<div id=menu' + this.id + 
			' class=menu><table border=0 cellpadding=0 cellspacing=0><tr valign=top>');
		write('	<td><img src="/images/menu/menu-line.gif" width=20 height=17></td>');
		write('	<td><table border=0 cellpadding=0 cellspacing=0>');
		write('		<tr>');
		write('			<td><img src="/images/menu/sub-lefttop.gif" width=9 height=9></td>');
		write('			<td class=submenu-top><img src="/images/blank.gif" width=1 height=9></td>');
		write('			<td><img src="/images/menu/sub-righttop.gif" width=19 height=9></td>');
		write('		</tr>');
		write('		<tr>');
		write('			<td class=submenu-left><img src="/images/blank.gif" width=9 height=1></td>');
		write('			<td class=submenu>' + this.getLinks() + '</td>');
		write('			<td class=submenu-right><img src="/images/blank.gif" width=19 height=1></td>');
		write('		</tr>');
		write('		<tr>');
		write('			<td><img src="/images/menu/sub-leftbottom.gif" width=9 height=9></td>');
		write('			<td class=submenu-bottom><img src="/images/blank.gif" width=1 height=9></td>');
		write('			<td><img src="/images/menu/sub-rightbottom.gif" width=19 height=9></td>');
		write('		</tr>');
		write('	</table></td>');
		write('</tr></table></div>');
	}
}

function displayMenu(id)
{
	if (curMenu)
		curMenu.vis(false);
	curMenu = new dynLayer("menu" + id);
	if (curMenu.isNull)
	{
		curMenu = null;
		return;
	}
	curMenu.pos(180, 80 + ((id - 1) * 32));
	curMenu.vis(true);
	curMenu.event.onmouseover = setMenuActive;
	curMenu.event.onmouseout = setMenuInActive;
	menuActive = true;
}

function setMenuActive()
{
	menuActive = true;
}

function setMenuInActive()
{
	menuActive = false;
	setTimeout("hideCurMenu();", menuHidingTimeout);
}

function hideCurMenu()
{
	if (menuActive || !curMenu) return;
	curMenu.vis(false);
	curMenu = null;
}