// JavaScript Document
function switchMenu(menuName)
{
	var n = document.getElementById(menuName);
	if (n.style.visibility == 'visible')
		trashMenu(menuName);
	else
		drawMenu(menuName);
}
function inArray(arr, str)
{
	for(i = 0; i < arr.length; i++)
		if (arr[i] == str)
			return true;
	return false;
}

function drawMenu(menuName)
{
	var sideMenus = new Array("ciscoNew","ciscoNewTwo","ciscoUsed","ciscoUsedTwo","ciscoMem","extreme","adtran", "alcatel", "kentrox","timeplexNew","timeplexUsed","telco");
	var n = document.getElementById(menuName);
	n.style.visibility = 'visible';
	if (inArray(sideMenus,menuName))
	{
		if (menuName != "ciscoNew" && menuName != "ciscoNewTwo" && menuName != "ciscoUsed" && menuName != "ciscoUsedTwo" && menuName != "ciscoMem")
			trashMenu("cisco");
		if (menuName != "timeplexNew" && menuName != "timeplexUsed")
			trashMenu("timeplex");
		for(i = 0; i < sideMenus.length; i++)
		{
			if (sideMenus[i] != menuName)
				trashMenu(sideMenus[i]);
		}
		n.style.position = 'absolute';
		n.style.left = '150px';
		n.style.width= '106px';
		switch (menuName)
		{
			case "ciscoNew" :
				trashMenu("ciscoNewTwo");
				n.style.top = '0px';
				n.style.left = '150px';
				break;
			case "ciscoNewTwo" :
				trashMenu("ciscoNew");
				n.style.top = '0px';
				n.style.left = '150px';
				break;
			case "ciscoUsed" :
				trashMenu("ciscoUsedTwo");
				n.style.top = '0px';
				n.style.left = '150px';
				break;
			case "ciscoUsedTwo" :
				trashMenu("ciscoUsed");
				n.style.top = '0px';
				n.style.left = '150px';
				break;
			case "ciscoMem" :
				n.style.top = (document.getElementById('memoryAnchor').offsetTop - 18) + 'px';
				n.style.left = '150px';
				n.style.width = '150px';
				break;
			case "extreme" : 
				n.style.top = (document.getElementById('extremeAnchor').offsetTop - 18) + 'px';
				break;
			case "adtran" :
				n.style.top = (document.getElementById('adtranAnchor').offsetTop - 18) + 'px';
				break;
			case "alcatel" :
				n.style.top = (document.getElementById('alcatelAnchor').offsetTop - 18) + 'px';
				break;
			case "kentrox" :
				n.style.top = (document.getElementById('kentroxAnchor').offsetTop - 18) + 'px';
				break;
			case "timeplexNew" :
				n.style.top = '0px';
				n.style.left = '150px';
				n.style.width= '114px';
				break;
			case "timeplexUsed" :
				n.style.top = '0px';
				n.style.left = '150px';
				n.style.width= '114px';
				break;
			case "telco" :
				n.style.top = (document.getElementById('telcoAnchor').offsetTop - 18) + 'px';
				break;
			default :
				break;
		}
		
	}
	else
	{
		if (menuName == "cisco")
		{
			n.style.width='50px';
			n.style.position = 'absolute';
			n.style.left = '150px';
			n.style.top = (document.getElementById('ciscoAnchor').offsetTop - 18) + 'px';
			for (i = 0;i < sideMenus.length; i++)
				trashMenu(sideMenus[i]);
			trashMenu("timeplex");
		}
		if (menuName == "timeplex")
		{
			n.style.width='50px';
			n.style.position = 'absolute';
			n.style.left = '150px';
			n.style.top = (document.getElementById('timeplexAnchor').offsetTop - 18) + 'px';
			for (i = 0;i < sideMenus.length; i++)
				trashMenu(sideMenus[i]);
			trashMenu("cisco");
		}
		if (menuName == "main")
		{
			document.getElementById('products').src = "../images/layout/products-down.gif";
			n.style.position = 'static';
		}
	}
}
function trashMenu(menuName)
{
	switch (menuName)
	{
		case "main" :
			trashMenu("cisco");
			trashMenu("extreme");
			trashMenu("adtran");
			trashMenu("alcatel");
			trashMenu("kentrox");
			trashMenu("timeplex");
			trashMenu("telco");
			document.getElementById('products').src = "../images/layout/products.gif";
			break;
		case "cisco" :
			trashMenu("ciscoNew");
			trashMenu("ciscoNewTwo");
			trashMenu("ciscoUsed");
			trashMenu("ciscoUsedTwo");
			trashMenu("ciscoMem");
			break;
		case "timeplex" :
			trashMenu("timeplexNew");
			trashMenu("timeplexUsed");
			break;
		default :
			break;
	}
	var menu = document.getElementById(menuName);
	if (menu != null)
	{
		menu.style.visibility = 'hidden';
		menu.style.position = 'absolute';
	}
}


function mOver(name)
{
		var strTemp = document.images[name].src;
		if (strTemp.indexOf("-down.gif") == -1) document.getElementById(name).src = "../images/layout/" + name + "-hi.gif";
		//document.getElementById(name).src = '../images/layout/' + name + '-hi.gif';
}

function mOut(name)
{
		if (document.getElementById(name).src.indexOf("-down.gif") == -1) document.getElementById(name).src = "../images/layout/" + name + ".gif";
		//document.getElementById(name).src = "../images/layout/" + name + ".gif";
}

function mDown(name)
{
	document.getElementById(name).src = "../images/layout/" + name + "-down.gif";
}

function clearSearch() {
	if (document.getElementById("query").value == 'Search products') { 
		document.getElementById("query").value = '';
	}
}