element_id = "myMessageBox";

function messageBox()
{	
	hideSelectBoxes();
	hideFlash(); 
		
	var objOverlay = $('blockDiv');
	if (!objOverlay) create_messageboxes();
	else
	{
		var myArrayPageSize = getPageSize();
		Element.setWidth('blockDiv', myArrayPageSize[0]);
		Element.setHeight('blockDiv', myArrayPageSize[1]);
		
		// calculate top and left offset for the messagebox 
		var myArrayPageScroll = getPageScroll();
		var messageBoxTop = myArrayPageScroll[1];
		var messageBoxLeft = myArrayPageScroll[0];

		Element.setTop(element_id, messageBoxTop);
		Element.setLeft(element_id, messageBoxLeft);
	}
	
	new Effect.Appear('blockDiv', { duration: 0.2, from: 0.0, to: 0.8 });
}

function create_messageboxes()
{
	var objBody = document.getElementsByTagName("body").item(0);

	var myArrayPageSize = getPageSize();
	// div-ul de blocare	
	var objOverlay = document.createElement("div");
	objOverlay.setAttribute('id','blockDiv');
	objOverlay.style.display = 'none';
	objOverlay.onclick = function() { this.style.display = 'none'; clearElement(); showSelectBoxes(); showFlash();}
	objBody.appendChild(objOverlay);
	// div-ul ce va contine message box-ul
	var objMessageBox = document.createElement("div");
	objMessageBox.setAttribute('id', element_id);
	objMessageBox.style.display = 'none';
	objBody.appendChild(objMessageBox);
	
	Element.setWidth('blockDiv', myArrayPageSize[0]);
	Element.setHeight('blockDiv', myArrayPageSize[1]);
		
	// calculate top and left offset for the messagebox 
	var myArrayPageScroll = getPageScroll();
	var messageBoxTop = myArrayPageScroll[1];
	var messageBoxLeft = myArrayPageScroll[0];

	Element.setTop(element_id, messageBoxTop);
	Element.setLeft(element_id, messageBoxLeft);
}

function clearElement()
{
	try { $(element_id).innerHTML = "";	} catch(err){}
}