var imagePath = './includefiles/jsoverlay/';
	var overlayBackgroundColor = '#E0E0E0';
	
	function showOverlay(content) {
		var pageHeight = getWidthOrHeight('height');
		var pageWidth = getWidthOrHeight('width');				
		var overlay; var overlayContainer; var overlayHeader; var overlayContent;
		var left; var top;
		
		//OVERLAY PARENT
		if (objectExists('divOverlay')) {
			overlay = document.getElementById('divOverlay');
		} else {
			overlay = document.createElement("DIV");
			overlay.id = 'divOverlay';
			overlay.style.display = '';
			document.body.appendChild(overlay);	
		}				
		overlay.style.display = '';				
		overlay.style.position = 'absolute';
		overlay.style.zIndex = 100;
		overlay.style.top = getScroll('top');
		overlay.style.left = getScroll('left');				
		overlay.style.width = '100%';
		overlay.style.height = '100%';
		overlay.style.background = 'transparent';				
		overlay.style.border = '1px solid black';
		overlay.innerHTML = ' ';
		
		
		//OVERLAY CONTAINER
		if (objectExists('divOverlayContainer')) {
			overlayContainer = document.getElementById('divOverlayContainer');
		} else {
			overlayContainer = document.createElement('DIV');
			overlayContainer.id = 'divOverlayContainer';
			overlayContainer.style.display = '';
			overlay.appendChild(overlayContainer);
			overlayContainer.innerHTML = '';	
			overlayContainer.style.border = '1px solid black';
			overlayContainer.style.background = overlayBackgroundColor;
			overlayContainer.style.zIndex = 100;
		}				
						
		//OVERLAY HEADER
		if (objectExists('divOverlayHeader')) {
			overlayHeader = document.getElementById('divOverlayHeader');
		} else {
			overlayHeader = document.createElement('DIV');
			overlayHeader.id = 'divOverlayHeader';
			overlayHeader.style.display = '';
			overlayHeader.style.textAlign = 'right';
			overlayHeader.style.borderBottom = '0px solid blue';
			overlayHeader.style.zIndex = 100;
			overlayContainer.appendChild(overlayHeader);					
			overlayHeader.innerHTML = '<span onclick="hideOverlay();" style="font-size: 14px;  cursor: pointer; border: 0px solid black;"><img src="' + imagePath + 'close.gif" /></span>';		
		}					
		
		
		//OVERLAY CONTENT
		if (objectExists('divOverlayContent')) {
			overlayContent = document.getElementById('divOverlayContent');
		} else {
			overlayContent = document.createElement('DIV');
			overlayContent.id = 'divOverlayContent';
			overlayContent.style.display = '';
			overlayContent.style.zIndex = 100;
			overlayContainer.appendChild(overlayContent);
		}						
		overlayContent.innerHTML = content;
		
		
		//CENTER THE OVERLAY CONTAINER
		overlayContainer.style.position = 'absolute';
		left = (pageWidth - overlayContainer.offsetWidth)/2;
		top = (pageHeight - overlayContainer.offsetHeight)/2;
		if (top < 0) { top = 0; }
		overlayContainer.style.top = top + 'px';
		overlayContainer.style.left = left + 'px';				
		overlayContainer.style.position = 'absolute';	
		overlayContainer.style.zIndex = 100;					
									
	}	
	
	function hideOverlay() {
		document.getElementById('divOverlay').style.display = 'none';
		document.getElementById('divOverlayContent').innerHTML = '';
	}