var div_overlay = null;

function hideOverlay(ref_element) {
	div_overlay.style.display = 'none';
	document.getElementById(ref_element).style.display = 'none';
}

function showOverlay(ref_element) {
	if (div_overlay == null) {
		var xScroll, yScroll;

		if (window.innerHeight && window.scrollMaxY) {
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}

		div_overlay = document.createElement("DIV");
		div_overlay.style.position = 'absolute';
		div_overlay.style.backgroundColor = 'black';
		div_overlay.style.zIndex = 10;

		div_overlay.style.opacity = '.8';
		div_overlay.style.filter = 'alpha(opacity = 80)';

		div_overlay.style.top = '0px';
		div_overlay.style.left = '0px';

		div_overlay.onclick = function () {hideOverlay(ref_element);}

		if (document.all) {
			xScroll += 20;
			yScroll += 30;
		}
		else {
			xScroll -= 18;
			//yScroll -= 30;
		}

		//yScroll += 50;

		div_overlay.style.width =  xScroll + 'px';
		div_overlay.style.height = yScroll + 'px';

		document.body.appendChild(div_overlay);
	}
	else {
		div_overlay.style.display = 'block';
	}
}

/*
<body onload="showOverlay('banner')">
	<div id="banner" style="position: absolute; background-color: red; z-index: 100; height: 100px; width: 100px"></div>
</body>
*/

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
