/**
 * =============================================================
 *  modal.js
 * =============================================================
 *  @copyright	COPYRIGHT (C) 2009 MdN Corporation., ALL RIGHTS RESERVED.
 *  @version	$Id
 */

(function($){
	$.modal = function(target){
		var overlay = $(document.createElement("div"));
		var body = $(document.body);

		overlay.css({
			position: "absolute",
			zIndex: "1000",
			top: "0",
			left: "0",
			backgroundColor: "#000",
			opacity: 0.2,
			width: "100%",
			height: "100%",
			padding: "0px",
			margin: "0px"
		});

		overlay.fadeIn("slow");
		body.append(overlay);

		$.ajax({
			url: $(target).attr("href") + "?" + (new Date()).getTime(),
			async: false,
			dataType: "html",
			success: function(html){
				var container = $(document.createElement("div"));

				container.css({
					position: "absolute",
					zIndex: "1010"
				});

				container.append(html);

				container.fadeIn("slow");
				body.append(container);

				container.css({
					top: 100,
					left: Math.round(($(window).width() / 2) - ($(container).outerWidth() ))
				});

				$("a#close-button > img").pngfix();

				$("a#close-button").fadeIn(1500).click(function(){
					container.fadeOut("slow", function(){
						$(this).remove();
					});

					overlay.fadeOut("slow", function(){
						$(this).remove();
					});

					return false;
				});
			}
		});
	}
})(jQuery);