(function($) {
$.fn.extend({
formatModal: function(options) {
var defaults = {
top: 100,
content: null,
overlay: 0.8
};
var overlay = $("<div class='f-modalbox_overlay'></div>");
$("body").append(overlay);
options = $.extend(defaults, options);
return this.each(function() {
var o = options;
$(this).click(function(e) {
var href = $(this).attr("href");
var modalbox_id = $(this).attr("id");
var modalbox = $("<div class='f-modalbox' id='"+modalbox_id+"'></div>");
$("body").append(modalbox);
if(href == "#"){
$(modalbox).append(o.content);
} else {
$(modalbox).append('<img src="'+href+'" width="100%">');
}
var modalbox_width = $(modalbox).outerWidth();
$(modalbox).css({
"display": "block",
"position": "fixed",
"opacity": 0,
"filter:": "alpha(opacity=40)",
"-ms-filter:": "progid
XImageTransform.Microsoft.Alpha(Opacity=40)",
"filter": "progid
XImageTransform.Microsoft.Alpha(Opacity=40)",
"z-index": 101,
"left": 50 + "%",
"margin-left": -(modalbox_width / 2) + "px",
"top": o.top + "px"
});
$(overlay).css({
"display": "block",
opacity: 0
});
$(overlay).fadeTo("fast", o.overlay);
$(modalbox).fadeTo("fast", 1);
$(overlay).click(function() {
close_modal(modalbox)
});
e.preventDefault();
})
});
function close_modal(modalbox_id) {
$(overlay).fadeOut("fast");
$(modalbox_id).css({
"display": "none"
})
}
}
})
})(jQuery);