//browser detection
var currentLayer;
var browser;
var mouseOvered;
if(document.all)
{
	//older versions of internet explorer
	browser = "IE";
}
if(document.layers)
{
	//older versions of netscape navigator
	browser = "NN";
}
if((!document.all) && (document.getElementById))
{
	//document object model browser
	browser = "DOM";
}

//create array of all layers that need to be shown or hidden
layersToShowHide = new Array("layer1"); 

function showLayer(layerId)
{
	objStyle = getObjStyle(layerId);
	objStyle.visibility = "visible";
}

function hideAll()
{
	//loop through all the layers that need to be hidden
	for (i=0;i<layersToShowHide.length;i++)
	{
		hideLayer(layersToShowHide[i]);
	}
}

function hideLayer(layerId)
{
	objStyle = getObjStyle(layerId);
	objStyle.visibility = "hidden";
}

function getObjStyle(layerId)
{
	var objStyle;
	switch(browser)
	{
		case "IE":
			objStyle = eval("document.all." + layerId + ".style");
			break;
		case "NN":
			objStyle = eval("document.layers." + layerId);
			break;
		case "DOM":
			objStyle = eval("document.getElementById(\"" + layerId + "\").style");
			break;
	}
	return objStyle;
}

function getObj(Id)
{
	var obj;
	switch(browser)
	{
		case "IE":
			obj = eval("document.all." + Id);
			break;
		case "DOM":
			obj = eval("document.getElementById(\"" + Id + "\")");
			break;
	}
	return obj;
}

function checkIfOnSubLayer(layerId)
{
	mouseOvered = layerId
	//set a time interval of two seconds so we can see where they are
	setTimeout("getMousePosition()", 2000);
}
function getMousePosition()
{
	if(currentLayer != mouseOvered)
	{
		hideLayer(mouseOvered);
	}
}

function changeTrigger(tdId, classname)
{
	obj = getObj(tdId);
	//alert(obj);
	obj.className = classname;
	
}