$(document).ready(function() {

$("body").prepend("\n<div id=\"mbox\"></div><div id=\"mbox-cont\"><img id=\"mbox-photo\" src=\"\" /><div id=\"mbox-x\"></div></div>\n");

$(".mbox-p").click(function(event) {
	event.preventDefault();
	$("#mbox-cont").prepend("");
	$("#mbox-photo").attr("src",$(this).attr("href"));
	$("#mbox-photo").load(function() {
		$("#mbox").show();
		$("#mbox-cont").fadeIn();
		var y = $("#mbox-photo").height();
		var x = $("#mbox-photo").width();
		$("#mbox-cont").css("margin-top","-" + y/2 + "px");
		$("#mbox-cont").css("margin-left","-" + x/2 + "px");
	});
});

$("#mbox, #mbox-x").click(function(event) {
	event.preventDefault();
	$("#mbox").hide();
	$("#mbox-cont").fadeOut(300);
	setTimeout(function() {
		$("#mbox-photo").attr("src","");
	},300);
});

});