var overlayOn = false;

function getPage(id,url)
	{
	self.xmlHttpReq.open('GET', url+'?abcd='+randRange(1,9999), true);
	self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	self.xmlHttpReq.onreadystatechange = function()
		{
		if (self.xmlHttpReq.readyState == 4)
			{
			//alert(self.xmlHttpReq.responseText);
			document.getElementById(id).innerHTML = self.xmlHttpReq.responseText;
			}
		};
	setTimeout("self.xmlHttpReq.send();", 0);
	}

window.onresize=function()
	{
	if (overlayOn == true)
		{
		//alert(getPageSize());
		setPageOverlaySize();
		centerDiv('boxDiv');
		}
	}
window.onscroll=function()
	{
	if (overlayOn == true)
		{
		//alert(getPageScrollTop());
		setPageOverlaySize();
		centerDiv('boxDiv');
		}
	}

function setPageOverlaySize()
	{
	curWinSize = getPageSize();
	curWinPos = getPageScrollTop();
	document.getElementById('pageOverlay').style.width = parseInt(curWinSize[0])+'px';
	document.getElementById('pageOverlay').style.height = parseInt(curWinSize[1])+'px';
	document.getElementById('pageOverlay').style.left = parseInt(curWinPos[0])+'px';
	document.getElementById('pageOverlay').style.top = parseInt(curWinPos[1])+'px';
	}

function hideOverlay()
	{
	opacity('pageOverlay',60,0,200);
	setTimeout("document.getElementById('pageOverlay').style.display = 'none';", 201);
	}

function centerDiv(id)
	{
	curWinSize = getPageSize();
	curWinPos = getPageScrollTop();
	t = ((parseInt(curWinSize[1]) / 2) - (parseInt(document.getElementById(id).style.height) / 2)) + curWinPos[1];
	l = ((parseInt(curWinSize[0]) / 2) - (parseInt(document.getElementById(id).style.width) / 2)) + curWinPos[0];
	if (t < 0)
		t = 0;
	if (l < 0)
		l = 0;
	document.getElementById(id).style.top = t + 'px';
	document.getElementById(id).style.left = l + 'px';
	}



/*
Here is the actual scripting to show the thing
*/
function showBox(w,h,url)
	{
	if (overlayOn == false)
		{
		overlayOn = true;
		
		//set the sizes
		document.getElementById('boxDiv').style.width = w+'px';
		document.getElementById('boxDiv').style.height = h+'px';
		document.getElementById('boxContent').style.width = (w-40)+'px';
		document.getElementById('boxContent').style.height = (h-40)+'px';
		//document.getElementById('boxContent').style.overflow = oFlow;
		
		opacity('boxContent',99,100,1); //fix to show content
		
		centerDiv('boxDiv'); //center the box on the page
		
		setPageOverlaySize(); //resize the thing before we show it
		
		document.getElementById('pageOverlay').style.display = '';
		document.getElementById('boxDiv').style.display = '';
		
		opacity('pageOverlay',0,60,200);
		setTimeout("opacity('boxDiv',0,100,500);",400);
		
		getPage('boxContent',url);
		}
	}

function hideBox()
	{
	hideOverlay();
	opacity('boxDiv',100,0,200);
	setTimeout("document.getElementById('boxDiv').style.display = 'none';overlayOn=false;",201);
	setTimeout("document.getElementById('boxContent').innerHTML='';",201);
	}