var modalWindow = {
	parent:"body",
	windowId:null,
	title:null,
	content:null,
	width:null,
	height:null,
	close:function()
	{
		$(".modal_position").remove();
		$(".modal_overlay").remove();
	},
	open:function()
	{
		var modal = "";
		//window overlay
		modal += "<div class=\"modal_overlay\"></div>";
		
		//window position
		modal += "<div id=\"" + this.windowId + "\" class=\"modal_position\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
		
		//window header...
		modal += "<div class=\"modal_header\">";
		
		//window title
		modal += "<span class=\"modal_title\">";
		modal += this.title;
		modal += "</span>";
		
		//...continue window header
		modal += "<div class=\"left\"></div>";
		modal += "<div class=\"right\"></div>";
		modal += "</div>";
		
		//window content
		modal += "<div class=\"modal_body\">";
		modal += this.content;	
		modal += "</div>";

		$(this.parent).append(modal);

		$(".modal_position").append("<a class=\"modal_close\"></a>");
		$(".modal_close").click(function() { modalWindow.close(); });
		$(".modal_overlay").click(function(){modalWindow.close();});
	}
};

