// JavaScript Document
function DialogBox(title, htmlContents) {

	var dialogBackground = document.createElement('div');
	dialogBackground.className = "dialogBackground";
	dialogBackground.setAttribute("id", "dialogBackground");
	var dialogBox = document.createElement('div');
	dialogBox.className = "dialogBox";
	dialogBox.setAttribute("id", "dialogBox");
	// create contents of the dialog box
	var dialogBoxContents = "";
	dialogBoxContents += "<table width='100%' border='0' cellpadding='0' cellspacing='0'><tr>";
	dialogBoxContents += "<td>" + title + "</td>";
	dialogBoxContents += "<td align='right' class='close'><a href='' onclick='closeDialogBox();return false'>Close</a></td>";
	dialogBoxContents += "</tr>";
	dialogBoxContents += "<tr>";
	dialogBoxContents += "<td colspan='2'>" + htmlContents + "</td>";
	dialogBoxContents += "</tr></table>";
	dialogBox.innerHTML = dialogBoxContents;
	document.body.appendChild(dialogBox);
	document.body.appendChild(dialogBackground);

}

function closeDialogBox() {
	document.body.removeChild(document.getElementById('dialogBackground'));
	document.body.removeChild(document.getElementById('dialogBox'));
}