(function (window) {
var currentOverlay;
var popupseed = 0;
this._setPosition = null;
this._closePopup = null;
this._show = function(){
if(this.beforeShow) this.beforeShow();
$("#shadow").css("visibility", "visible");
$("#mdropopup_1").css("visibility", "visible");
};
function popover(options) {
var url = options.url,
html = options.html,
width = options.width || 350,
height = options.height,
scroll = options.scroll === undefined ? !height : options.scroll,
back = options.back === undefined ? !height : options.back,
onclose = options.onclose,
onload = options.onload;
if(options.beforeShow)
this.beforeShow = options.beforeShow;
if (!html == !url) alert("html or url shoud be supplied but not both.");
popupseed++;
var _shadow = $("");
var _container = $("");
var _content = $("");
var _titleContent = $("");
var _backButton = $("
");
var _innerContent = $("");
var _closeBox = $("");
_content.appendTo(_container);
_titleContent.appendTo(_content);
if (back) {
_backButton.appendTo(_titleContent);
}
_innerContent.appendTo(_content);
_closeBox.appendTo(_content);
var request;
// prevent mousewheel
_shadow.mousewheel(function (e) { e.preventDefault(); });
_content.mousewheel(function (e, delta) {
if (delta > 0 && _innerContent.scrollTop() == 0 || delta < 0 &&
_innerContent[0].scrollHeight - _innerContent.outerHeight() <= _innerContent.scrollTop() + 2) {
e.preventDefault();
}
});
this._setPosition = function(w, h) {
var localHeight= h ? h:height;
localHeight = localHeight + 10 * 2 + 3 * 2 + 20 + 46> $(window).height() - 10 ? null : localHeight;
var localWidth = w ? w:width;
if (!localHeight) {
var goodHeightPercent = 95;
var minHeightPercent = 95;
var minHeightAfter = 600;
var totalHeight = $(window).height() - 10;
var goodHeight = totalHeight * goodHeightPercent / 100;
if (goodHeight < minHeightAfter) {
localHeight = totalHeight * minHeightPercent / 100;
} else {
localHeight = goodHeight;
}
// fix padding and border
localHeight -= 10 * 2 + 3 * 2 + 20 + 46;
currentTop = (totalHeight - height) / 2 * 0.5;
_content.css("top", currentTop);
}
else localHeight += 10 * 2 + 3 * 2 + 20;
if (scroll) {
// hidden thing required for IE7
_innerContent.css({ "overflow-y": "scroll", "overflow-x": "hidden" });
_innerContent.css("height", localHeight);
} else {
_innerContent.css("min-height", localHeight);
}
// calculate left, top
var left = ($(window).width() - localWidth) / 2;
var top = ($(window).height() - localHeight) / 2 - 40;
_content.width(localWidth).css({ left: left, top: top });
}
this._setPosition();
$(window).resize(this._setPosition);
this._closePopup = function() {
// display confirmation box is there's something dirty inside popup
if (!confirmUnsavedForm(_content)) return false;
$(window).unbind("resize", this._setPosition);
if (request) request.abort();
_shadow.remove();
_container.remove();
if (onclose) onclose();
currentOverlay = null;
return false;
}
$("#" + _container.attr('id') + " .popup-close").live('click', this._closePopup);
_container[0].close = this._closePopup;
function showHtml(el) {
var _el = $(el);
_titleContent.prepend("Go to sponsor website");
_el.appendTo(_innerContent);
_content.fadeIn("fast");
// defaultifyForms(_content);
}
function showRootElements() {
$("body").prepend(_container);
$("body").prepend(_shadow);
}
showRootElements();
if (html) {
showHtml(html);
} else {
// add racing with timer
showHtml("");
}
currentOverlay = this;
this.close = this._closePopup;
}
function closeContainer(innerElement) {
log("closeContainer", innerElement);
$(innerElement).closest('.close-handler')[0].close();
}
//---------------------------------------------------------------------------------------------------
// private functions
function confirmUnsavedForm(element) {
var hasDirtyForms = $("form.dirty", element).length;
return !hasDirtyForms || confirm("The form contains unsaved data.\n\nClose it anyway?");
}
// export
window.popup = {
popover: popover,
closeContainer: closeContainer,
show: this._show
};
})(window);