(function (jQuery) {
var _settings = {
width: 800, // Use this value if not set in CSS or HTML
height: 600, // Use this value if not set in CSS or HTML
overlayOpacity: .85, // Use this value if not set in CSS or HTML
id: 'modal',
src: function (sender) {
return jQuery(sender).attr('href');
},
fadeInSpeed: 400,
fadeOutSpeed: 400,
scrolling: 'no'
}
jQuery.modal = function (options) {
return _modal(this, options);
}
jQuery.modal.open = function () {
_modal.open();
}
jQuery.modal.close = function () {
_modal.close();
}
jQuery.fn.modal = function (options) {
return _modal(this, options);
}
_modal = function (sender, params) {
this.options = {
parent: null,
overlayOpacity: null,
id: null,
content: null,
width: null,
height: null,
modalClassName: null,
imageClassName: null,
closeClassName: null,
overlayClassName: null,
scrolling: null,
src: null
}
this.options = jQuery.extend({}, options, _defaults);
this.options = jQuery.extend({}, options, _settings);
this.options = jQuery.extend({}, options, params);
this.open = function () {
if (typeof options.src == 'function') {
options.src = options.src(sender)
} else {
options.src = options.src || _defaults.src(sender);
}
var fileExt = /^.+\.((jpg)|(gif)|(jpeg)|(png)|(jpg))jQuery/i;
var contentHTML = '';
if (fileExt.test(options.src)) {
contentHTML = '';
} else {
contentHTML = '';
}
options.content = options.content || contentHTML;
if (jQuery('.' + options.modalClassName).length && jQuery('.' + options.overlayClassName).length) {
jQuery('.' + options.modalClassName).html(options.content);
} else {
jQueryoverlay = jQuery((_isIE6()) ? '' : '');
jQueryoverlay.hide().appendTo(options.parent);
jQuerymodal = jQuery('' + options.content + '
');
jQuerymodal.hide().appendTo(options.parent);
jQueryclose = jQuery('');
jQueryclose.appendTo(jQuerymodal);
var overlayOpacity = _getOpacity(jQueryoverlay.not('iframe')) || options.overlayOpacity;
jQueryoverlay.fadeTo(0, 0).show().not('iframe').fadeTo(_settings.fadeInSpeed, overlayOpacity);
jQuerymodal.fadeIn(_settings.fadeInSpeed);
jQueryclose.click(function () { jQuery('.' + options.modalClassName + ', .' + options.overlayClassName).fadeOut(_settings.fadeOutSpeed, function () { jQuery(this).unbind().remove(); }); });
jQueryoverlay.click(function () { jQuery('.' + options.modalClassName + ', .' + options.overlayClassName).fadeOut(_settings.fadeOutSpeed, function () { jQuery(this).unbind().remove(); }); });
}
}
return this;
}
_isIE6 = function () {
if (document.all && document.getElementById) {
if (document.compatMode && !window.XMLHttpRequest) {
return true;
}
}
return false;
}
_getOpacity = function (sender) {
jQuerysender = jQuery(sender);
opacity = jQuerysender.css('opacity');
filter = jQuerysender.css('filter');
if (filter.indexOf("opacity=") >= 0) {
return parseFloat(filter.match(/opacity=([^)]*)/)[1]) / 100;
}
else if (opacity != '') {
return opacity;
}
return '';
}
_defaults = {
parent: 'body',
overlayOpacity: 85,
id: 'modal',
content: null,
width: 800,
height: 600,
modalClassName: 'modal-window',
imageClassName: 'modal-image',
closeClassName: 'close-window',
overlayClassName: 'modal-overlay',
scrolling: 'no',
src: function (sender) {
return jQuery(sender).attr('href');
}
}
})(jQuery);