// set global browser identification variables
browser = navigator.appName;
browserNum = parseInt(navigator.appVersion);
N4 = false;
N6 = false;
IE = false;

if ((browser == "Netscape") && (browserNum < 5))
	{
	// Netscape 4.x
	layerRef = "document.layers['";
	endLayerRef = "']";
	styleRef = "";
	N4 = true;
	}
else if ((browser == "Netscape") && (browserNum >= 5))
	{
	// Netscape 6
	layerRef = "document.getElementById('";
	styleRef = ".style";
	endLayerRef = "')";
	N6 = true;
	}
else
	{
	// Internet Explorer
	layerRef = "document.all['";
	endLayerRef = "']";
	styleRef = ".style";
	IE = true;
	}

// create way to remember which layer is visible
oldLayer = "none";

// set animation variables
initialTop = 120;
newTop = initialTop;

// start of various functions
function sizeWin(w, h){
	this.resizeTo(w, h);
	var l = 0;
	var t = 0;
	this.moveTo(l ,t);
}

function hideItem(layerName){
	eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'hidden'");
}
function showMenu(layerName){
	// show the layer the user wants to see
	eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'visible'");
	// move other window
	if (oldLayer != "none")
		{	
		// alter z-indices of layers to place
		// the new menu above older menu
		eval(layerRef + layerName + endLayerRef + styleRef + ".zIndex = 11");
		eval(layerRef + oldLayer + endLayerRef + styleRef + ".zIndex = 10");
		eval(layerRef + oldLayer + endLayerRef + styleRef + ".visibility = 'hidden'");
		}
	// update which windw is currently visible
	if (oldLayer == layerName)
		{
		oldLayer = "none";
		}
	else
		{
		oldLayer = layerName;
		}
}

function closeLayerOnTime(layerName, t){
	setTimeout("hideItem(layerName);", t);
}