// Timous Design JavaScript Message System
// Copyright 2008, All Rights Reserved
// May be altered but with credit given to Timous Design
// http://www.timous.com

function createMessageEle()
{
	document.body.style.width = "100%";
	document.body.style.height = "100%";
	document.body.style.padding = "0";//remove default padding from browser
	document.body.style.margin = "0";
	document.body.style.border = "0";
	xCen = document.documentElement.clientWidth/2; //centerX
	yCen = document.documentElement.clientHeight/2; //centerY
	var mesBack = document.createElement("div");//create background overlay to focus message
	mesBack.style.width = "100%";
	mesBack.style.height = "100%";
	mesBack.style.position = "absolute";
	mesBack.style.left = "0px";
	mesBack.style.top = "0px";
	mesBack.style.backgroundColor = "#000000";
	mesBack.style.opacity = .9;
	mesBack.style.mozOpacity = .9;
	mesBack.style.filter = "alpha(opacity=90)";
	mesBack.setAttribute("ID","mes_Back");//set ID so it can easily be referenced
	document.body.appendChild(mesBack);
	var mesContain = document.createElement("div");//create a new div to contain message elements
	mesContain.style.width = "310px";
	mesContain.style.height = "150px";
	mesContain.style.border = "#CCCCCC 1px solid";
	mesContain.style.margin = "10px";
	mesContain.style.position = "absolute";
	mesContain.style.left = (xCen-165)+"px";//center message on screen
	mesContain.style.top = (yCen-85)+"px";
	mesContain.style.backgroundColor = "#EEEEEE";
	mesContain.style.color = "#666666";
	mesContain.style.fontFamily = "Verdana, Arial, Helvetica, sans-serif";//add a nice font
	mesContain.style.fontSize = "12px";//standardize font size accross browsers.
	mesContain.setAttribute("ID","mes_Container");//set ID so it can easily be referenced
	document.body.appendChild(mesContain);//append div to body
	var mesTitle = document.createElement("div");
	mesTitle.style.width = "305px";
	mesTitle.style.height = "30px";
	mesTitle.style.paddingLeft = "5px";
	mesTitle.style.lineHeight = "30px";
	mesTitle.style.backgroundColor = "#333333";
	mesTitle.style.color = "#FFFFFF";
	mesTitle.setAttribute("ID","mes_Title");
	mesContain.appendChild(mesTitle);
	var mesBody = document.createElement("div");
	mesBody.style.width = "290px";
	mesBody.style.height = "70px";
	mesBody.style.padding = "10px";
	mesBody.style.lineHeight = "20px";
	mesBody.setAttribute("ID","mes_Body");
	mesContain.appendChild(mesBody);
	var mesButtons = document.createElement("div");
	mesButtons.style.width = "300px";
	mesButtons.style.height = "30px";
	mesButtons.style.padding = "5px";
	mesButtons.style.lineHeight = "20px";
	mesButtons.style.textAlign = "right";
	mesButtons.setAttribute("ID","mes_Buttons");
	mesContain.appendChild(mesButtons);
	
	document.getElementById("mes_Container").style.display = "none";//hide message box
	document.getElementById("mes_Back").style.display = "none";

}
function continueMes()
{
	document.getElementById("mes_Container").style.display = "none";//hide message box
	document.getElementById("mes_Back").style.display = "none";
	var element = document.getElementById("mes_Buttons");
	while (element.firstChild) {
	  element.removeChild(element.firstChild);
	}
}
//writeMessage(int:[0:Alert,1:Confirm, or 2:Custom],String:titleText,String:messageText,String:buttonText,function name:butFunction)
function writeMessage(messageType,titleText,messageText,buttonText,butFunction)
{
	document.getElementById("mes_Title").innerHTML = (titleText!='')? titleText:"This page has generated a message"; 
	document.getElementById("mes_Body").innerHTML = (messageText!='')? messageText:"This page has generated a message"; 
	if(messageType>1)
	{
		var conButton = document.createElement("input");
		conButton.type = "button";
		conButton.value = (buttonText!=null)? buttonText : "Continue"; 
		document.getElementById("mes_Buttons").appendChild(conButton);
		conButton.onclick = function(){continueMes();eval(butFunction);return true;}; 
	}
	else if(messageType==0)
	{
		var conButton = document.createElement("input");
		conButton.type = "button";
		conButton.value = (buttonText!=null)? buttonText : "Continue"; 
		document.getElementById("mes_Buttons").appendChild(conButton);
		conButton.onclick = function(){continueMes();return true;}; 
	}
	else if(messageType==1)
	{
		var conButton = document.createElement("input");
		conButton.type = "button";
		conButton.value = (buttonText!=null)? buttonText : "Continue"; 
		document.getElementById("mes_Buttons").appendChild(conButton);
		conButton.onclick = function(){continueMes();eval(butFunction);return true;}; 
		
		var canButton = document.createElement("input");
		canButton.type = "button";
		canButton.value = "Cancel"; 
		document.getElementById("mes_Buttons").appendChild(canButton);
		canButton.onclick = function(){continueMes();return false;};
	}
	document.getElementById("mes_Container").style.display = "block";//display message box
	document.getElementById("mes_Back").style.display = "block";
}


function init()
{
	createMessageEle();
}
if (document.addEventListener) 
{
	document.addEventListener("DOMContentLoaded", init, false);//FireFox
}
else
{
	window.onload = init;//IE
}
window.alert = function(mes) {
		writeMessage(0,'Alert',mes);
}