function ArticleDialog() {
	this.lastArticleId = null;
	this.dialog = null;
}

ArticleDialog.prototype = {

	openDialog		:	function(event, articleId) {
		var dialog = this.getDialog(
			window.event ? window.event.srcElement: event.target,
			articleId);
		dialog.jqmShow();
		this.lastArticleId = articleId;
	},
	
	getDialog		:	function(target, articleId) {
		if (this.dialog == null) {
			this.dialog = this.createDialog(target.parentNode);
		}

		if (this.lastArticleId != articleId) {
			this.dialog.jqm({
				modal	:	true,
				ajax	:	"/ltc/article?articleId=" + articleId,
				target	:	"div.articleDialogContentContainer",
				overlay	:	0
			});
		}

		return this.dialog;
	},

	createDialog	:	function(parentContainer) {
		// create the dialog
		var dialog = document.createElement("div");
		dialog = $(dialog);

		var shadows = ["top", "left", "right", "bottom"];
		for (var i = 0; i < shadows.length; i++) {
			var shadowContainer = $(document.createElement("div"));
			shadowContainer.addClass("dialog-shadow");
			shadowContainer.addClass("dialog-shadow-" + shadows[i]);
			var shadowImg = document.createElement("img");
			shadowImg.src = "/images/corporate/empty.gif";
			shadowImg.alt = "";
			shadowContainer.append(shadowImg);
			dialog.append(shadowContainer);
		}
		
		// create the content container
		var contentContainer = document.createElement("div");
		$(contentContainer).addClass("articleDialogContentContainer");

		dialog.append(contentContainer);
		dialog.addClass("jqmWindow");
		dialog.addClass("article-dialog");

		$(parentContainer).append(dialog);
		return dialog;
	}
		
};

var articleDialog = new ArticleDialog();

function openArticleDialog(event, articleId) {
	articleDialog.openDialog(event, articleId);
}