// ModalPopup

// read css dynamically
$("head").append("<link>");
$("head").children(":last").attr({ rel:  "stylesheet", type: "text/css", href: "/static/css/api/modalPopup.css"});


function openModalPopup(id){
	// check exists
	if ( !$(id).length ) {
		alert(id+" is not exists");
		return false;
	};

	
	// add class for css
	$(id).attr("class", $(id).attr("class")+" modalPopup");

	// add close
	$(id).html( "<a class='close'>close</a><br>" + $(id).html() );
	
	// modalPopup background
	if ( !$("#modalBGOveray").length ) $("body").append("<div id='modalBGOveray'  style='opacity:0.3;filter: alpha(opacity = 30);'></div>");
	$("#modalBGOveray").css("display", "block");

	// fadein modalPopup
	$(id).css("display", "block");
	

	// closing when background is clicked
	$("#modalBGOveray").click(function(){
		closeModalPopup(id);
	});	

	// set close button action
	$(id+" a[class]='close'").click(function(){
		closeModalPopup(id);
	});

};

function closeModalPopup(id){
	$(id).hide();
	$("#modalBGOveray").fadeOut("slow");
	$("#modalBGOveray").remove();
};