var divCountArray = new Array();
var id = 0;

function hideLayer(id)
{
	document.getElementById(id).style.display = "none";
}

// returns the scroll left and top for the browser viewport.
function getScroll() 
{
	var scrollpos = new Array();
	if (document.body.scrollTop != "undefined") // IE model 
	{
		var ieBox = document.compatMode != "CSS1Compat";
		var cont = ieBox ? document.body : document.documentElement;
		scrollpos[0] = cont.scrollLeft;
		scrollpos[1] = cont.scrollTop;
		return scrollpos;
	}
	else 
	{
		scrollpos[0] = window.pageXOffset;
		scrollpos[1] = window.pageYOffset;
		return scrollpos;
	}
} 

function optimizeWindowPos(mXPos, mYPos)
{
	if ((id+1) % 3 == 1)
	{
		mXPos = mXPos - 130;
		mYPos = mYPos - 75;
	}
	else if ((id+1) % 3 == 0)
	{
		mXPos = mXPos - 270;
		mYPos = mYPos - 75;
	}
	else
	{
		mXPos = mXPos - 150;
		mYPos = mYPos - 75;
	}
	var positions = new Array();
	positions[0] = mXPos;
	positions[1] = mYPos;
	return positions;
}

function displayWindow(mXPos, mYPos)
{
	var scroll = getScroll();
	for (i=0; i < this.divCountArray.length; i++)
	{
		if (this.divCountArray[i] != id)
		{
			document.getElementById(this.divCountArray[i]).style.display = "none";
		}
		else
		{
			var el = document.getElementById(id);
			el.style.left = mXPos + "px";
			el.style.top = (mYPos + scroll[1]) + "px";
			el.style.display = "block";
		}
	}
}

function showLayer(id)
{
	browser = navigator.userAgent;
	if (browser.indexOf("MSIE") == -1)
	{
		this.id = id;
		document.onclick = showLayerNetscape;
	}
	else
	{
		this.id = id;
		pX = window.event.clientX;
		pY = window.event.clientY;
		positions = optimizeWindowPos(pX, pY);
		displayWindow(positions[0], positions[1]);
	}
}

// for netscape only
function showLayerNetscape(event)
{
	pX = event.pageX;
	pY = event.pageY;
	positions = optimizeWindowPos(pX, pY);
	displayWindow(positions[0], positions[1]);
	return document.onclick = false;
}
// end