/*
* nyroModal - jQuery Plugin
* http://nyromodal.nyrodev.com
*
* Copyright (c) 2008 Cedric Nirousset (nyrodev.com)
* Licensed under the MIT license
*
* $Date: 2008-06-24 (Tue, 24 Jun 2008) $
* $version: 1.2.8
*/
jQuery(function ($) { var isIE6 = ($.browser.msie && parseInt($.browser.version.substr(0, 1)) < 7); var body = $('body'); var currentSettings; var fixFF = false; var contentElt; var contentEltLast; var modal = { ready: false, dataReady: false, anim: false, loadingShown: false, transition: false, error: false, full: null, bg: null, loading: null, tmp: null, content: null, wrapper: null, contentWrapper: null, scripts: new Array() }; var resized = { width: false, height: false }; $.fn.nyroModal = function (settings) { if (!this) return false; return this.each(function () { if (this.nodeName.toLowerCase() == 'form') { $(this).submit(function (e) { if (this.enctype == 'multipart/form-data') { processModal($.extend(settings, { from: this })); return true } e.preventDefault(); processModal($.extend(settings, { from: this })); return false }) } else { $(this).click(function (e) { e.preventDefault(); processModal($.extend(settings, { from: this })); return false }) } }) }; $.fn.nyroModalManual = function (settings) { if (!this.length) processModal(settings); return this.each(function () { processModal($.extend(settings, { from: this })) }) }; $.nyroModalManual = function (settings) { processModal(settings) }; $.nyroModalSettings = function (settings, deep1, deep2) { setCurrentSettings(settings, deep1, deep2); if (!deep1 && modal.ready) { if (settings.bgColor) currentSettings.updateBgColor(modal, currentSettings, function () { }); if ((modal.dataReady && !modal.anim && !modal.transition) && (settings.width || settings.height)) { calculateSize(true); if (fixFF) modal.content.css({ position: '' }); currentSettings.resize(modal, currentSettings, function () { if (fixFF) modal.content.css({ position: 'fixed' }); if ($.isFunction(currentSettings.endResize)) currentSettings.endResize(modal, currentSettings) }) } } }; $.nyroModalRemove = function () { removeModal() }; $.nyroModalNext = function () { if (currentSettings.type == 'gallery') { var gallery = $('[rel="' + currentSettings.from.rel + '"]'); var currentIndex = gallery.index(currentSettings.from); if (currentIndex < gallery.length - 1) { return gallery.eq(currentIndex + 1).nyroModalManual(currentSettings) } } return false }; $.nyroModalPrev = function () { if (currentSettings.type == 'gallery') { var gallery = $('[rel="' + currentSettings.from.rel + '"]'); var currentIndex = gallery.index(currentSettings.from); if (currentIndex > 0) { return gallery.eq(currentIndex - 1).nyroModalManual(currentSettings) } } return false }; $.fn.nyroModal.settings = { debug: false, modal: false, type: '', from: '', hash: '', processHandler: null, selIndicator: 'nyroModalSel', formIndicator: 'nyroModal', content: null, bgColor: '#000000', ajax: {}, width: null, height: null, minWidth: 700, minHeight: 500, resizeable: true, autoSizable: true, padding: 20, extImg: 'jpg|jpeg|png|tiff|gif|bmp', defaultImgAlt: 'Image', setWidthImgTitle: true, css: { bg: { zIndex: 100, position: 'fixed', top: 0, left: 0, height: '100%', width: '100%' }, wrapper: { zIndex: 101, position: 'fixed', top: '50%', left: '50%' }, wrapper2: {}, content: { overflow: 'auto' }, loading: { zIndex: 102, position: 'fixed', top: '50%', left: '50%', marginTop: '-50px', marginLeft: '-50px'} }, wrap: { div: '<div class="wrapper"></div>', ajax: '<div class="wrapper"></div>', form: '<div class="wrapper"></div>', formData: '<div class="wrapper"></div>', image: '<div class="wrapperImg"></div>', gallery: '<div class="wrapperImg"><a href="#" class="nyroModalPrev">Prev</a><a href="#"  class="nyroModalNext">Next</a></div>', swf: '<div class="wrapperSwf"></div>', iframe: '<div class="wrapperIframe"></div>', manual: '<div class="wrapper"></div>' }, closeButton: '<a href="#" class="nyroModalClose" id="closeBut" title="close">Close</a>', openSelector: '.nyroModal', closeSelector: '.nyroModalClose', contentLoading: '<a href="#" class="nyroModalClose">Cancel</a>', errorClass: 'error', contentError: 'The requested content cannot be loaded.<br />Please try again later.<br /><a href="#" class="nyroModalClose">Close</a>', handleError: null, showBackground: showBackground, hideBackground: hideBackground, endFillContent: null, showContent: showContent, endShowContent: null, hideContent: hideContent, showTransition: showTransition, hideTransition: hideTransition, showLoading: showLoading, hideLoading: hideLoading, resize: resize, endResize: null, updateBgColor: updateBgColor, endRemove: null }; function processModal(settings) { if (modal.loadingShown || modal.transition || modal.anim) return; debug('processModal'); setDefaultCurrentSettings(settings); modal.error = false; modal.dataReady = false; modal.scripts = new Array(); currentSettings.type = fileType(); if ($.isFunction(currentSettings.processHandler)) currentSettings.processHandler(currentSettings); from = currentSettings.from; if (currentSettings.type == 'swf') { currentSettings.resizable = false; currentSettings.content = '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="' + currentSettings.width + '" height="' + currentSettings.height + '"><param name="movie" value="' + currentSettings.url + '"></param><param name="wmode" value="transparent"></param><embed src="' + currentSettings.url + '" type="application/x-shockwave-flash" wmode="transparent" width="' + currentSettings.width + '" height="' + currentSettings.height + '"></embed></object>' } if (from) { if (currentSettings.type == 'form') { currentSettings.selector = getHash(from.action); var url = from.action.substring(0, from.action.length - currentSettings.selector.length); var data = $(from).serializeArray(); data.push({ name: currentSettings.formIndicator, value: 1 }); if (currentSettings.selector) data.push({ name: currentSettings.selIndicator, value: currentSettings.selector.substring(1) }); $.ajax($.extend({}, currentSettings.ajax, { url: url, data: data, type: from.method, success: ajaxLoaded, error: loadingError })); debug('Form Ajax Load: ' + from.action); showModal() } else if (currentSettings.type == 'formData') { initModal(); from.target = 'nyroModalIframe'; currentSettings.selector = getHash(from.action); var url = from.action.substring(0, from.action.length - currentSettings.selector.length); from.action = url; $(from).prepend('<input type="hidden" name="' + currentSettings.formIndicator + '" value="1" />'); if (currentSettings.selector) $(from).prepend('<input type="hidden" name="' + currentSettings.selIndicator + '" value="' + currentSettings.selector.substring(1) + '" />'); modal.tmp.html('<iframe frameborder="0" hspace="0" name="nyroModalIframe"></iframe>'); $('iframe', modal.tmp).css({ width: currentSettings.width, height: currentSettings.height }).error(loadingError).load(formDataLoaded); debug('Form Data Load: ' + from.action); showModal(); showContentOrLoading() } else if (currentSettings.type == 'image' || currentSettings.type == 'gallery') { var title = from.title || currentSettings.defaultImgAlt; initModal(); modal.tmp.html('<img id="nyroModalImg" alt="' + title + '" />'); debug('Image Load: ' + from.href); $('img', modal.tmp).error(loadingError).load(function () { debug('Image Loaded: ' + this.src); $(this).unbind('load'); var w = modal.tmp.width(); var h = modal.tmp.height(); setCurrentSettings({ width: w, height: h, imgWidth: w, imgHeight: h }); modal.dataReady = true; if (modal.loadingShown || modal.transition) showContentOrLoading() }).attr('src', from.href); showModal() } else if (currentSettings.type == 'iframe') { initModal(); modal.tmp.html('<iframe frameborder="0" hspace="0" src="' + from.href + '" name="nyroModalIframe"></iframe>'); debug('Iframe Load: ' + from.href); $('iframe', modal.tmp).eq(0).css({ width: '100%', height: '100%' }); currentSettings.autoSizable = false; modal.dataReady = true; showModal() } else if (currentSettings.type) { debug('Content: ' + currentSettings.type); initModal(); modal.tmp.html(currentSettings.content); var w = modal.tmp.width(); var h = modal.tmp.height(); var div = $(currentSettings.type); if (div.length) { setCurrentSettings({ type: 'div' }); w = div.width(); h = div.height(); if (contentElt) contentEltLast = contentElt; contentElt = div; modal.tmp.append(div.contents()) } setCurrentSettings({ width: w, height: h }); if (modal.tmp.html()) modal.dataReady = true; else loadingError(); showModal(); showContentOrLoading() } else { debug('Ajax Load: ' + currentSettings.url); setCurrentSettings({ type: 'ajax' }); var data = {}; if (currentSettings.selector) { data = currentSettings.ajax.data || {}; data[currentSettings.selIndicator] = currentSettings.selector.substring(1) } $.ajax($.extend({}, currentSettings.ajax, { url: currentSettings.url.substring(0, currentSettings.url.length - currentSettings.selector.length), success: ajaxLoaded, error: loadingError, data: data })); showModal() } } else if (currentSettings.content) { debug('Content: ' + currentSettings.type); setCurrentSettings({ type: 'manual' }); initModal(); modal.tmp.html($('<div/>').html(currentSettings.content).contents()); if (modal.tmp.html()) modal.dataReady = true; else loadingError(); showModal() } else { } } function setDefaultCurrentSettings(settings) { debug('setDefaultCurrentSettings'); currentSettings = $.extend({}, $.fn.nyroModal.settings, settings); currentSettings.selector = '', currentSettings.borderW = 0, currentSettings.borderH = 0, currentSettings.resizable = true; setMargin() } function setCurrentSettings(settings, deep1, deep2) { if (deep1 && deep2) { $.extend(currentSettings[deep1][deep2], settings) } else if (deep1) { $.extend(currentSettings[deep1], settings) } else { $.extend(currentSettings, settings) } } function setMarginScroll() { if (isIE6) { if (document.documentElement) { currentSettings.marginScrollLeft = document.documentElement.scrollLeft; currentSettings.marginScrollTop = document.documentElement.scrollTop } else { currentSettings.marginScrollLeft = document.body.scrollLeft; currentSettings.marginScrollTop = document.body.scrollTop } } else { currentSettings.marginScrollLeft = 0; currentSettings.marginScrollTop = 0 } } function setMargin() { setMarginScroll(); currentSettings.marginLeft = -(currentSettings.width + currentSettings.borderW) / 2 + currentSettings.marginScrollLeft; currentSettings.marginTop = -(currentSettings.height + currentSettings.borderH) / 2 + currentSettings.marginScrollTop } function initModal() { debug('initModal'); if (!modal.full) { if (currentSettings.debug) setCurrentSettings({ color: 'white' }, 'css', 'bg'); var iframeHideIE = ''; if (isIE6) { body.css({ height: body.height() + 'px', width: body.width() + 'px', position: 'static', overflow: 'hidden' }); $('html').css({ overflow: 'hidden' }); setCurrentSettings({ position: 'absolute', height: '110%', width: '110%', top: currentSettings.marginScrollTop + 'px', left: currentSettings.marginScrollLeft + 'px' }, 'css', 'bg'); setCurrentSettings({ position: 'absolute' }, 'css', 'loading'); setCurrentSettings({ position: 'absolute' }, 'css', 'wrapper'); iframeHideIE = $('<iframe id="nyroModalIframeHideIe"></iframe>').css($.extend({}, currentSettings.css.bg, { opacity: 0, zIndex: 50, border: 'none' })) } body.append($('<div id="nyroModalFull"><div id="nyroModalBg"></div><div id="nyroModalWrapper"><div id="nyroModalContent"></div></div><div id="nyrModalTmp"></div><div id="nyroModalLoading"></div></div>').hide()); modal.full = $('#nyroModalFull').show(); modal.bg = $('#nyroModalBg').css($.extend({ backgroundColor: currentSettings.bgColor }, currentSettings.css.bg)).before(iframeHideIE); if (!currentSettings.modal) modal.bg.click(removeModal); modal.loading = $('#nyroModalLoading').css(currentSettings.css.loading).hide(); modal.contentWrapper = $('#nyroModalWrapper').css(currentSettings.css.wrapper).hide(); modal.content = $('#nyroModalContent'); modal.tmp = $('#nyrModalTmp').hide(); if ($.isFunction($.fn.mousewheel)) { modal.content.mousewheel(function (e, d) { var elt = modal.content.get(0); if ((d > 0 && elt.scrollTop == 0) || (d < 0 && elt.scrollHeight - elt.scrollTop == elt.clientHeight)) { e.preventDefault(); e.stopPropagation() } }) } $(document).keydown(keyHandler); modal.content.css({ width: 'auto', height: 'auto' }); modal.contentWrapper.css({ width: 'auto', height: 'auto' }) } } function showModal() { debug('showModal'); if (!modal.ready) { initModal(); modal.anim = true; currentSettings.showBackground(modal, currentSettings, endBackground) } else { modal.anim = true; modal.transition = true; currentSettings.showTransition(modal, currentSettings, function () { endHideContent(); modal.anim = false; showContentOrLoading() }) } } function keyHandler(e) { if (e.keyCode == 27) { if (!currentSettings.modal) removeModal() } else if (currentSettings.type == 'gallery' && modal.ready && modal.dataReady && !modal.anim && !modal.transition) { if (e.keyCode == 39 || e.keyCode == 40) { e.preventDefault(); $('.nyroModalNext', modal.content).eq(0).trigger('click'); return false } else if (e.keyCode == 37 || e.keyCode == 38) { e.preventDefault(); $('.nyroModalPrev', modal.content).eq(0).trigger('click'); return false } } } function fileType() { var from = currentSettings.from; var url = currentSettings.url; if (from && from.nodeName) { if (from.nodeName.toLowerCase() == 'form') { if (from.enctype == 'multipart/form-data') return 'formData'; return 'form' } if (from.rev == 'modal') currentSettings.modal = true; var image = new RegExp('[^\.]\.(' + currentSettings.extImg + ')\s*$', 'i'); if (image.test(from.href)) { if (from.rel) return 'gallery'; else return 'image' } var swf = new RegExp('[^\.]\.(swf)\s*$', 'i'); if (swf.test(from.href)) return 'swf'; if (from.target.toLowerCase() == '_blank' || (from.hostname.replace(/:\d*$/, '') != window.location.hostname.replace(/:\d*$/, ''))) return 'iframe'; url = from.href } if (url) { if (from) currentSettings.url = url; else currentSettings.from = true; var hash = getHash(url); var hashLoc = getHash(window.location.href); var curLoc = window.location.href.substring(0, window.location.href.length - hashLoc.length); var req = url.substring(0, url.length - hash.length); if (req == curLoc) return hash; else currentSettings.selector = hash } } function loadingError() { debug('loadingError'); modal.error = true; if (!modal.ready) return; if ($.isFunction(currentSettings.handleError)) currentSettings.handleError(modal, currentSettings); modal.loading.addClass(currentSettings.errorClass).html(currentSettings.contentError); $(currentSettings.closeSelector, modal.loading).click(removeModal) } function fillContent() { debug('fillContent'); if (!modal.tmp.html()) return; modal.content.html(modal.tmp.contents()); modal.tmp.empty(); wrapContent(); if ($.isFunction(currentSettings.endFillContent)) currentSettings.endFillContent(modal, currentSettings); modal.content.append(modal.scripts); var currentSettingsNew = $.extend({}, currentSettings); if (resized.width) currentSettingsNew.width = null; if (resized.height) currentSettingsNew.height = null; $(currentSettings.closeSelector, modal.contentWrapper).click(removeModal); $(currentSettings.openSelector, modal.contentWrapper).nyroModal(currentSettingsNew) } function wrapContent() { debug('wrapContent'); var wrap = $(currentSettings.wrap[currentSettings.type]); modal.content.append(wrap.children().remove()); modal.contentWrapper.wrapInner(wrap); if (currentSettings.type == 'gallery') { var gallery = $('[rel="' + currentSettings.from.rel + '"]'); var currentIndex = gallery.index(currentSettings.from); if (currentIndex > 0) { var linkPrev = gallery.eq(currentIndex - 1); $('.nyroModalPrev', modal.contentWrapper).attr('href', linkPrev.attr('href')).click(function (e) { e.preventDefault(); linkPrev.nyroModalManual(currentSettings); return false }) } else { $('.nyroModalPrev', modal.contentWrapper).remove() } if (currentIndex < gallery.length - 1) { var linkNext = gallery.eq(currentIndex + 1); $('.nyroModalNext', modal.contentWrapper).attr('href', linkNext.attr('href')).click(function (e) { e.preventDefault(); linkNext.nyroModalManual(currentSettings); return false }) } else { $('.nyroModalNext', modal.contentWrapper).remove() } } calculateSize() } function calculateSize(resizing) { debug('calculateSize'); if (!modal.wrapper) modal.wrapper = modal.contentWrapper.children(':first'); resized.width = false; resized.height = false; if (currentSettings.autoSizable && (!currentSettings.width || !currentSettings.height)) { modal.contentWrapper.css({ opacity: 0 }).show(); var tmp = { width: 'auto', height: 'auto' }; if (currentSettings.width) tmp.width = currentSettings.width; if (currentSettings.height) tmp.height = currentSettings.height; modal.content.css(tmp); if (!currentSettings.width) { currentSettings.width = modal.content.width(); resized.width = true } if (!currentSettings.height) { currentSettings.height = modal.content.height(); resized.height = true } modal.contentWrapper.hide().css({ opacity: 1 }) } currentSettings.width = Math.max(currentSettings.width, currentSettings.minWidth); currentSettings.height = Math.max(currentSettings.height, currentSettings.minHeight); var outerWrapper = getOuter(modal.contentWrapper); var outerWrapper2 = getOuter(modal.wrapper); var outerContent = getOuter(modal.content); var tmp = { content: { width: currentSettings.width, height: currentSettings.height }, wrapper2: { width: currentSettings.width + outerContent.w.total, height: currentSettings.height + outerContent.h.total }, wrapper: { width: currentSettings.width + outerContent.w.total + outerWrapper2.w.total, height: currentSettings.height + outerContent.h.total + outerWrapper2.h.total} }; if (currentSettings.resizable) { var maxHeight = $(window).height() - currentSettings.padding * 2 - outerWrapper.h.border - (tmp.wrapper.height - currentSettings.height); var maxWidth = $(window).width() - currentSettings.padding * 2 - outerWrapper.w.border - (tmp.wrapper.width - currentSettings.width); if (tmp.content.height > maxHeight || tmp.content.width > maxWidth) { if (currentSettings.type == 'image' || currentSettings.type == 'gallery') { var diffW = tmp.content.width - currentSettings.imgWidth; var diffH = tmp.content.height - currentSettings.imgHeight; if (diffH < 0) diffH = 0; if (diffW < 0) diffW = 0; var calcH = maxHeight - diffH; var calcW = maxWidth - diffW; var ratio = Math.min(calcH / currentSettings.imgHeight, calcW / currentSettings.imgWidth); calcH = Math.floor(currentSettings.imgHeight * ratio); calcW = Math.floor(currentSettings.imgWidth * ratio); $('img#nyroModalImg', modal.content).css({ height: calcH + 'px', width: calcW + 'px' }); tmp.content.height = calcH + diffH; tmp.content.width = calcW + diffW } else { tmp.content.height = Math.min(tmp.content.height, maxHeight); tmp.content.width = Math.min(tmp.content.width, maxWidth) } tmp.wrapper2 = { width: tmp.content.width + outerContent.w.total, height: tmp.content.height + outerContent.h.total }; tmp.wrapper = { width: tmp.content.width + outerContent.w.total + outerWrapper2.w.total, height: tmp.content.height + outerContent.h.total + outerWrapper2.h.total} } } modal.content.css($.extend({}, tmp.content, currentSettings.css.content)); modal.wrapper.css($.extend({}, tmp.wrapper2, currentSettings.css.wrapper2)); if (!resizing) { modal.contentWrapper.css($.extend({}, tmp.wrapper, currentSettings.css.wrapper)); if (currentSettings.type == 'image' || currentSettings.type == 'gallery') { var title = $('img', modal.content).attr('alt'); $('img', modal.content).removeAttr('alt'); if (title != currentSettings.defaultImgAlt) { var divTitle = $('<div>' + title + '</div>'); modal.content.append(divTitle); if (currentSettings.setWidthImgTitle) { var outerDivTitle = getOuter(divTitle); divTitle.css({ width: (tmp.content.width + outerContent.w.padding - outerDivTitle.w.total) + 'px' }) } } } if (!currentSettings.modal) modal.contentWrapper.prepend(currentSettings.closeButton) } tmp.wrapper.borderW = outerWrapper.w.border; tmp.wrapper.borderH = outerWrapper.h.border; setCurrentSettings(tmp.wrapper); setMargin() } function removeModal(e) { debug('removeModal'); if (e) e.preventDefault(); if (modal.full && modal.ready) { modal.ready = false; modal.anim = true; if (modal.loadingShown || modal.transition) { currentSettings.hideLoading(modal, currentSettings, function () { modal.loading.hide(); modal.loadingShown = false; modal.transition = false; currentSettings.hideBackground(modal, currentSettings, endRemove) }) } else { if (fixFF) modal.content.css({ position: '' }); modal.wrapper.css({ overflow: 'hidden' }); modal.content.css({ overflow: 'hidden' }); currentSettings.hideContent(modal, currentSettings, function () { endHideContent(); currentSettings.hideBackground(modal, currentSettings, endRemove) }) } } if (e) return false } function showContentOrLoading() { debug('showContentOrLoading'); if (modal.ready && !modal.anim) { if (modal.dataReady) { if (modal.tmp.html()) { modal.anim = true; if (modal.transition) { fillContent(); currentSettings.hideTransition(modal, currentSettings, function () { modal.loading.hide(); modal.transition = false; modal.loadingShown = false; endShowContent() }) } else { currentSettings.hideLoading(modal, currentSettings, function () { modal.loading.hide(); modal.loadingShown = false; fillContent(); currentSettings.showContent(modal, $.extend({}, currentSettings), endShowContent) }) } } } else if (!modal.loadingShown && !modal.transition) { modal.anim = true; modal.loadingShown = true; if (modal.error) loadingError(); else modal.loading.html(currentSettings.contentLoading); $(currentSettings.closeSelector, modal.loading).click(removeModal); currentSettings.showLoading(modal, currentSettings, function () { modal.anim = false; showContentOrLoading() }) } } } function ajaxLoaded(data) { debug('AjaxLoaded: ' + this.url); modal.tmp.html(currentSettings.selector ? filterScripts($('<div>' + data + '</div>').find(currentSettings.selector).contents()) : filterScripts(data)); if (modal.tmp.html()) { modal.dataReady = true; showContentOrLoading() } else loadingError() } function formDataLoaded() { debug('formDataLoaded'); currentSettings.from.action += currentSettings.selector; currentSettings.from.target = ''; $('input[name=' + currentSettings.formIndicator + ']', currentSettings.from).remove(); var iframe = modal.tmp.children('iframe'); var iframeContent = iframe.unbind('load').contents().find(currentSettings.selector || 'body').not('script[src]'); iframe.attr('src', 'about:blank'); modal.tmp.html(iframeContent.html()); if (modal.tmp.html()) { modal.dataReady = true; showContentOrLoading() } else loadingError() } function endHideContent() { debug('endHideContent'); modal.anim = false; if (contentEltLast) { contentEltLast.append(modal.content.contents()); contentEltLast = null } else if (contentElt) { contentElt.append(modal.content.contents()); contentElt = null } modal.content.empty(); modal.contentWrapper.empty().removeAttr('style').hide().css(currentSettings.css.wrapper).append(modal.content); showContentOrLoading() } function endRemove() { debug('endRemove'); $(document).unbind('keydown', keyHandler); modal.anim = false; modal.full.remove(); modal.full = null; if (isIE6) { body.css({ height: '', width: '', position: '', overflow: '' }); $('html').css({ overflow: '' }) } if ($.isFunction(currentSettings.endRemove)) currentSettings.endRemove(modal, currentSettings) } function endBackground() { debug('endBackground'); modal.ready = true; modal.anim = false; showContentOrLoading() } function endShowContent() { debug('endShowContent'); modal.anim = false; modal.contentWrapper.css({ opacity: '' }); fixFF = $.browser.mozilla && parseFloat($.browser.version) < 1.9 && currentSettings.type != 'gallery' && currentSettings.type != 'image'; if (fixFF) modal.content.css({ position: 'fixed' }); if ($.isFunction(currentSettings.endShowContent)) currentSettings.endShowContent(modal, currentSettings); if (resized.width) setCurrentSettings({ width: null }); if (resized.height) setCurrentSettings({ height: null }) } function getHash(url) { var hashPos = url.indexOf('#'); if (hashPos > -1) return url.substring(hashPos); return '' } function filterScripts(data) { if (typeof data == 'string') data = data.replace(/<\/?(html|head|body)([^>]*)>/gi, ''); var tmp = new Array(); $.each($.clean({ 0: data }, this.ownerDocument), function () { if ($.nodeName(this, "script")) { if (!this.src || $(this).attr('rel') == 'forceLoad') modal.scripts.push(this) } else tmp.push(this) }); return tmp } function getOuter(elm) { elm = elm.get(0); var ret = { h: { margin: getCurCSS(elm, 'marginTop') + getCurCSS(elm, 'marginBottom'), border: getCurCSS(elm, 'borderTopWidth') + getCurCSS(elm, 'borderBottomWidth'), padding: getCurCSS(elm, 'paddingTop') + getCurCSS(elm, 'paddingBottom') }, w: { margin: getCurCSS(elm, 'marginLeft') + getCurCSS(elm, 'marginRight'), border: getCurCSS(elm, 'borderLeftWidth') + getCurCSS(elm, 'borderRightWidth'), padding: getCurCSS(elm, 'paddingLeft') + getCurCSS(elm, 'paddingRight')} }; ret.h.outer = ret.h.margin + ret.h.border; ret.w.outer = ret.w.margin + ret.w.border; ret.h.inner = ret.h.padding + ret.h.border; ret.w.inner = ret.w.padding + ret.w.border; ret.h.total = ret.h.outer + ret.h.padding; ret.w.total = ret.w.outer + ret.w.padding; return ret } function getCurCSS(elm, name) { var ret = parseInt($.curCSS(elm, name, true)); if (isNaN(ret)) ret = 0; return ret } function debug(msg) { if (currentSettings && currentSettings.debug && modal.full) modal.bg.prepend(msg + '<br />') } function showBackground(elts, settings, callback) { elts.bg.css({ opacity: 0 }).fadeTo(500, 0.75, callback) } function hideBackground(elts, settings, callback) { elts.bg.fadeOut(300, callback) } function showLoading(elts, settings, callback) { var h = elts.loading.height(); var w = elts.loading.width(); elts.loading.css({ height: h + 'px', width: w + 'px', marginTop: (-h / 2 + settings.marginScrollTop) + 'px', marginLeft: (-w / 2 + settings.marginScrollLeft) + 'px', opacity: 0 }).show().animate({ opacity: 1 }, { complete: callback, duration: 400 }) } function hideLoading(elts, settings, callback) { callback() } function showContent(elts, settings, callback) { var h = elts.loading.height(); var w = elts.loading.width(); elts.loading.css({ height: h + 'px', width: w + 'px', marginTop: (-h / 2 + settings.marginScrollTop) + 'px', marginLeft: (-w / 2 + settings.marginScrollLeft) + 'px' }).show().animate({ width: settings.width + 'px', height: settings.height + 'px', marginTop: (settings.marginTop) + 'px', marginLeft: (settings.marginLeft) + 'px' }, { duration: 350, complete: function () { elts.contentWrapper.css({ width: settings.width + 'px', height: settings.height + 'px', marginTop: (settings.marginTop) + 'px', marginLeft: (settings.marginLeft) + 'px' }).show(); elts.loading.fadeOut(200, callback) } }) } function hideContent(elts, settings, callback) { elts.contentWrapper.animate({ height: '50px', width: '50px', marginTop: 25 + settings.marginScrollTop + 'px', marginLeft: 25 + settings.marginScrollLeft + 'px' }, { duration: 350, complete: function () { elts.contentWrapper.hide(); callback() } }) } function showTransition(elts, settings, callback) { elts.loading.css({ marginTop: elts.contentWrapper.css('marginTop'), marginLeft: elts.contentWrapper.css('marginLeft'), height: elts.contentWrapper.css('height'), width: elts.contentWrapper.css('width'), opacity: 0 }).show().fadeTo(400, 1, function () { elts.contentWrapper.hide(); callback() }) } function hideTransition(elts, settings, callback) { elts.contentWrapper.css({ width: settings.width + 'px', marginLeft: (settings.marginLeft) + 'px', height: settings.height + 'px', marginTop: (settings.marginTop) + 'px', opacity: 1 }); elts.loading.animate({ width: settings.width + 'px', marginLeft: (settings.marginLeft) + 'px', height: settings.height + 'px', marginTop: (settings.marginTop) + 'px' }, { complete: function () { elts.contentWrapper.show(); elts.loading.fadeOut(400, function () { elts.loading.hide(); callback() }) }, duration: 350 }) } function resize(elts, settings, callback) { elts.contentWrapper.animate({ width: settings.width + 'px', marginLeft: (settings.marginLeft) + 'px', height: settings.height + 'px', marginTop: (settings.marginTop) + 'px' }, { complete: callback, duration: 400 }) } function updateBgColor(elts, settings, callback) { if (!$.fx.step.backgroundColor) { elts.bg.css({ backgroundColor: settings.bgColor }); callback() } else elts.bg.animate({ backgroundColor: settings.bgColor }, { complete: callback, duration: 400 }) } $($.fn.nyroModal.settings.openSelector).nyroModal() });