window.onresize = layerResize;
window.onresize = pageLayerPosition;
window.onload = pageLayerPosition;
window.onscroll = pageLayerPosition;

function pageLayerPosition(){
	layerPosition('waitLayer');
}

//*************************************************************************************
function showLayers()
{
	layerResize();
	document.getElementById('pageLayer').style.display = "block";
	document.getElementById('waitLayer').style.display = "block";
	layerPosition('waitLayer');
}

function closeLayers(){
	document.getElementById('pageLayer').style.display = "none";
	document.getElementById('waitLayer').style.display = "none";
}


function layerResize(){
	height = document.body.scrollHeight + 'px';
	width = document.body.scrollWidth + 'px';
	document.getElementById('pageLayer').style.height = height;
	document.getElementById('pageLayer').style.width = width;
}

function layerPosition(layerId){
	scrollTop=0;
	windowHeight=0;
	
	if(self.pageYOffset)
		scrollTop = self.pageYOffset;
	else if(document.documentElement.scrollTop)
		scrollTop = document.documentElement.scrollTop;
	else if(document.body.scrollTop)
		scrollTop = document.body.scrollTop;
		
	if(self.innerHeight)
		windowHeight = 	self.innerHeight;
	else if(document.documentElement.clientHeight)
		windowHeight = 	document.documentElement.clientHeight;
	else if(document.body.clientHeight)
		windowHeight = 	document.body.clientHeight;
	topLayer = scrollTop + ((windowHeight / 2) - (document.getElementById(layerId).offsetHeight / 2));
	leftLayer = (document.body.scrollWidth / 2) - (document.getElementById(layerId).offsetWidth / 2);
	document.getElementById(layerId).style.top = topLayer + 'px';
	document.getElementById(layerId).style.left = leftLayer + 'px';
}
//**************************************************************************************