window.onresize = reDrawMask; 
var divH;	
function reDrawMask()
{
	el = document.getElementById("popupMask");
	el1 = document.getElementById("popupContainer");
	if (el1.style.visibility != "visible") 
	{
		el.style.visibility = "hidden";
		el1.style.visibility = "hidden";
	}
	setPopUpLayer(el, el1);
}

function openExtVBC(which)
{
	var dExtEl = eval("document.getElementById('" + which + "').innerHTML");
	
	el = document.getElementById("popupMask");
	el1 = document.getElementById("popupContainer");
	el1.innerHTML = ""
	if (el1.style.visibility != "visible") 
	{
		el.style.visibility = "hidden";
		el1.style.visibility = "hidden";
	}
	//else
	//{
	//	el1.innerHTML = "";
	//}
	dExtEl = dExtEl + "<span style='width:100%;text-align:center;'><br><br>[<a href='Javascript:closeExtVBC()'>close</a>]</span>";
	el1.innerHTML = dExtEl; // + "<span style='width:100%;text-align:center;'><br><br>[<a href='Javascript:whatismyheight()'>mmmmm</a>]</span>";
	setPopUpLayer(el, el1);
	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
	el1.style.visibility = (el1.style.visibility == "visible") ? "hidden" : "visible";	
	el1.style.display = (el1.style.display == "block") ? "none" : "block";			
}

function whatismyheight()
{
	alert(document.getElementById("popupContainer").offsetHeight);	
}

function closeExtVBC()
{
	el = document.getElementById("popupMask");
	el1 = document.getElementById("popupContainer");
	if (el1.style.visibility == "visible") 
	{
		el1.innerHTML = "";
	}
	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
	el1.style.visibility = (el1.style.visibility == "visible") ? "hidden" : "visible";	
	el1.style.display = (el1.style.display == "block") ? "none" : "block";
}

function setPopUpLayer(objMask, objContainer)
{
	winW = document.body.offsetWidth-20;
	winH = document.body.offsetHeight-20;
	
  //NOT IE	
	//	winW = window.innerWidth-16;
	//	winH = window.innerHeight-16;

	ScrollLeft = document.body.scrollLeft;
	ScrollTop = document.body.scrollTop;

	ScrollHeight = document.body.scrollHeight;
	ScrollWidth = document.body.scrollWidth;
	
	objMask.style.width = ScrollWidth;
	objMask.style.height = ScrollHeight;
	
	popSW = 450;
	popSH = objContainer.clientHeight; //objContainer.offsetHeight;
//alert(objContainer.clientHeight);	
	popW = ((Math.round(winW/2)-Math.round(popSW/2)) + ScrollLeft);
	popH = ((Math.round(winH/2)-Math.round(popSH/2)) + ScrollTop);
	
	if (popH <= 0)
	{	
		 objContainer.style.top =  0;
	}
	else
	{
		objContainer.style.top = popH;
	}
	if (popW <= 0)
	{	
		 objContainer.style.left = 0; 
	}
	else
	{
		objContainer.style.left = popW; 
	}
	//objContainer.style.height = popSH;
	objContainer.style.width = popSW;		
}