// JavaScript Document

function makeDialog() {
var head_txt="Test dialog box";
var msg_txt="Created by writing a few simple JavaScript functions and applying a little bit of CSS";
var btn_txt="close";

	var objd_container = document.getElementsByTagName("body")[0].appendChild(document.createElement("div"));
	objd_container.id = "d_container";
	
	var objd_content = objd_container.appendChild(document.createElement("div"));
	objd_content.id = "d_content";
	
	var objHeader = objd_content.appendChild(document.createElement("h3"));
	objHeader.appendChild(document.createTextNode(head_txt));

	var objMessage = objd_content.appendChild(document.createElement("p"));
	objMessage.appendChild(document.createTextNode(msg_txt));


	var objButton = objd_content.appendChild(document.createElement("a"));
	objButton.id = "closeobjButton";
	objButton.appendChild(document.createTextNode(btn_txt));
	objButton.href = "#";
	objButton.focus();
	objButton.onclick = function() { clearDialog();return false; }

	objd_content.style.display = "block";
	
}

function clearDialog() {
	document.getElementsByTagName("body")[0].removeChild(document.getElementById("d_container"))
}

window.onload = function() {
  var button =
    document.getElementById("eventButton");
  if (button.addEventListener) {
    button.addEventListener("click", makeDialog,
      false);
} else if (button.attachEvent) {
    button.attachEvent("onclick", makeDialog);
  }
};