var Common = new Object();
Common = {
	
	mapPopup : function() {
		
		
		
	},
	
	
	
	init : function() {
		$(".map").each(function() {
			$(this).click(function() {
				$(".mapPopup").shadowDestroy().fadeOut("normal", function(){$(".mapPopup").remove();});
				$("body").append("<div class='mapPopup'></div>");
				$(".mapPopup").append("<p><a>close</a></p>");
				$(".mapPopup p a").click(function() {
					$(".mapPopup").shadowDestroy().fadeOut("normal", function(){$(".mapPopup").remove();});
				});
				$(".mapPopup").append("<img src='images/map.gif' />");
				var loadImg = $(".mapPopup img")
				if (loadImg.complete) {
					var halfPageW = Math.round(pageWidth()/2);
					var halfDivW = Math.round($(".mapPopup").width()/2);
					var leftMargin = halfPageW - halfDivW;
					$(".mapPopup").css("left", leftMargin);
					var halfPageH = Math.round(pageHeight()/2);
					var halfDivH = Math.round($(".mapPopup").height()/2);
					var topMargin = halfPageH - halfDivH;
					$(".mapPopup").css("top", topMargin);
					$(".mapPopup").fadeIn("normal", function() {$(".mapPopup").shadow({offset:  5, opacity: 0.2, color:   "#57110F", monitor: true}).draggable({handle: "p"})});
				} else {
					loadImg.load(function() {
						var halfPageW = Math.round(pageWidth()/2);
						var halfDivW = Math.round($(".mapPopup").width()/2);
						var leftMargin = halfPageW - halfDivW;
						$(".mapPopup").css("left", leftMargin);
						var halfPageH = Math.round(pageHeight()/2);
						var halfDivH = Math.round($(".mapPopup").height()/2);
						var topMargin = halfPageH - halfDivH;
						$(".mapPopup").css("top", topMargin);
						$(".mapPopup").fadeIn("normal", function() {$(".mapPopup").shadow({offset:  5, opacity: 0.2, color:   "#57110F", monitor: true}).draggable({handle: "p"})});
					});
				}
			});
		});
	}
	
};