function Point(x, y) {
	this.x = x;
	this.y = y;
}

function addElement(type, id, parent, pos) {
	var obj = document.createElement(type);
	obj.setAttribute("id", id);
	$(parent).append(obj);
	$("#" + id).css("position", "absolute");
	$("#" + id).css({left: pos.x, top: pos.y});
}

function showDialog(npc, content) {
	if ($("#dialog").length == 0) {
		addElement("div", "dialog", "body", new Point(($(document).width() - 900) / 2 - 20, ($(document).height() - 286) / 2 + 50));
		$("#dialog").css("background-image", "url('../../images/dialog/dialog.png')");
		$("#dialog").width(529);
		$("#dialog").height(286);

		addElement("img", "dialog_npc", "#dialog", new Point(50, 100));

		addElement("div", "dialog_content", "#dialog", new Point(160, 30));
		$("#dialog_content").width(344);
		$("#dialog_content").height(196);
		$("#dialog_content").css("overflow", "auto");

		addElement("img", "dialog_bt", "#dialog", new Point(473, 258));
		$("#dialog_bt").attr("src", "../../images/dialog/BtOK.png");
		$("#dialog_bt").css("cursor", $.browser.msie ? "hand" : "pointer");
		$("#dialog_bt").click(hideDialog);
	} else if ($("#dialog").css("display") == "none") {
		$("#dialog").css("display", "inline");
	}

//	$("#dialog_npc").attr("src", "../../images/dialog/" + npc + ".png");
	$("#dialog_npc").attr("src", "../../images/dialog/MAdmin.png");

	$("#dialog_content").html(content);
}

function hideDialog() {
	if ($("#dialog").css("display") != "none") {
		$("#dialog").css("display", "none");
	}
}