var divLayerOpened;
function openLayer(divLayerCenter, w, h){
	pageScrollBeforeZoom = getPageScroll();

	var pageSize = getPageSize();
	var pageScroll = getPageScroll();

	divShadow = document.createElement('div');
		divShadow.className = 'boxFade';
		divShadow.style.height = pageSize.pageHeight+"px";
		divShadow.style.width = pageSize.pageWidth+"px";
		divShadow.style.zIndex = "10";
		divShadow.onclick=closeLayer;
	document.body.appendChild(divShadow);
/*
	divBoxZoom = document.createElement('div');
		divBoxZoom.className = 'boxZoom';
		divBoxZoom.style.width = w+"px";
		divBoxZoom.style.height = h+"px";
		var pLeft = (pageSize.pageWidth - w)/2;
		var pTop = ((pageSize.windowHeight - h)/2) + pageScroll.yScroll;
		divBoxZoom.style.left = pLeft+"px";
		divBoxZoom.style.top = pTop+"px";
		divBoxZoom.onclick=closeLayer;
	document.body.appendChild(divBoxZoom);
*/	
	var pLeft = (pageSize.pageWidth - w)/2;
	var pTop = ((pageSize.windowHeight - h)/2) + pageScroll.yScroll;
	//var pTop = 100;

	divLayerCenter.style.display = "block";
		divLayerCenter.style.left = pLeft+"px";
		divLayerCenter.style.top = pTop+"px";
		divLayerCenter.style.zIndex = "20";
	divLayerOpened = divLayerCenter;
}

function closeLayer(){
	divShadow.parentNode.removeChild(divShadow);
	//divBoxZoom.parentNode.removeChild(divBoxZoom);
	divLayerOpened.style.display = "none";
}

	function getPageSize() {
		var xScroll, yScroll;

		var windowWidth, windowHeight;
		if (self.innerHeight) {
			windowWidth = self.innerWidth;
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) {
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) {
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}
		
		pageWidth = getPageWidth();
		pageHeight = getPageHeight();

		objPageSize = {pageWidth:pageWidth,pageHeight:pageHeight,Height:windowWidth,windowHeight:windowHeight}
		return objPageSize;
	}

	function getPageScroll(){
		var yScroll;
		if (self.pageYOffset) yScroll = self.pageYOffset;
		else if (document.documentElement && document.documentElement.scrollTop) yScroll = document.documentElement.scrollTop;
		else if (document.body) yScroll = document.body.scrollTop;
		arrayPageScroll = {yScroll:yScroll};
		return arrayPageScroll;
	}
		//------------------------------------------------------------
	// Verifica a altura (pixels) da página 
	function getPageHeight() {
			
		if (document.body.clientHeight){
			pageHeight = document.body.scrollHeight;
		} else if (document.body.offsetHeight) {
			pageHeight = document.body.offsetHeight;
		} else if (document.body.scrollHeight) {
			pageHeight = document.body.scrollHeight;
		} else {
			pageHeight = 0;
		}
	
		return pageHeight;
	}
	
	//------------------------------------------------------------
	// Verifica a largura (pixels) da página 
	function getPageWidth() {
			
		if (document.body.clientWidth){
			pageWidth = document.body.clientWidth;
		} else if (document.body.offsetHeight) {
			pageWidth = document.body.offsetWidth;
		} else if (document.body.scrollHeight) {
			pageWidth = document.body.scrollWidth;
		} else {
			pageWidth = 0;
		}
	
		return pageWidth;
	}