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

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


/*#####################################################################
	Initialisierung
#####################################################################*/

var overlay = new Overlay();


/*#####################################################################
	Message
#####################################################################*/

function Message()
{
	var bodyCt;
	var box;
	var content;
	var title;
	var button;
	
	function createMessageBox()
	{
		bodyCt = document.getElements("BODY")[0];
		box = new Element('div');
		title = new Element('h2');
		content = new Element('p');
		box.id = "messageBox";
		button = new Element("a");
		button.className = "button106g btuttonFX";
		button.style.margin = "0px auto";
		button.style.display = "none";
		button.href = "#";
		button.onclick = function() { overlay.hide(); return false; }
		
		box.appendChild(title);
		box.appendChild(content);
		box.appendChild(button);
		bodyCt.appendChild(box);
	}
	
	this.show = function(tit,text,btText)
	{
		if(!box) { createMessageBox(); }
		if(btText) {
			button.innerHTML = btText;
			button.style.display = "block";
		} else {
			button.style.display = "none";
		}
		title.innerHTML = tit;
		content.innerHTML = text;
		overlay.show(box);
	}
}

var message = new Message();