var modalWindow = {
	parent:"body",
	windowId:null,
	content:null,
	width:null,
	height:null,
	close:function()
	{
		$(".modal-window").remove();
		$(".modal-overlay").remove();
	},
	open:function()
	{
		var modal = "";
		modal += "<div class=\"modal-overlay\"></div>";
		modal += "<div id=\"" + this.windowId + "\" class=\"modal-window\" style=\"width:" + this.width + "px; height:" + this.height + "px; margin-top:-" + (this.height / 2) + "px; margin-left:-" + (this.width / 2) + "px;\">";
		modal += this.content;
		modal += "</div>";	

		$(this.parent).append(modal);

		$(".modal-window").append("<a class=\"close-window\"></a>");
		$(".close-window").click(function(){modalWindow.close();});
		$(".modal-overlay").click(function(){modalWindow.close();});
	}
};

var openMyModal = function(source)
{
    modalWindow.windowId = "myModal";
    modalWindow.width = 480;
    modalWindow.height = 405;
    modalWindow.content = "<div style=\"border: medium solid #000;\">" + source + "</div>"; //"<iframe width='480' height='405' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'>&lt/iframe>";
    modalWindow.open();
};

var openMyPicModal = function(source)
{
    modalWindow.windowId = "myPicModal";
    modalWindow.width = 480;
    modalWindow.height = 405;
    modalWindow.content = "<div style=\"border: medium solid #000;\"><img src='" + source + "' /></div>"; //"<iframe width='480' height='405' frameborder='0' scrolling='no' allowtransparency='true' src='" + source + "'>&lt/iframe>";
    modalWindow.open();
};