/*#####################################################################
	Overlay
#####################################################################*/

function Overlay()
{
	//-----------------------------------------------------------------
	
	var bodyCt;
	var overlay;
	var overlayIframe;
	var overlayMessageBox;
	var zIndex = 5000;
	
	//-----------------------------------------------------------------
	
	this.createOverlay = function()
	{
		bodyCt = document.getElements("BODY")[0];
		overlay = new Element('div');
		overlayIframe = new Element('iframe');
		overlayMessageBox = null;
		
		overlay.id = "overlay";
		overlay.setOpacity(0.7);
		overlayIframe.id	= 'overlayIframe';
		overlayIframe.setOpacity(0.001);
		
		bodyCt.appendChild(overlay);
		bodyCt.appendChild(overlayIframe);
	}
	
	//-----------------------------------------------------------------
	
	this.show = function(content)
	{
		if(!overlay) { this.createOverlay(); }
		var w = window.getSize().x;
		var h =  window.getSize().y;
		overlay.style.width = w + "px";
		overlay.style.height = h + "px";
		
		overlayIframe.style.width = w + "px";
		overlayIframe.style.height = h + "px";
		
		overlayIframe.style.zIndex = zIndex;
		overlay.style.zIndex = zIndex+1;
		
		if(content)
		{
			overlayMessageBox = content;
			content.oldStyle = content.style.textCss;
			content.style.zIndex = zIndex+2;
			content.style.display = "block";
			content.style.left = (w/2) - (content.offsetWidth/2) + "px";
			content.style.top = (h/2) - (content.offsetHeight/2) + "px";
		}
		
		overlayIframe.style.display = "block";
		overlay.style.display = "block";
	}
	
	//-----------------------------------------------------------------
	
	this.hide = function()
	{
		overlayMessageBox.style.textCss = overlayMessageBox.oldStyle;
		overlayMessageBox.style.display = "none";
		overlay.style.display = "none";
		overlayIframe.style.display = "none";
	}
}

var overlay = new Overlay();