function createCoverDiv()
{
	// Get the body element
	var body = document.getElementsByTagName("body")[0];
	
	// Create a body-covering DIV if we don't already have one
	var coverDiv = document.getElementById("ssCoverDiv");
	if (!coverDiv)
	{
		coverDiv = document.createElement("DIV");
		coverDiv.id = "ssCoverDiv"
		coverDiv.style.position = "absolute";
		coverDiv.style.left = "0px";
		coverDiv.style.top = "0px";
		
		if (window.navigator.appName == "Microsoft Internet Explorer")
		{
			coverDiv.style.width = (parseInt(body.clientWidth) + parseInt(body.currentStyle.marginLeft) + parseInt(body.currentStyle.marginRight)) + "px";
			coverDiv.style.height = (parseInt(body.clientHeight) + parseInt(body.currentStyle.marginTop) + parseInt(body.currentStyle.marginBottom)) + "px";
		}
		else
		{
			coverDiv.style.width = parseInt(body.offsetWidth) + "px";
			coverDiv.style.height = parseInt(body.offsetHeight) + "px";
		}
		
		coverDiv.style.background = "#000000";
		coverDiv.zIndex = 10001;
		body.appendChild(coverDiv);
	}
	
	return coverDiv;
}

function createDialog(id, message, title, type)
{
	// Get the body element
	var body = document.getElementsByTagName("body")[0];
	
	// Create a message-box DIV if we don't already have one
	var messageBox = document.getElementById(id);
	if (!messageBox)
	{
		var messageBox = document.createElement("DIV");
		messageBox.id = id;
		messageBox.style.position = "absolute";
		messageBox.style.left = "50%";
		messageBox.style.top = "20%";
		messageBox.style.width = "400px";
		messageBox.style.height = "150px";
		messageBox.style.marginLeft = "-200px"
		messageBox.style.opacity = 0.0;
		messageBox.zIndex = 10002;
		messageBox.style.visibility = "visible";
		body.appendChild(messageBox);
	}

	// Ensure it's ready to fade in
	messageBox.style.opacity = 0.0;
	messageBox.style.visibility = "visible";

	// Set up the contents of the message box
	if (type == 1)
	{
		messageBox.innerHTML = "<div class=\"ssMessageBox\"><div class=\"ssMessageBoxT\"><div class=\"ssMessageBoxL\"><div class=\"ssMessageBoxR\"><div class=\"ssMessageBoxB\"><div class=\"ssMessageBoxTL\"><div class=\"ssMessageBoxTR\"><div class=\"ssMessageBoxBL\"><div class=\"ssMessageBoxBR\"><div class=\"ssMessageBoxContent\"><div class=\"ssMessageBoxTitle\">" + title + "</div><div class=\"ssMessageBoxMessage\">" + message + "</div><div class=\"ssMessageBoxButtons\"><input type=\"button\" class=\"ssMessageBoxYes\" value=\"Yes\" id=\"ssMBYes\" /><input type=\"button\" class=\"ssMessageBoxNo\" value=\"No\" id=\"ssMBNo\" /></div></div></div></div></div></div></div></div></div></div></div>";
	}
	else
	{
		messageBox.innerHTML = "<div class=\"ssMessageBox\"><div class=\"ssMessageBoxT\"><div class=\"ssMessageBoxL\"><div class=\"ssMessageBoxR\"><div class=\"ssMessageBoxB\"><div class=\"ssMessageBoxTL\"><div class=\"ssMessageBoxTR\"><div class=\"ssMessageBoxBL\"><div class=\"ssMessageBoxBR\"><div class=\"ssMessageBoxContent\"><div class=\"ssMessageBoxTitle\">" + title + "</div><div class=\"ssMessageBoxMessage\">" + message + "</div><div class=\"ssMessageBoxButtons\"><input type=\"button\" class=\"ssMessageBoxOK\" value=\"OK\" id=\"ssMBOK\" /></div></div></div></div></div></div></div></div></div></div></div>";
	}
	
	return messageBox;
}

function confirmDialog(message, onConfirm, onDeny)
{
	// Ensure cover div is ready to fade in
	var coverDiv = createCoverDiv();
	coverDiv.style.opacity = 0.0;
	coverDiv.style.visibility = "visible";

	// Create a message-box DIV if we don't already have one
	var messageBox = createDialog("ssMessageBox", message, "Confirmation", 1);

	// Set up "Yes" click handler
	document.getElementById("ssMBYes").onclick = function()
	{
		startFadeOut(document.getElementById('ssCoverDiv'), 0.0, 0.1, true);
		startFadeOut(document.getElementById('ssMessageBox'), 0.0, 0.2, true);
		onConfirm();
	};

	// Set up "No" click handler	
	document.getElementById("ssMBNo").onclick = function()
	{
		startFadeOut(document.getElementById('ssCoverDiv'), 0.0, 0.1, true);
		startFadeOut(document.getElementById('ssMessageBox'), 0.0, 0.2, true);
		onDeny();
	};

	// Fade everything in	
	startFadeIn(coverDiv, 0.5, 0.1);
	startFadeIn(messageBox, 1.0, 0.2);
}

function messageDialog(message, onClose)
{
	// Ensure cover div is ready to fade in
	var coverDiv = createCoverDiv();
	coverDiv.style.opacity = 0.0;
	coverDiv.style.visibility = "visible";

	// Create a message-box DIV if we don't already have one
	var messageBox = createDialog("ssMessageBox2", message, "Notice", 2);

	// Set up "Yes" click handler
	document.getElementById("ssMBOK").onclick = function()
	{
		startFadeOut(document.getElementById('ssCoverDiv'), 0.0, 0.1, true);
		startFadeOut(document.getElementById('ssMessageBox2'), 0.0, 0.2, true);
		if (onClose)
		{
			onClose();
		}
	};

	// Fade everything in	
	startFadeIn(coverDiv, 0.5, 0.1);
	startFadeIn(messageBox, 1.0, 0.2);
}