// config
var menuWidth = 106;
var borderColour = '#D1A848'
var rowDefaultColour = '#D1A848'
var rowHoverColour = '#000000'
var linkDefaultColour = '#000000'
var linkHoverColour = '#FFFFFF'

// the business 
var dom = (document.getElementById)? true:false;
var ns4 = (document.layers)? true:false;
var ie4 = (document.all && !dom)? true:false;
var menuHTML = "";
var hideTimer = null;
var menuArray = new Array();
var menuActive = new Array();
var offsetX = new Array();
var offsetY = new Array();

if (ns4)
{
	var visible = "show";
	var hidden = "hide";
}
else
{
	var visible = "visible";
	var hidden = "hidden";
}

function getStyleObj(m)
{
	var menu = m.toLowerCase();
	if (dom) menu = document.getElementById(menu).style;
	else if (ie4) menu = document.all(menu).style;
	else if (ns4) menu = document.layers[menu];
	return menu;
}

function killHideTimer()
{
	clearTimeout(hideTimer);
	hideTimer = null;
}

function showMenu(m)
{
	killHideTimer();
	if (window.showHide) showHide(1);
	var menu = getStyleObj(m);
	var menuNum;
	for (var i=0;i<menuArray.length;i++)
	{
		if (menuArray[i].toLowerCase() == m.toLowerCase())
		{
			menuNum = i;
			break;
		}
	}
	for (var i=0;i<menuActive.length;i++)
	{
		if (menuActive[i] && menuNum != i)
		{
			getStyleObj(menuArray[i]).visibility = hidden;
			menuActive[i] = 0;
		}
	}
	// hack for netscape 6 flickering
	if (dom && !document.all)
	{
		if (parseInt(menu.left)==0 || parseInt(menu.top)==0) {
			menu.left = getPos('x',document.images["img_" + m]) + offsetX[menuNum];
			menu.top = getPos('y',document.images["img_" + m]) + offsetY[menuNum];
			setTimeout("showMenu('"+ m +"')",50);
		}
		else {
			switchFormControls(1);
			menu.left = getPos('x',document.images["img_" + m]) + offsetX[menuNum];
			menu.top = getPos('y',document.images["img_" + m]) + offsetY[menuNum];
			menu.visibility = visible;
			menuActive[menuNum] = 1;
		}
	}
	else {
		switchFormControls(1);
		menu.left = getPos('x',document.images["img_" + m]) + offsetX[menuNum];
		menu.top = getPos('y',document.images["img_" + m]) + offsetY[menuNum];
		menu.visibility = visible;
		menuActive[menuNum] = 1;
	
	}
}
		
function hideMenu(m)
{
	if (!hideTimer) hideTimer = setTimeout("hideMenu('" + m + "')",250);
	else
	{
		hideTimer = null;
		if (window.showHide) showHide(0);
		var menu = getStyleObj(m);
		menu.visibility = hidden;
		menu.left = 0;
		menu.top = 0;
		switchFormControls(0);
	}
}

function switchFormControls(f)
{
	if (!ns4)
	{
		var selects = document.getElementsByTagName("SELECT");
		for (var i=0; i<selects.length; i++)
		{
			if (f) selects[i].style.visibility = hidden;
			else selects[i].style.visibility = visible;
		}
	}
}

function getPos(w,o)
{
	return 0;
	var x = 0;
	var y = 0;
	var p = o;
	if (dom || ie4)
	{
		var p = o;
		while (p && p.tagName != "BODY" && p.tagName != "HTML")
		{
			x += p.offsetLeft;
			y += p.offsetTop;
			p = p.offsetParent;
		} 
	} 
	else if (ns4)
	{
		x = o.x;
		y = o.y;
	}
	if (w == "x") return x;
	else if (w == "y") return y;
}

var tableHead = '<table cellpadding="0" cellspacing="0" border="0" width="' + menuWidth + '"><tr><td bgcolor="' + borderColour + '"><img src="/images/spacer.gif" width="8" height="1"></td><td bgcolor="' + borderColour + '"><table cellpadding="1" cellspacing="1" border="0" width="100%">';
var tableFoot = '</table></td><td bgcolor="' + borderColour + '"><img src="/images/spacer.gif" width="8" height="1"></td></tr><tr><td><img src="/images/menu_corner.gif" width="8" height="7"></td><td colspan="2" bgcolor="' + borderColour + '"><img src="/images/spacer.gif" width="1" height="7"></td></tr></table>';

function writeLyr(n,x,y)
{
	if (dom || ie4) return '<div id="' + n + '" style="position:absolute;left:' + x + 'px;top:' + y + 'px;visibility:hidden;z-index:100;" onmouseover="killHideTimer()" onmouseout="hideMenu(\'' + n + '\')">';
	else if (ns4) return '<layer name="' + n + '" position="absolute" left="' + x + '" top="' + y + '" visibility="hide" z-index=100 onmouseover="killHideTimer()" onmouseout="hideMenu(\'' + n + '\')">';
}

function writeLyrEnd()
{
	if (dom || ie4) return '</div>';
	else if (ns4) return '</layer>';
}

function writeTR(l,t)
{
	return '<tr bgcolor="' + rowDefaultColour + '" onmouseover="this.style.cursor=\'hand\';" onclick="document.location.href=\'' + l + '\';"><td><img src="/images/spacer.gif" width="1" height="5"><br><a href="' + l + '" class="dhtmlMenuLink">' + t + '</a></td></tr>';
}

// write product menu
menuArray[0] = "products";
menuActive[0] = 0;
offsetX[0] = 188;
offsetY[0] = 85;
var lyr = writeLyr(menuArray[0],0,0);
var row1 = writeTR('/products/default.asp','Complete Product Range');
var row2 = writeTR('/products/default.asp?newProducts=1','New Products');
menuHTML += lyr + tableHead + row1 + row2 + tableFoot + writeLyrEnd();


// done...
document.write(menuHTML);
var pageLoaded = 1;