mirror of
				https://github.com/JKorf/CryptoExchange.Net
				synced 2025-10-29 01:17:50 +00:00 
			
		
		
		
	
		
			
				
	
	
		
			1860 lines
		
	
	
		
			41 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			1860 lines
		
	
	
		
			41 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| /*! Magnific Popup - v1.1.0 - 2016-02-20
 | |
| * http://dimsemenov.com/plugins/magnific-popup/
 | |
| * Copyright (c) 2016 Dmitry Semenov; */
 | |
| ;(function (factory) { 
 | |
| if (typeof define === 'function' && define.amd) { 
 | |
|  // AMD. Register as an anonymous module. 
 | |
|  define(['jquery'], factory); 
 | |
|  } else if (typeof exports === 'object') { 
 | |
|  // Node/CommonJS 
 | |
|  factory(require('jquery')); 
 | |
|  } else { 
 | |
|  // Browser globals 
 | |
|  factory(window.jQuery || window.Zepto); 
 | |
|  } 
 | |
|  }(function($) { 
 | |
| 
 | |
| /*>>core*/
 | |
| /**
 | |
|  * 
 | |
|  * Magnific Popup Core JS file
 | |
|  * 
 | |
|  */
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Private static constants
 | |
|  */
 | |
| var CLOSE_EVENT = 'Close',
 | |
| 	BEFORE_CLOSE_EVENT = 'BeforeClose',
 | |
| 	AFTER_CLOSE_EVENT = 'AfterClose',
 | |
| 	BEFORE_APPEND_EVENT = 'BeforeAppend',
 | |
| 	MARKUP_PARSE_EVENT = 'MarkupParse',
 | |
| 	OPEN_EVENT = 'Open',
 | |
| 	CHANGE_EVENT = 'Change',
 | |
| 	NS = 'mfp',
 | |
| 	EVENT_NS = '.' + NS,
 | |
| 	READY_CLASS = 'mfp-ready',
 | |
| 	REMOVING_CLASS = 'mfp-removing',
 | |
| 	PREVENT_CLOSE_CLASS = 'mfp-prevent-close';
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Private vars 
 | |
|  */
 | |
| /*jshint -W079 */
 | |
| var mfp, // As we have only one instance of MagnificPopup object, we define it locally to not to use 'this'
 | |
| 	MagnificPopup = function(){},
 | |
| 	_isJQ = !!(window.jQuery),
 | |
| 	_prevStatus,
 | |
| 	_window = $(window),
 | |
| 	_document,
 | |
| 	_prevContentType,
 | |
| 	_wrapClasses,
 | |
| 	_currPopupType;
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Private functions
 | |
|  */
 | |
| var _mfpOn = function(name, f) {
 | |
| 		mfp.ev.on(NS + name + EVENT_NS, f);
 | |
| 	},
 | |
| 	_getEl = function(className, appendTo, html, raw) {
 | |
| 		var el = document.createElement('div');
 | |
| 		el.className = 'mfp-'+className;
 | |
| 		if(html) {
 | |
| 			el.innerHTML = html;
 | |
| 		}
 | |
| 		if(!raw) {
 | |
| 			el = $(el);
 | |
| 			if(appendTo) {
 | |
| 				el.appendTo(appendTo);
 | |
| 			}
 | |
| 		} else if(appendTo) {
 | |
| 			appendTo.appendChild(el);
 | |
| 		}
 | |
| 		return el;
 | |
| 	},
 | |
| 	_mfpTrigger = function(e, data) {
 | |
| 		mfp.ev.triggerHandler(NS + e, data);
 | |
| 
 | |
| 		if(mfp.st.callbacks) {
 | |
| 			// converts "mfpEventName" to "eventName" callback and triggers it if it's present
 | |
| 			e = e.charAt(0).toLowerCase() + e.slice(1);
 | |
| 			if(mfp.st.callbacks[e]) {
 | |
| 				mfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);
 | |
| 			}
 | |
| 		}
 | |
| 	},
 | |
| 	_getCloseBtn = function(type) {
 | |
| 		if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
 | |
| 			mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
 | |
| 			_currPopupType = type;
 | |
| 		}
 | |
| 		return mfp.currTemplate.closeBtn;
 | |
| 	},
 | |
| 	// Initialize Magnific Popup only when called at least once
 | |
| 	_checkInstance = function() {
 | |
| 		if(!$.magnificPopup.instance) {
 | |
| 			/*jshint -W020 */
 | |
| 			mfp = new MagnificPopup();
 | |
| 			mfp.init();
 | |
| 			$.magnificPopup.instance = mfp;
 | |
| 		}
 | |
| 	},
 | |
| 	// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
 | |
| 	supportsTransitions = function() {
 | |
| 		var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
 | |
| 			v = ['ms','O','Moz','Webkit']; // 'v' for vendor
 | |
| 
 | |
| 		if( s['transition'] !== undefined ) {
 | |
| 			return true; 
 | |
| 		}
 | |
| 			
 | |
| 		while( v.length ) {
 | |
| 			if( v.pop() + 'Transition' in s ) {
 | |
| 				return true;
 | |
| 			}
 | |
| 		}
 | |
| 				
 | |
| 		return false;
 | |
| 	};
 | |
| 
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Public functions
 | |
|  */
 | |
| MagnificPopup.prototype = {
 | |
| 
 | |
| 	constructor: MagnificPopup,
 | |
| 
 | |
| 	/**
 | |
| 	 * Initializes Magnific Popup plugin. 
 | |
| 	 * This function is triggered only once when $.fn.magnificPopup or $.magnificPopup is executed
 | |
| 	 */
 | |
| 	init: function() {
 | |
| 		var appVersion = navigator.appVersion;
 | |
| 		mfp.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
 | |
| 		mfp.isAndroid = (/android/gi).test(appVersion);
 | |
| 		mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
 | |
| 		mfp.supportsTransition = supportsTransitions();
 | |
| 
 | |
| 		// We disable fixed positioned lightbox on devices that don't handle it nicely.
 | |
| 		// If you know a better way of detecting this - let me know.
 | |
| 		mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
 | |
| 		_document = $(document);
 | |
| 
 | |
| 		mfp.popupsCache = {};
 | |
| 	},
 | |
| 
 | |
| 	/**
 | |
| 	 * Opens popup
 | |
| 	 * @param  data [description]
 | |
| 	 */
 | |
| 	open: function(data) {
 | |
| 
 | |
| 		var i;
 | |
| 
 | |
| 		if(data.isObj === false) { 
 | |
| 			// convert jQuery collection to array to avoid conflicts later
 | |
| 			mfp.items = data.items.toArray();
 | |
| 
 | |
| 			mfp.index = 0;
 | |
| 			var items = data.items,
 | |
| 				item;
 | |
| 			for(i = 0; i < items.length; i++) {
 | |
| 				item = items[i];
 | |
| 				if(item.parsed) {
 | |
| 					item = item.el[0];
 | |
| 				}
 | |
| 				if(item === data.el[0]) {
 | |
| 					mfp.index = i;
 | |
| 					break;
 | |
| 				}
 | |
| 			}
 | |
| 		} else {
 | |
| 			mfp.items = $.isArray(data.items) ? data.items : [data.items];
 | |
| 			mfp.index = data.index || 0;
 | |
| 		}
 | |
| 
 | |
| 		// if popup is already opened - we just update the content
 | |
| 		if(mfp.isOpen) {
 | |
| 			mfp.updateItemHTML();
 | |
| 			return;
 | |
| 		}
 | |
| 		
 | |
| 		mfp.types = []; 
 | |
| 		_wrapClasses = '';
 | |
| 		if(data.mainEl && data.mainEl.length) {
 | |
| 			mfp.ev = data.mainEl.eq(0);
 | |
| 		} else {
 | |
| 			mfp.ev = _document;
 | |
| 		}
 | |
| 
 | |
| 		if(data.key) {
 | |
| 			if(!mfp.popupsCache[data.key]) {
 | |
| 				mfp.popupsCache[data.key] = {};
 | |
| 			}
 | |
| 			mfp.currTemplate = mfp.popupsCache[data.key];
 | |
| 		} else {
 | |
| 			mfp.currTemplate = {};
 | |
| 		}
 | |
| 
 | |
| 
 | |
| 
 | |
| 		mfp.st = $.extend(true, {}, $.magnificPopup.defaults, data ); 
 | |
| 		mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
 | |
| 
 | |
| 		if(mfp.st.modal) {
 | |
| 			mfp.st.closeOnContentClick = false;
 | |
| 			mfp.st.closeOnBgClick = false;
 | |
| 			mfp.st.showCloseBtn = false;
 | |
| 			mfp.st.enableEscapeKey = false;
 | |
| 		}
 | |
| 		
 | |
| 
 | |
| 		// Building markup
 | |
| 		// main containers are created only once
 | |
| 		if(!mfp.bgOverlay) {
 | |
| 
 | |
| 			// Dark overlay
 | |
| 			mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
 | |
| 				mfp.close();
 | |
| 			});
 | |
| 
 | |
| 			mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
 | |
| 				if(mfp._checkIfClose(e.target)) {
 | |
| 					mfp.close();
 | |
| 				}
 | |
| 			});
 | |
| 
 | |
| 			mfp.container = _getEl('container', mfp.wrap);
 | |
| 		}
 | |
| 
 | |
| 		mfp.contentContainer = _getEl('content');
 | |
| 		if(mfp.st.preloader) {
 | |
| 			mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
 | |
| 		}
 | |
| 
 | |
| 
 | |
| 		// Initializing modules
 | |
| 		var modules = $.magnificPopup.modules;
 | |
| 		for(i = 0; i < modules.length; i++) {
 | |
| 			var n = modules[i];
 | |
| 			n = n.charAt(0).toUpperCase() + n.slice(1);
 | |
| 			mfp['init'+n].call(mfp);
 | |
| 		}
 | |
| 		_mfpTrigger('BeforeOpen');
 | |
| 
 | |
| 
 | |
| 		if(mfp.st.showCloseBtn) {
 | |
| 			// Close button
 | |
| 			if(!mfp.st.closeBtnInside) {
 | |
| 				mfp.wrap.append( _getCloseBtn() );
 | |
| 			} else {
 | |
| 				_mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
 | |
| 					values.close_replaceWith = _getCloseBtn(item.type);
 | |
| 				});
 | |
| 				_wrapClasses += ' mfp-close-btn-in';
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		if(mfp.st.alignTop) {
 | |
| 			_wrapClasses += ' mfp-align-top';
 | |
| 		}
 | |
| 
 | |
| 	
 | |
| 
 | |
| 		if(mfp.fixedContentPos) {
 | |
| 			mfp.wrap.css({
 | |
| 				overflow: mfp.st.overflowY,
 | |
| 				overflowX: 'hidden',
 | |
| 				overflowY: mfp.st.overflowY
 | |
| 			});
 | |
| 		} else {
 | |
| 			mfp.wrap.css({ 
 | |
| 				top: _window.scrollTop(),
 | |
| 				position: 'absolute'
 | |
| 			});
 | |
| 		}
 | |
| 		if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
 | |
| 			mfp.bgOverlay.css({
 | |
| 				height: _document.height(),
 | |
| 				position: 'absolute'
 | |
| 			});
 | |
| 		}
 | |
| 
 | |
| 		
 | |
| 
 | |
| 		if(mfp.st.enableEscapeKey) {
 | |
| 			// Close on ESC key
 | |
| 			_document.on('keyup' + EVENT_NS, function(e) {
 | |
| 				if(e.keyCode === 27) {
 | |
| 					mfp.close();
 | |
| 				}
 | |
| 			});
 | |
| 		}
 | |
| 
 | |
| 		_window.on('resize' + EVENT_NS, function() {
 | |
| 			mfp.updateSize();
 | |
| 		});
 | |
| 
 | |
| 
 | |
| 		if(!mfp.st.closeOnContentClick) {
 | |
| 			_wrapClasses += ' mfp-auto-cursor';
 | |
| 		}
 | |
| 		
 | |
| 		if(_wrapClasses)
 | |
| 			mfp.wrap.addClass(_wrapClasses);
 | |
| 
 | |
| 
 | |
| 		// this triggers recalculation of layout, so we get it once to not to trigger twice
 | |
| 		var windowHeight = mfp.wH = _window.height();
 | |
| 
 | |
| 		
 | |
| 		var windowStyles = {};
 | |
| 
 | |
| 		if( mfp.fixedContentPos ) {
 | |
|             if(mfp._hasScrollBar(windowHeight)){
 | |
|                 var s = mfp._getScrollbarSize();
 | |
|                 if(s) {
 | |
|                     windowStyles.marginRight = s;
 | |
|                 }
 | |
|             }
 | |
|         }
 | |
| 
 | |
| 		if(mfp.fixedContentPos) {
 | |
| 			if(!mfp.isIE7) {
 | |
| 				windowStyles.overflow = 'hidden';
 | |
| 			} else {
 | |
| 				// ie7 double-scroll bug
 | |
| 				$('body, html').css('overflow', 'hidden');
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		
 | |
| 		
 | |
| 		var classesToadd = mfp.st.mainClass;
 | |
| 		if(mfp.isIE7) {
 | |
| 			classesToadd += ' mfp-ie7';
 | |
| 		}
 | |
| 		if(classesToadd) {
 | |
| 			mfp._addClassToMFP( classesToadd );
 | |
| 		}
 | |
| 
 | |
| 		// add content
 | |
| 		mfp.updateItemHTML();
 | |
| 
 | |
| 		_mfpTrigger('BuildControls');
 | |
| 
 | |
| 		// remove scrollbar, add margin e.t.c
 | |
| 		$('html').css(windowStyles);
 | |
| 		
 | |
| 		// add everything to DOM
 | |
| 		mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
 | |
| 
 | |
| 		// Save last focused element
 | |
| 		mfp._lastFocusedEl = document.activeElement;
 | |
| 		
 | |
| 		// Wait for next cycle to allow CSS transition
 | |
| 		setTimeout(function() {
 | |
| 			
 | |
| 			if(mfp.content) {
 | |
| 				mfp._addClassToMFP(READY_CLASS);
 | |
| 				mfp._setFocus();
 | |
| 			} else {
 | |
| 				// if content is not defined (not loaded e.t.c) we add class only for BG
 | |
| 				mfp.bgOverlay.addClass(READY_CLASS);
 | |
| 			}
 | |
| 			
 | |
| 			// Trap the focus in popup
 | |
| 			_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
 | |
| 
 | |
| 		}, 16);
 | |
| 
 | |
| 		mfp.isOpen = true;
 | |
| 		mfp.updateSize(windowHeight);
 | |
| 		_mfpTrigger(OPEN_EVENT);
 | |
| 
 | |
| 		return data;
 | |
| 	},
 | |
| 
 | |
| 	/**
 | |
| 	 * Closes the popup
 | |
| 	 */
 | |
| 	close: function() {
 | |
| 		if(!mfp.isOpen) return;
 | |
| 		_mfpTrigger(BEFORE_CLOSE_EVENT);
 | |
| 
 | |
| 		mfp.isOpen = false;
 | |
| 		// for CSS3 animation
 | |
| 		if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition )  {
 | |
| 			mfp._addClassToMFP(REMOVING_CLASS);
 | |
| 			setTimeout(function() {
 | |
| 				mfp._close();
 | |
| 			}, mfp.st.removalDelay);
 | |
| 		} else {
 | |
| 			mfp._close();
 | |
| 		}
 | |
| 	},
 | |
| 
 | |
| 	/**
 | |
| 	 * Helper for close() function
 | |
| 	 */
 | |
| 	_close: function() {
 | |
| 		_mfpTrigger(CLOSE_EVENT);
 | |
| 
 | |
| 		var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
 | |
| 
 | |
| 		mfp.bgOverlay.detach();
 | |
| 		mfp.wrap.detach();
 | |
| 		mfp.container.empty();
 | |
| 
 | |
| 		if(mfp.st.mainClass) {
 | |
| 			classesToRemove += mfp.st.mainClass + ' ';
 | |
| 		}
 | |
| 
 | |
| 		mfp._removeClassFromMFP(classesToRemove);
 | |
| 
 | |
| 		if(mfp.fixedContentPos) {
 | |
| 			var windowStyles = {marginRight: ''};
 | |
| 			if(mfp.isIE7) {
 | |
| 				$('body, html').css('overflow', '');
 | |
| 			} else {
 | |
| 				windowStyles.overflow = '';
 | |
| 			}
 | |
| 			$('html').css(windowStyles);
 | |
| 		}
 | |
| 		
 | |
| 		_document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
 | |
| 		mfp.ev.off(EVENT_NS);
 | |
| 
 | |
| 		// clean up DOM elements that aren't removed
 | |
| 		mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
 | |
| 		mfp.bgOverlay.attr('class', 'mfp-bg');
 | |
| 		mfp.container.attr('class', 'mfp-container');
 | |
| 
 | |
| 		// remove close button from target element
 | |
| 		if(mfp.st.showCloseBtn &&
 | |
| 		(!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
 | |
| 			if(mfp.currTemplate.closeBtn)
 | |
| 				mfp.currTemplate.closeBtn.detach();
 | |
| 		}
 | |
| 
 | |
| 
 | |
| 		if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
 | |
| 			$(mfp._lastFocusedEl).focus(); // put tab focus back
 | |
| 		}
 | |
| 		mfp.currItem = null;	
 | |
| 		mfp.content = null;
 | |
| 		mfp.currTemplate = null;
 | |
| 		mfp.prevHeight = 0;
 | |
| 
 | |
| 		_mfpTrigger(AFTER_CLOSE_EVENT);
 | |
| 	},
 | |
| 	
 | |
| 	updateSize: function(winHeight) {
 | |
| 
 | |
| 		if(mfp.isIOS) {
 | |
| 			// fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
 | |
| 			var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
 | |
| 			var height = window.innerHeight * zoomLevel;
 | |
| 			mfp.wrap.css('height', height);
 | |
| 			mfp.wH = height;
 | |
| 		} else {
 | |
| 			mfp.wH = winHeight || _window.height();
 | |
| 		}
 | |
| 		// Fixes #84: popup incorrectly positioned with position:relative on body
 | |
| 		if(!mfp.fixedContentPos) {
 | |
| 			mfp.wrap.css('height', mfp.wH);
 | |
| 		}
 | |
| 
 | |
| 		_mfpTrigger('Resize');
 | |
| 
 | |
| 	},
 | |
| 
 | |
| 	/**
 | |
| 	 * Set content of popup based on current index
 | |
| 	 */
 | |
| 	updateItemHTML: function() {
 | |
| 		var item = mfp.items[mfp.index];
 | |
| 
 | |
| 		// Detach and perform modifications
 | |
| 		mfp.contentContainer.detach();
 | |
| 
 | |
| 		if(mfp.content)
 | |
| 			mfp.content.detach();
 | |
| 
 | |
| 		if(!item.parsed) {
 | |
| 			item = mfp.parseEl( mfp.index );
 | |
| 		}
 | |
| 
 | |
| 		var type = item.type;
 | |
| 
 | |
| 		_mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
 | |
| 		// BeforeChange event works like so:
 | |
| 		// _mfpOn('BeforeChange', function(e, prevType, newType) { });
 | |
| 
 | |
| 		mfp.currItem = item;
 | |
| 
 | |
| 		if(!mfp.currTemplate[type]) {
 | |
| 			var markup = mfp.st[type] ? mfp.st[type].markup : false;
 | |
| 
 | |
| 			// allows to modify markup
 | |
| 			_mfpTrigger('FirstMarkupParse', markup);
 | |
| 
 | |
| 			if(markup) {
 | |
| 				mfp.currTemplate[type] = $(markup);
 | |
| 			} else {
 | |
| 				// if there is no markup found we just define that template is parsed
 | |
| 				mfp.currTemplate[type] = true;
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		if(_prevContentType && _prevContentType !== item.type) {
 | |
| 			mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
 | |
| 		}
 | |
| 
 | |
| 		var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
 | |
| 		mfp.appendContent(newContent, type);
 | |
| 
 | |
| 		item.preloaded = true;
 | |
| 
 | |
| 		_mfpTrigger(CHANGE_EVENT, item);
 | |
| 		_prevContentType = item.type;
 | |
| 
 | |
| 		// Append container back after its content changed
 | |
| 		mfp.container.prepend(mfp.contentContainer);
 | |
| 
 | |
| 		_mfpTrigger('AfterChange');
 | |
| 	},
 | |
| 
 | |
| 
 | |
| 	/**
 | |
| 	 * Set HTML content of popup
 | |
| 	 */
 | |
| 	appendContent: function(newContent, type) {
 | |
| 		mfp.content = newContent;
 | |
| 
 | |
| 		if(newContent) {
 | |
| 			if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
 | |
| 				mfp.currTemplate[type] === true) {
 | |
| 				// if there is no markup, we just append close button element inside
 | |
| 				if(!mfp.content.find('.mfp-close').length) {
 | |
| 					mfp.content.append(_getCloseBtn());
 | |
| 				}
 | |
| 			} else {
 | |
| 				mfp.content = newContent;
 | |
| 			}
 | |
| 		} else {
 | |
| 			mfp.content = '';
 | |
| 		}
 | |
| 
 | |
| 		_mfpTrigger(BEFORE_APPEND_EVENT);
 | |
| 		mfp.container.addClass('mfp-'+type+'-holder');
 | |
| 
 | |
| 		mfp.contentContainer.append(mfp.content);
 | |
| 	},
 | |
| 
 | |
| 
 | |
| 	/**
 | |
| 	 * Creates Magnific Popup data object based on given data
 | |
| 	 * @param  {int} index Index of item to parse
 | |
| 	 */
 | |
| 	parseEl: function(index) {
 | |
| 		var item = mfp.items[index],
 | |
| 			type;
 | |
| 
 | |
| 		if(item.tagName) {
 | |
| 			item = { el: $(item) };
 | |
| 		} else {
 | |
| 			type = item.type;
 | |
| 			item = { data: item, src: item.src };
 | |
| 		}
 | |
| 
 | |
| 		if(item.el) {
 | |
| 			var types = mfp.types;
 | |
| 
 | |
| 			// check for 'mfp-TYPE' class
 | |
| 			for(var i = 0; i < types.length; i++) {
 | |
| 				if( item.el.hasClass('mfp-'+types[i]) ) {
 | |
| 					type = types[i];
 | |
| 					break;
 | |
| 				}
 | |
| 			}
 | |
| 
 | |
| 			item.src = item.el.attr('data-mfp-src');
 | |
| 			if(!item.src) {
 | |
| 				item.src = item.el.attr('href');
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		item.type = type || mfp.st.type || 'inline';
 | |
| 		item.index = index;
 | |
| 		item.parsed = true;
 | |
| 		mfp.items[index] = item;
 | |
| 		_mfpTrigger('ElementParse', item);
 | |
| 
 | |
| 		return mfp.items[index];
 | |
| 	},
 | |
| 
 | |
| 
 | |
| 	/**
 | |
| 	 * Initializes single popup or a group of popups
 | |
| 	 */
 | |
| 	addGroup: function(el, options) {
 | |
| 		var eHandler = function(e) {
 | |
| 			e.mfpEl = this;
 | |
| 			mfp._openClick(e, el, options);
 | |
| 		};
 | |
| 
 | |
| 		if(!options) {
 | |
| 			options = {};
 | |
| 		}
 | |
| 
 | |
| 		var eName = 'click.magnificPopup';
 | |
| 		options.mainEl = el;
 | |
| 
 | |
| 		if(options.items) {
 | |
| 			options.isObj = true;
 | |
| 			el.off(eName).on(eName, eHandler);
 | |
| 		} else {
 | |
| 			options.isObj = false;
 | |
| 			if(options.delegate) {
 | |
| 				el.off(eName).on(eName, options.delegate , eHandler);
 | |
| 			} else {
 | |
| 				options.items = el;
 | |
| 				el.off(eName).on(eName, eHandler);
 | |
| 			}
 | |
| 		}
 | |
| 	},
 | |
| 	_openClick: function(e, el, options) {
 | |
| 		var midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;
 | |
| 
 | |
| 
 | |
| 		if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
 | |
| 			return;
 | |
| 		}
 | |
| 
 | |
| 		var disableOn = options.disableOn !== undefined ? options.disableOn : $.magnificPopup.defaults.disableOn;
 | |
| 
 | |
| 		if(disableOn) {
 | |
| 			if($.isFunction(disableOn)) {
 | |
| 				if( !disableOn.call(mfp) ) {
 | |
| 					return true;
 | |
| 				}
 | |
| 			} else { // else it's number
 | |
| 				if( _window.width() < disableOn ) {
 | |
| 					return true;
 | |
| 				}
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		if(e.type) {
 | |
| 			e.preventDefault();
 | |
| 
 | |
| 			// This will prevent popup from closing if element is inside and popup is already opened
 | |
| 			if(mfp.isOpen) {
 | |
| 				e.stopPropagation();
 | |
| 			}
 | |
| 		}
 | |
| 
 | |
| 		options.el = $(e.mfpEl);
 | |
| 		if(options.delegate) {
 | |
| 			options.items = el.find(options.delegate);
 | |
| 		}
 | |
| 		mfp.open(options);
 | |
| 	},
 | |
| 
 | |
| 
 | |
| 	/**
 | |
| 	 * Updates text on preloader
 | |
| 	 */
 | |
| 	updateStatus: function(status, text) {
 | |
| 
 | |
| 		if(mfp.preloader) {
 | |
| 			if(_prevStatus !== status) {
 | |
| 				mfp.container.removeClass('mfp-s-'+_prevStatus);
 | |
| 			}
 | |
| 
 | |
| 			if(!text && status === 'loading') {
 | |
| 				text = mfp.st.tLoading;
 | |
| 			}
 | |
| 
 | |
| 			var data = {
 | |
| 				status: status,
 | |
| 				text: text
 | |
| 			};
 | |
| 			// allows to modify status
 | |
| 			_mfpTrigger('UpdateStatus', data);
 | |
| 
 | |
| 			status = data.status;
 | |
| 			text = data.text;
 | |
| 
 | |
| 			mfp.preloader.html(text);
 | |
| 
 | |
| 			mfp.preloader.find('a').on('click', function(e) {
 | |
| 				e.stopImmediatePropagation();
 | |
| 			});
 | |
| 
 | |
| 			mfp.container.addClass('mfp-s-'+status);
 | |
| 			_prevStatus = status;
 | |
| 		}
 | |
| 	},
 | |
| 
 | |
| 
 | |
| 	/*
 | |
| 		"Private" helpers that aren't private at all
 | |
| 	 */
 | |
| 	// Check to close popup or not
 | |
| 	// "target" is an element that was clicked
 | |
| 	_checkIfClose: function(target) {
 | |
| 
 | |
| 		if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
 | |
| 			return;
 | |
| 		}
 | |
| 
 | |
| 		var closeOnContent = mfp.st.closeOnContentClick;
 | |
| 		var closeOnBg = mfp.st.closeOnBgClick;
 | |
| 
 | |
| 		if(closeOnContent && closeOnBg) {
 | |
| 			return true;
 | |
| 		} else {
 | |
| 
 | |
| 			// We close the popup if click is on close button or on preloader. Or if there is no content.
 | |
| 			if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
 | |
| 				return true;
 | |
| 			}
 | |
| 
 | |
| 			// if click is outside the content
 | |
| 			if(  (target !== mfp.content[0] && !$.contains(mfp.content[0], target))  ) {
 | |
| 				if(closeOnBg) {
 | |
| 					// last check, if the clicked element is in DOM, (in case it's removed onclick)
 | |
| 					if( $.contains(document, target) ) {
 | |
| 						return true;
 | |
| 					}
 | |
| 				}
 | |
| 			} else if(closeOnContent) {
 | |
| 				return true;
 | |
| 			}
 | |
| 
 | |
| 		}
 | |
| 		return false;
 | |
| 	},
 | |
| 	_addClassToMFP: function(cName) {
 | |
| 		mfp.bgOverlay.addClass(cName);
 | |
| 		mfp.wrap.addClass(cName);
 | |
| 	},
 | |
| 	_removeClassFromMFP: function(cName) {
 | |
| 		this.bgOverlay.removeClass(cName);
 | |
| 		mfp.wrap.removeClass(cName);
 | |
| 	},
 | |
| 	_hasScrollBar: function(winHeight) {
 | |
| 		return (  (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
 | |
| 	},
 | |
| 	_setFocus: function() {
 | |
| 		(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
 | |
| 	},
 | |
| 	_onFocusIn: function(e) {
 | |
| 		if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
 | |
| 			mfp._setFocus();
 | |
| 			return false;
 | |
| 		}
 | |
| 	},
 | |
| 	_parseMarkup: function(template, values, item) {
 | |
| 		var arr;
 | |
| 		if(item.data) {
 | |
| 			values = $.extend(item.data, values);
 | |
| 		}
 | |
| 		_mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
 | |
| 
 | |
| 		$.each(values, function(key, value) {
 | |
| 			if(value === undefined || value === false) {
 | |
| 				return true;
 | |
| 			}
 | |
| 			arr = key.split('_');
 | |
| 			if(arr.length > 1) {
 | |
| 				var el = template.find(EVENT_NS + '-'+arr[0]);
 | |
| 
 | |
| 				if(el.length > 0) {
 | |
| 					var attr = arr[1];
 | |
| 					if(attr === 'replaceWith') {
 | |
| 						if(el[0] !== value[0]) {
 | |
| 							el.replaceWith(value);
 | |
| 						}
 | |
| 					} else if(attr === 'img') {
 | |
| 						if(el.is('img')) {
 | |
| 							el.attr('src', value);
 | |
| 						} else {
 | |
| 							el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
 | |
| 						}
 | |
| 					} else {
 | |
| 						el.attr(arr[1], value);
 | |
| 					}
 | |
| 				}
 | |
| 
 | |
| 			} else {
 | |
| 				template.find(EVENT_NS + '-'+key).html(value);
 | |
| 			}
 | |
| 		});
 | |
| 	},
 | |
| 
 | |
| 	_getScrollbarSize: function() {
 | |
| 		// thx David
 | |
| 		if(mfp.scrollbarSize === undefined) {
 | |
| 			var scrollDiv = document.createElement("div");
 | |
| 			scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
 | |
| 			document.body.appendChild(scrollDiv);
 | |
| 			mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
 | |
| 			document.body.removeChild(scrollDiv);
 | |
| 		}
 | |
| 		return mfp.scrollbarSize;
 | |
| 	}
 | |
| 
 | |
| }; /* MagnificPopup core prototype end */
 | |
| 
 | |
| 
 | |
| 
 | |
| 
 | |
| /**
 | |
|  * Public static functions
 | |
|  */
 | |
| $.magnificPopup = {
 | |
| 	instance: null,
 | |
| 	proto: MagnificPopup.prototype,
 | |
| 	modules: [],
 | |
| 
 | |
| 	open: function(options, index) {
 | |
| 		_checkInstance();
 | |
| 
 | |
| 		if(!options) {
 | |
| 			options = {};
 | |
| 		} else {
 | |
| 			options = $.extend(true, {}, options);
 | |
| 		}
 | |
| 
 | |
| 		options.isObj = true;
 | |
| 		options.index = index || 0;
 | |
| 		return this.instance.open(options);
 | |
| 	},
 | |
| 
 | |
| 	close: function() {
 | |
| 		return $.magnificPopup.instance && $.magnificPopup.instance.close();
 | |
| 	},
 | |
| 
 | |
| 	registerModule: function(name, module) {
 | |
| 		if(module.options) {
 | |
| 			$.magnificPopup.defaults[name] = module.options;
 | |
| 		}
 | |
| 		$.extend(this.proto, module.proto);
 | |
| 		this.modules.push(name);
 | |
| 	},
 | |
| 
 | |
| 	defaults: {
 | |
| 
 | |
| 		// Info about options is in docs:
 | |
| 		// http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
 | |
| 
 | |
| 		disableOn: 0,
 | |
| 
 | |
| 		key: null,
 | |
| 
 | |
| 		midClick: false,
 | |
| 
 | |
| 		mainClass: '',
 | |
| 
 | |
| 		preloader: true,
 | |
| 
 | |
| 		focus: '', // CSS selector of input to focus after popup is opened
 | |
| 
 | |
| 		closeOnContentClick: false,
 | |
| 
 | |
| 		closeOnBgClick: true,
 | |
| 
 | |
| 		closeBtnInside: true,
 | |
| 
 | |
| 		showCloseBtn: true,
 | |
| 
 | |
| 		enableEscapeKey: true,
 | |
| 
 | |
| 		modal: false,
 | |
| 
 | |
| 		alignTop: false,
 | |
| 
 | |
| 		removalDelay: 0,
 | |
| 
 | |
| 		prependTo: null,
 | |
| 
 | |
| 		fixedContentPos: 'auto',
 | |
| 
 | |
| 		fixedBgPos: 'auto',
 | |
| 
 | |
| 		overflowY: 'auto',
 | |
| 
 | |
| 		closeMarkup: '<button title="%title%" type="button" class="mfp-close">×</button>',
 | |
| 
 | |
| 		tClose: 'Close (Esc)',
 | |
| 
 | |
| 		tLoading: 'Loading...',
 | |
| 
 | |
| 		autoFocusLast: true
 | |
| 
 | |
| 	}
 | |
| };
 | |
| 
 | |
| 
 | |
| 
 | |
| $.fn.magnificPopup = function(options) {
 | |
| 	_checkInstance();
 | |
| 
 | |
| 	var jqEl = $(this);
 | |
| 
 | |
| 	// We call some API method of first param is a string
 | |
| 	if (typeof options === "string" ) {
 | |
| 
 | |
| 		if(options === 'open') {
 | |
| 			var items,
 | |
| 				itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
 | |
| 				index = parseInt(arguments[1], 10) || 0;
 | |
| 
 | |
| 			if(itemOpts.items) {
 | |
| 				items = itemOpts.items[index];
 | |
| 			} else {
 | |
| 				items = jqEl;
 | |
| 				if(itemOpts.delegate) {
 | |
| 					items = items.find(itemOpts.delegate);
 | |
| 				}
 | |
| 				items = items.eq( index );
 | |
| 			}
 | |
| 			mfp._openClick({mfpEl:items}, jqEl, itemOpts);
 | |
| 		} else {
 | |
| 			if(mfp.isOpen)
 | |
| 				mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
 | |
| 		}
 | |
| 
 | |
| 	} else {
 | |
| 		// clone options obj
 | |
| 		options = $.extend(true, {}, options);
 | |
| 
 | |
| 		/*
 | |
| 		 * As Zepto doesn't support .data() method for objects
 | |
| 		 * and it works only in normal browsers
 | |
| 		 * we assign "options" object directly to the DOM element. FTW!
 | |
| 		 */
 | |
| 		if(_isJQ) {
 | |
| 			jqEl.data('magnificPopup', options);
 | |
| 		} else {
 | |
| 			jqEl[0].magnificPopup = options;
 | |
| 		}
 | |
| 
 | |
| 		mfp.addGroup(jqEl, options);
 | |
| 
 | |
| 	}
 | |
| 	return jqEl;
 | |
| };
 | |
| 
 | |
| /*>>core*/
 | |
| 
 | |
| /*>>inline*/
 | |
| 
 | |
| var INLINE_NS = 'inline',
 | |
| 	_hiddenClass,
 | |
| 	_inlinePlaceholder,
 | |
| 	_lastInlineElement,
 | |
| 	_putInlineElementsBack = function() {
 | |
| 		if(_lastInlineElement) {
 | |
| 			_inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
 | |
| 			_lastInlineElement = null;
 | |
| 		}
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule(INLINE_NS, {
 | |
| 	options: {
 | |
| 		hiddenClass: 'hide', // will be appended with `mfp-` prefix
 | |
| 		markup: '',
 | |
| 		tNotFound: 'Content not found'
 | |
| 	},
 | |
| 	proto: {
 | |
| 
 | |
| 		initInline: function() {
 | |
| 			mfp.types.push(INLINE_NS);
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
 | |
| 				_putInlineElementsBack();
 | |
| 			});
 | |
| 		},
 | |
| 
 | |
| 		getInline: function(item, template) {
 | |
| 
 | |
| 			_putInlineElementsBack();
 | |
| 
 | |
| 			if(item.src) {
 | |
| 				var inlineSt = mfp.st.inline,
 | |
| 					el = $(item.src);
 | |
| 
 | |
| 				if(el.length) {
 | |
| 
 | |
| 					// If target element has parent - we replace it with placeholder and put it back after popup is closed
 | |
| 					var parent = el[0].parentNode;
 | |
| 					if(parent && parent.tagName) {
 | |
| 						if(!_inlinePlaceholder) {
 | |
| 							_hiddenClass = inlineSt.hiddenClass;
 | |
| 							_inlinePlaceholder = _getEl(_hiddenClass);
 | |
| 							_hiddenClass = 'mfp-'+_hiddenClass;
 | |
| 						}
 | |
| 						// replace target inline element with placeholder
 | |
| 						_lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
 | |
| 					}
 | |
| 
 | |
| 					mfp.updateStatus('ready');
 | |
| 				} else {
 | |
| 					mfp.updateStatus('error', inlineSt.tNotFound);
 | |
| 					el = $('<div>');
 | |
| 				}
 | |
| 
 | |
| 				item.inlineElement = el;
 | |
| 				return el;
 | |
| 			}
 | |
| 
 | |
| 			mfp.updateStatus('ready');
 | |
| 			mfp._parseMarkup(template, {}, item);
 | |
| 			return template;
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| /*>>inline*/
 | |
| 
 | |
| /*>>ajax*/
 | |
| var AJAX_NS = 'ajax',
 | |
| 	_ajaxCur,
 | |
| 	_removeAjaxCursor = function() {
 | |
| 		if(_ajaxCur) {
 | |
| 			$(document.body).removeClass(_ajaxCur);
 | |
| 		}
 | |
| 	},
 | |
| 	_destroyAjaxRequest = function() {
 | |
| 		_removeAjaxCursor();
 | |
| 		if(mfp.req) {
 | |
| 			mfp.req.abort();
 | |
| 		}
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule(AJAX_NS, {
 | |
| 
 | |
| 	options: {
 | |
| 		settings: null,
 | |
| 		cursor: 'mfp-ajax-cur',
 | |
| 		tError: '<a href="%url%">The content</a> could not be loaded.'
 | |
| 	},
 | |
| 
 | |
| 	proto: {
 | |
| 		initAjax: function() {
 | |
| 			mfp.types.push(AJAX_NS);
 | |
| 			_ajaxCur = mfp.st.ajax.cursor;
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT+'.'+AJAX_NS, _destroyAjaxRequest);
 | |
| 			_mfpOn('BeforeChange.' + AJAX_NS, _destroyAjaxRequest);
 | |
| 		},
 | |
| 		getAjax: function(item) {
 | |
| 
 | |
| 			if(_ajaxCur) {
 | |
| 				$(document.body).addClass(_ajaxCur);
 | |
| 			}
 | |
| 
 | |
| 			mfp.updateStatus('loading');
 | |
| 
 | |
| 			var opts = $.extend({
 | |
| 				url: item.src,
 | |
| 				success: function(data, textStatus, jqXHR) {
 | |
| 					var temp = {
 | |
| 						data:data,
 | |
| 						xhr:jqXHR
 | |
| 					};
 | |
| 
 | |
| 					_mfpTrigger('ParseAjax', temp);
 | |
| 
 | |
| 					mfp.appendContent( $(temp.data), AJAX_NS );
 | |
| 
 | |
| 					item.finished = true;
 | |
| 
 | |
| 					_removeAjaxCursor();
 | |
| 
 | |
| 					mfp._setFocus();
 | |
| 
 | |
| 					setTimeout(function() {
 | |
| 						mfp.wrap.addClass(READY_CLASS);
 | |
| 					}, 16);
 | |
| 
 | |
| 					mfp.updateStatus('ready');
 | |
| 
 | |
| 					_mfpTrigger('AjaxContentAdded');
 | |
| 				},
 | |
| 				error: function() {
 | |
| 					_removeAjaxCursor();
 | |
| 					item.finished = item.loadError = true;
 | |
| 					mfp.updateStatus('error', mfp.st.ajax.tError.replace('%url%', item.src));
 | |
| 				}
 | |
| 			}, mfp.st.ajax.settings);
 | |
| 
 | |
| 			mfp.req = $.ajax(opts);
 | |
| 
 | |
| 			return '';
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| /*>>ajax*/
 | |
| 
 | |
| /*>>image*/
 | |
| var _imgInterval,
 | |
| 	_getTitle = function(item) {
 | |
| 		if(item.data && item.data.title !== undefined)
 | |
| 			return item.data.title;
 | |
| 
 | |
| 		var src = mfp.st.image.titleSrc;
 | |
| 
 | |
| 		if(src) {
 | |
| 			if($.isFunction(src)) {
 | |
| 				return src.call(mfp, item);
 | |
| 			} else if(item.el) {
 | |
| 				return item.el.attr(src) || '';
 | |
| 			}
 | |
| 		}
 | |
| 		return '';
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule('image', {
 | |
| 
 | |
| 	options: {
 | |
| 		markup: '<div class="mfp-figure">'+
 | |
| 					'<div class="mfp-close"></div>'+
 | |
| 					'<figure>'+
 | |
| 						'<div class="mfp-img"></div>'+
 | |
| 						'<figcaption>'+
 | |
| 							'<div class="mfp-bottom-bar">'+
 | |
| 								'<div class="mfp-title"></div>'+
 | |
| 								'<div class="mfp-counter"></div>'+
 | |
| 							'</div>'+
 | |
| 						'</figcaption>'+
 | |
| 					'</figure>'+
 | |
| 				'</div>',
 | |
| 		cursor: 'mfp-zoom-out-cur',
 | |
| 		titleSrc: 'title',
 | |
| 		verticalFit: true,
 | |
| 		tError: '<a href="%url%">The image</a> could not be loaded.'
 | |
| 	},
 | |
| 
 | |
| 	proto: {
 | |
| 		initImage: function() {
 | |
| 			var imgSt = mfp.st.image,
 | |
| 				ns = '.image';
 | |
| 
 | |
| 			mfp.types.push('image');
 | |
| 
 | |
| 			_mfpOn(OPEN_EVENT+ns, function() {
 | |
| 				if(mfp.currItem.type === 'image' && imgSt.cursor) {
 | |
| 					$(document.body).addClass(imgSt.cursor);
 | |
| 				}
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT+ns, function() {
 | |
| 				if(imgSt.cursor) {
 | |
| 					$(document.body).removeClass(imgSt.cursor);
 | |
| 				}
 | |
| 				_window.off('resize' + EVENT_NS);
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn('Resize'+ns, mfp.resizeImage);
 | |
| 			if(mfp.isLowIE) {
 | |
| 				_mfpOn('AfterChange', mfp.resizeImage);
 | |
| 			}
 | |
| 		},
 | |
| 		resizeImage: function() {
 | |
| 			var item = mfp.currItem;
 | |
| 			if(!item || !item.img) return;
 | |
| 
 | |
| 			if(mfp.st.image.verticalFit) {
 | |
| 				var decr = 0;
 | |
| 				// fix box-sizing in ie7/8
 | |
| 				if(mfp.isLowIE) {
 | |
| 					decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
 | |
| 				}
 | |
| 				item.img.css('max-height', mfp.wH-decr);
 | |
| 			}
 | |
| 		},
 | |
| 		_onImageHasSize: function(item) {
 | |
| 			if(item.img) {
 | |
| 
 | |
| 				item.hasSize = true;
 | |
| 
 | |
| 				if(_imgInterval) {
 | |
| 					clearInterval(_imgInterval);
 | |
| 				}
 | |
| 
 | |
| 				item.isCheckingImgSize = false;
 | |
| 
 | |
| 				_mfpTrigger('ImageHasSize', item);
 | |
| 
 | |
| 				if(item.imgHidden) {
 | |
| 					if(mfp.content)
 | |
| 						mfp.content.removeClass('mfp-loading');
 | |
| 
 | |
| 					item.imgHidden = false;
 | |
| 				}
 | |
| 
 | |
| 			}
 | |
| 		},
 | |
| 
 | |
| 		/**
 | |
| 		 * Function that loops until the image has size to display elements that rely on it asap
 | |
| 		 */
 | |
| 		findImageSize: function(item) {
 | |
| 
 | |
| 			var counter = 0,
 | |
| 				img = item.img[0],
 | |
| 				mfpSetInterval = function(delay) {
 | |
| 
 | |
| 					if(_imgInterval) {
 | |
| 						clearInterval(_imgInterval);
 | |
| 					}
 | |
| 					// decelerating interval that checks for size of an image
 | |
| 					_imgInterval = setInterval(function() {
 | |
| 						if(img.naturalWidth > 0) {
 | |
| 							mfp._onImageHasSize(item);
 | |
| 							return;
 | |
| 						}
 | |
| 
 | |
| 						if(counter > 200) {
 | |
| 							clearInterval(_imgInterval);
 | |
| 						}
 | |
| 
 | |
| 						counter++;
 | |
| 						if(counter === 3) {
 | |
| 							mfpSetInterval(10);
 | |
| 						} else if(counter === 40) {
 | |
| 							mfpSetInterval(50);
 | |
| 						} else if(counter === 100) {
 | |
| 							mfpSetInterval(500);
 | |
| 						}
 | |
| 					}, delay);
 | |
| 				};
 | |
| 
 | |
| 			mfpSetInterval(1);
 | |
| 		},
 | |
| 
 | |
| 		getImage: function(item, template) {
 | |
| 
 | |
| 			var guard = 0,
 | |
| 
 | |
| 				// image load complete handler
 | |
| 				onLoadComplete = function() {
 | |
| 					if(item) {
 | |
| 						if (item.img[0].complete) {
 | |
| 							item.img.off('.mfploader');
 | |
| 
 | |
| 							if(item === mfp.currItem){
 | |
| 								mfp._onImageHasSize(item);
 | |
| 
 | |
| 								mfp.updateStatus('ready');
 | |
| 							}
 | |
| 
 | |
| 							item.hasSize = true;
 | |
| 							item.loaded = true;
 | |
| 
 | |
| 							_mfpTrigger('ImageLoadComplete');
 | |
| 
 | |
| 						}
 | |
| 						else {
 | |
| 							// if image complete check fails 200 times (20 sec), we assume that there was an error.
 | |
| 							guard++;
 | |
| 							if(guard < 200) {
 | |
| 								setTimeout(onLoadComplete,100);
 | |
| 							} else {
 | |
| 								onLoadError();
 | |
| 							}
 | |
| 						}
 | |
| 					}
 | |
| 				},
 | |
| 
 | |
| 				// image error handler
 | |
| 				onLoadError = function() {
 | |
| 					if(item) {
 | |
| 						item.img.off('.mfploader');
 | |
| 						if(item === mfp.currItem){
 | |
| 							mfp._onImageHasSize(item);
 | |
| 							mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
 | |
| 						}
 | |
| 
 | |
| 						item.hasSize = true;
 | |
| 						item.loaded = true;
 | |
| 						item.loadError = true;
 | |
| 					}
 | |
| 				},
 | |
| 				imgSt = mfp.st.image;
 | |
| 
 | |
| 
 | |
| 			var el = template.find('.mfp-img');
 | |
| 			if(el.length) {
 | |
| 				var img = document.createElement('img');
 | |
| 				img.className = 'mfp-img';
 | |
| 				if(item.el && item.el.find('img').length) {
 | |
| 					img.alt = item.el.find('img').attr('alt');
 | |
| 				}
 | |
| 				item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
 | |
| 				img.src = item.src;
 | |
| 
 | |
| 				// without clone() "error" event is not firing when IMG is replaced by new IMG
 | |
| 				// TODO: find a way to avoid such cloning
 | |
| 				if(el.is('img')) {
 | |
| 					item.img = item.img.clone();
 | |
| 				}
 | |
| 
 | |
| 				img = item.img[0];
 | |
| 				if(img.naturalWidth > 0) {
 | |
| 					item.hasSize = true;
 | |
| 				} else if(!img.width) {
 | |
| 					item.hasSize = false;
 | |
| 				}
 | |
| 			}
 | |
| 
 | |
| 			mfp._parseMarkup(template, {
 | |
| 				title: _getTitle(item),
 | |
| 				img_replaceWith: item.img
 | |
| 			}, item);
 | |
| 
 | |
| 			mfp.resizeImage();
 | |
| 
 | |
| 			if(item.hasSize) {
 | |
| 				if(_imgInterval) clearInterval(_imgInterval);
 | |
| 
 | |
| 				if(item.loadError) {
 | |
| 					template.addClass('mfp-loading');
 | |
| 					mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
 | |
| 				} else {
 | |
| 					template.removeClass('mfp-loading');
 | |
| 					mfp.updateStatus('ready');
 | |
| 				}
 | |
| 				return template;
 | |
| 			}
 | |
| 
 | |
| 			mfp.updateStatus('loading');
 | |
| 			item.loading = true;
 | |
| 
 | |
| 			if(!item.hasSize) {
 | |
| 				item.imgHidden = true;
 | |
| 				template.addClass('mfp-loading');
 | |
| 				mfp.findImageSize(item);
 | |
| 			}
 | |
| 
 | |
| 			return template;
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| /*>>image*/
 | |
| 
 | |
| /*>>zoom*/
 | |
| var hasMozTransform,
 | |
| 	getHasMozTransform = function() {
 | |
| 		if(hasMozTransform === undefined) {
 | |
| 			hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
 | |
| 		}
 | |
| 		return hasMozTransform;
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule('zoom', {
 | |
| 
 | |
| 	options: {
 | |
| 		enabled: false,
 | |
| 		easing: 'ease-in-out',
 | |
| 		duration: 300,
 | |
| 		opener: function(element) {
 | |
| 			return element.is('img') ? element : element.find('img');
 | |
| 		}
 | |
| 	},
 | |
| 
 | |
| 	proto: {
 | |
| 
 | |
| 		initZoom: function() {
 | |
| 			var zoomSt = mfp.st.zoom,
 | |
| 				ns = '.zoom',
 | |
| 				image;
 | |
| 
 | |
| 			if(!zoomSt.enabled || !mfp.supportsTransition) {
 | |
| 				return;
 | |
| 			}
 | |
| 
 | |
| 			var duration = zoomSt.duration,
 | |
| 				getElToAnimate = function(image) {
 | |
| 					var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
 | |
| 						transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
 | |
| 						cssObj = {
 | |
| 							position: 'fixed',
 | |
| 							zIndex: 9999,
 | |
| 							left: 0,
 | |
| 							top: 0,
 | |
| 							'-webkit-backface-visibility': 'hidden'
 | |
| 						},
 | |
| 						t = 'transition';
 | |
| 
 | |
| 					cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
 | |
| 
 | |
| 					newImg.css(cssObj);
 | |
| 					return newImg;
 | |
| 				},
 | |
| 				showMainContent = function() {
 | |
| 					mfp.content.css('visibility', 'visible');
 | |
| 				},
 | |
| 				openTimeout,
 | |
| 				animatedImg;
 | |
| 
 | |
| 			_mfpOn('BuildControls'+ns, function() {
 | |
| 				if(mfp._allowZoom()) {
 | |
| 
 | |
| 					clearTimeout(openTimeout);
 | |
| 					mfp.content.css('visibility', 'hidden');
 | |
| 
 | |
| 					// Basically, all code below does is clones existing image, puts in on top of the current one and animated it
 | |
| 
 | |
| 					image = mfp._getItemToZoom();
 | |
| 
 | |
| 					if(!image) {
 | |
| 						showMainContent();
 | |
| 						return;
 | |
| 					}
 | |
| 
 | |
| 					animatedImg = getElToAnimate(image);
 | |
| 
 | |
| 					animatedImg.css( mfp._getOffset() );
 | |
| 
 | |
| 					mfp.wrap.append(animatedImg);
 | |
| 
 | |
| 					openTimeout = setTimeout(function() {
 | |
| 						animatedImg.css( mfp._getOffset( true ) );
 | |
| 						openTimeout = setTimeout(function() {
 | |
| 
 | |
| 							showMainContent();
 | |
| 
 | |
| 							setTimeout(function() {
 | |
| 								animatedImg.remove();
 | |
| 								image = animatedImg = null;
 | |
| 								_mfpTrigger('ZoomAnimationEnded');
 | |
| 							}, 16); // avoid blink when switching images
 | |
| 
 | |
| 						}, duration); // this timeout equals animation duration
 | |
| 
 | |
| 					}, 16); // by adding this timeout we avoid short glitch at the beginning of animation
 | |
| 
 | |
| 
 | |
| 					// Lots of timeouts...
 | |
| 				}
 | |
| 			});
 | |
| 			_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
 | |
| 				if(mfp._allowZoom()) {
 | |
| 
 | |
| 					clearTimeout(openTimeout);
 | |
| 
 | |
| 					mfp.st.removalDelay = duration;
 | |
| 
 | |
| 					if(!image) {
 | |
| 						image = mfp._getItemToZoom();
 | |
| 						if(!image) {
 | |
| 							return;
 | |
| 						}
 | |
| 						animatedImg = getElToAnimate(image);
 | |
| 					}
 | |
| 
 | |
| 					animatedImg.css( mfp._getOffset(true) );
 | |
| 					mfp.wrap.append(animatedImg);
 | |
| 					mfp.content.css('visibility', 'hidden');
 | |
| 
 | |
| 					setTimeout(function() {
 | |
| 						animatedImg.css( mfp._getOffset() );
 | |
| 					}, 16);
 | |
| 				}
 | |
| 
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT+ns, function() {
 | |
| 				if(mfp._allowZoom()) {
 | |
| 					showMainContent();
 | |
| 					if(animatedImg) {
 | |
| 						animatedImg.remove();
 | |
| 					}
 | |
| 					image = null;
 | |
| 				}
 | |
| 			});
 | |
| 		},
 | |
| 
 | |
| 		_allowZoom: function() {
 | |
| 			return mfp.currItem.type === 'image';
 | |
| 		},
 | |
| 
 | |
| 		_getItemToZoom: function() {
 | |
| 			if(mfp.currItem.hasSize) {
 | |
| 				return mfp.currItem.img;
 | |
| 			} else {
 | |
| 				return false;
 | |
| 			}
 | |
| 		},
 | |
| 
 | |
| 		// Get element postion relative to viewport
 | |
| 		_getOffset: function(isLarge) {
 | |
| 			var el;
 | |
| 			if(isLarge) {
 | |
| 				el = mfp.currItem.img;
 | |
| 			} else {
 | |
| 				el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
 | |
| 			}
 | |
| 
 | |
| 			var offset = el.offset();
 | |
| 			var paddingTop = parseInt(el.css('padding-top'),10);
 | |
| 			var paddingBottom = parseInt(el.css('padding-bottom'),10);
 | |
| 			offset.top -= ( $(window).scrollTop() - paddingTop );
 | |
| 
 | |
| 
 | |
| 			/*
 | |
| 
 | |
| 			Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
 | |
| 
 | |
| 			 */
 | |
| 			var obj = {
 | |
| 				width: el.width(),
 | |
| 				// fix Zepto height+padding issue
 | |
| 				height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
 | |
| 			};
 | |
| 
 | |
| 			// I hate to do this, but there is no another option
 | |
| 			if( getHasMozTransform() ) {
 | |
| 				obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
 | |
| 			} else {
 | |
| 				obj.left = offset.left;
 | |
| 				obj.top = offset.top;
 | |
| 			}
 | |
| 			return obj;
 | |
| 		}
 | |
| 
 | |
| 	}
 | |
| });
 | |
| 
 | |
| 
 | |
| 
 | |
| /*>>zoom*/
 | |
| 
 | |
| /*>>iframe*/
 | |
| 
 | |
| var IFRAME_NS = 'iframe',
 | |
| 	_emptyPage = '//about:blank',
 | |
| 
 | |
| 	_fixIframeBugs = function(isShowing) {
 | |
| 		if(mfp.currTemplate[IFRAME_NS]) {
 | |
| 			var el = mfp.currTemplate[IFRAME_NS].find('iframe');
 | |
| 			if(el.length) {
 | |
| 				// reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
 | |
| 				if(!isShowing) {
 | |
| 					el[0].src = _emptyPage;
 | |
| 				}
 | |
| 
 | |
| 				// IE8 black screen bug fix
 | |
| 				if(mfp.isIE8) {
 | |
| 					el.css('display', isShowing ? 'block' : 'none');
 | |
| 				}
 | |
| 			}
 | |
| 		}
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule(IFRAME_NS, {
 | |
| 
 | |
| 	options: {
 | |
| 		markup: '<div class="mfp-iframe-scaler">'+
 | |
| 					'<div class="mfp-close"></div>'+
 | |
| 					'<iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe>'+
 | |
| 				'</div>',
 | |
| 
 | |
| 		srcAction: 'iframe_src',
 | |
| 
 | |
| 		// we don't care and support only one default type of URL by default
 | |
| 		patterns: {
 | |
| 			youtube: {
 | |
| 				index: 'youtube.com',
 | |
| 				id: 'v=',
 | |
| 				src: '//www.youtube.com/embed/%id%?autoplay=1'
 | |
| 			},
 | |
| 			vimeo: {
 | |
| 				index: 'vimeo.com/',
 | |
| 				id: '/',
 | |
| 				src: '//player.vimeo.com/video/%id%?autoplay=1'
 | |
| 			},
 | |
| 			gmaps: {
 | |
| 				index: '//maps.google.',
 | |
| 				src: '%id%&output=embed'
 | |
| 			}
 | |
| 		}
 | |
| 	},
 | |
| 
 | |
| 	proto: {
 | |
| 		initIframe: function() {
 | |
| 			mfp.types.push(IFRAME_NS);
 | |
| 
 | |
| 			_mfpOn('BeforeChange', function(e, prevType, newType) {
 | |
| 				if(prevType !== newType) {
 | |
| 					if(prevType === IFRAME_NS) {
 | |
| 						_fixIframeBugs(); // iframe if removed
 | |
| 					} else if(newType === IFRAME_NS) {
 | |
| 						_fixIframeBugs(true); // iframe is showing
 | |
| 					}
 | |
| 				}// else {
 | |
| 					// iframe source is switched, don't do anything
 | |
| 				//}
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
 | |
| 				_fixIframeBugs();
 | |
| 			});
 | |
| 		},
 | |
| 
 | |
| 		getIframe: function(item, template) {
 | |
| 			var embedSrc = item.src;
 | |
| 			var iframeSt = mfp.st.iframe;
 | |
| 
 | |
| 			$.each(iframeSt.patterns, function() {
 | |
| 				if(embedSrc.indexOf( this.index ) > -1) {
 | |
| 					if(this.id) {
 | |
| 						if(typeof this.id === 'string') {
 | |
| 							embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
 | |
| 						} else {
 | |
| 							embedSrc = this.id.call( this, embedSrc );
 | |
| 						}
 | |
| 					}
 | |
| 					embedSrc = this.src.replace('%id%', embedSrc );
 | |
| 					return false; // break;
 | |
| 				}
 | |
| 			});
 | |
| 
 | |
| 			var dataObj = {};
 | |
| 			if(iframeSt.srcAction) {
 | |
| 				dataObj[iframeSt.srcAction] = embedSrc;
 | |
| 			}
 | |
| 			mfp._parseMarkup(template, dataObj, item);
 | |
| 
 | |
| 			mfp.updateStatus('ready');
 | |
| 
 | |
| 			return template;
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| 
 | |
| 
 | |
| /*>>iframe*/
 | |
| 
 | |
| /*>>gallery*/
 | |
| /**
 | |
|  * Get looped index depending on number of slides
 | |
|  */
 | |
| var _getLoopedId = function(index) {
 | |
| 		var numSlides = mfp.items.length;
 | |
| 		if(index > numSlides - 1) {
 | |
| 			return index - numSlides;
 | |
| 		} else  if(index < 0) {
 | |
| 			return numSlides + index;
 | |
| 		}
 | |
| 		return index;
 | |
| 	},
 | |
| 	_replaceCurrTotal = function(text, curr, total) {
 | |
| 		return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
 | |
| 	};
 | |
| 
 | |
| $.magnificPopup.registerModule('gallery', {
 | |
| 
 | |
| 	options: {
 | |
| 		enabled: false,
 | |
| 		arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
 | |
| 		preload: [0,2],
 | |
| 		navigateByImgClick: true,
 | |
| 		arrows: true,
 | |
| 
 | |
| 		tPrev: 'Previous (Left arrow key)',
 | |
| 		tNext: 'Next (Right arrow key)',
 | |
| 		tCounter: '%curr% of %total%'
 | |
| 	},
 | |
| 
 | |
| 	proto: {
 | |
| 		initGallery: function() {
 | |
| 
 | |
| 			var gSt = mfp.st.gallery,
 | |
| 				ns = '.mfp-gallery';
 | |
| 
 | |
| 			mfp.direction = true; // true - next, false - prev
 | |
| 
 | |
| 			if(!gSt || !gSt.enabled ) return false;
 | |
| 
 | |
| 			_wrapClasses += ' mfp-gallery';
 | |
| 
 | |
| 			_mfpOn(OPEN_EVENT+ns, function() {
 | |
| 
 | |
| 				if(gSt.navigateByImgClick) {
 | |
| 					mfp.wrap.on('click'+ns, '.mfp-img', function() {
 | |
| 						if(mfp.items.length > 1) {
 | |
| 							mfp.next();
 | |
| 							return false;
 | |
| 						}
 | |
| 					});
 | |
| 				}
 | |
| 
 | |
| 				_document.on('keydown'+ns, function(e) {
 | |
| 					if (e.keyCode === 37) {
 | |
| 						mfp.prev();
 | |
| 					} else if (e.keyCode === 39) {
 | |
| 						mfp.next();
 | |
| 					}
 | |
| 				});
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn('UpdateStatus'+ns, function(e, data) {
 | |
| 				if(data.text) {
 | |
| 					data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
 | |
| 				}
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {
 | |
| 				var l = mfp.items.length;
 | |
| 				values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn('BuildControls' + ns, function() {
 | |
| 				if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
 | |
| 					var markup = gSt.arrowMarkup,
 | |
| 						arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
 | |
| 						arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
 | |
| 
 | |
| 					arrowLeft.click(function() {
 | |
| 						mfp.prev();
 | |
| 					});
 | |
| 					arrowRight.click(function() {
 | |
| 						mfp.next();
 | |
| 					});
 | |
| 
 | |
| 					mfp.container.append(arrowLeft.add(arrowRight));
 | |
| 				}
 | |
| 			});
 | |
| 
 | |
| 			_mfpOn(CHANGE_EVENT+ns, function() {
 | |
| 				if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);
 | |
| 
 | |
| 				mfp._preloadTimeout = setTimeout(function() {
 | |
| 					mfp.preloadNearbyImages();
 | |
| 					mfp._preloadTimeout = null;
 | |
| 				}, 16);
 | |
| 			});
 | |
| 
 | |
| 
 | |
| 			_mfpOn(CLOSE_EVENT+ns, function() {
 | |
| 				_document.off(ns);
 | |
| 				mfp.wrap.off('click'+ns);
 | |
| 				mfp.arrowRight = mfp.arrowLeft = null;
 | |
| 			});
 | |
| 
 | |
| 		},
 | |
| 		next: function() {
 | |
| 			mfp.direction = true;
 | |
| 			mfp.index = _getLoopedId(mfp.index + 1);
 | |
| 			mfp.updateItemHTML();
 | |
| 		},
 | |
| 		prev: function() {
 | |
| 			mfp.direction = false;
 | |
| 			mfp.index = _getLoopedId(mfp.index - 1);
 | |
| 			mfp.updateItemHTML();
 | |
| 		},
 | |
| 		goTo: function(newIndex) {
 | |
| 			mfp.direction = (newIndex >= mfp.index);
 | |
| 			mfp.index = newIndex;
 | |
| 			mfp.updateItemHTML();
 | |
| 		},
 | |
| 		preloadNearbyImages: function() {
 | |
| 			var p = mfp.st.gallery.preload,
 | |
| 				preloadBefore = Math.min(p[0], mfp.items.length),
 | |
| 				preloadAfter = Math.min(p[1], mfp.items.length),
 | |
| 				i;
 | |
| 
 | |
| 			for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {
 | |
| 				mfp._preloadItem(mfp.index+i);
 | |
| 			}
 | |
| 			for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {
 | |
| 				mfp._preloadItem(mfp.index-i);
 | |
| 			}
 | |
| 		},
 | |
| 		_preloadItem: function(index) {
 | |
| 			index = _getLoopedId(index);
 | |
| 
 | |
| 			if(mfp.items[index].preloaded) {
 | |
| 				return;
 | |
| 			}
 | |
| 
 | |
| 			var item = mfp.items[index];
 | |
| 			if(!item.parsed) {
 | |
| 				item = mfp.parseEl( index );
 | |
| 			}
 | |
| 
 | |
| 			_mfpTrigger('LazyLoad', item);
 | |
| 
 | |
| 			if(item.type === 'image') {
 | |
| 				item.img = $('<img class="mfp-img" />').on('load.mfploader', function() {
 | |
| 					item.hasSize = true;
 | |
| 				}).on('error.mfploader', function() {
 | |
| 					item.hasSize = true;
 | |
| 					item.loadError = true;
 | |
| 					_mfpTrigger('LazyLoadError', item);
 | |
| 				}).attr('src', item.src);
 | |
| 			}
 | |
| 
 | |
| 
 | |
| 			item.preloaded = true;
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| /*>>gallery*/
 | |
| 
 | |
| /*>>retina*/
 | |
| 
 | |
| var RETINA_NS = 'retina';
 | |
| 
 | |
| $.magnificPopup.registerModule(RETINA_NS, {
 | |
| 	options: {
 | |
| 		replaceSrc: function(item) {
 | |
| 			return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; });
 | |
| 		},
 | |
| 		ratio: 1 // Function or number.  Set to 1 to disable.
 | |
| 	},
 | |
| 	proto: {
 | |
| 		initRetina: function() {
 | |
| 			if(window.devicePixelRatio > 1) {
 | |
| 
 | |
| 				var st = mfp.st.retina,
 | |
| 					ratio = st.ratio;
 | |
| 
 | |
| 				ratio = !isNaN(ratio) ? ratio : ratio();
 | |
| 
 | |
| 				if(ratio > 1) {
 | |
| 					_mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) {
 | |
| 						item.img.css({
 | |
| 							'max-width': item.img[0].naturalWidth / ratio,
 | |
| 							'width': '100%'
 | |
| 						});
 | |
| 					});
 | |
| 					_mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) {
 | |
| 						item.src = st.replaceSrc(item, ratio);
 | |
| 					});
 | |
| 				}
 | |
| 			}
 | |
| 
 | |
| 		}
 | |
| 	}
 | |
| });
 | |
| 
 | |
| /*>>retina*/
 | |
|  _checkInstance(); })); |