https://www.syfy.es/sites/all/libraries/magnific-popup/jquery.magnific-popup.js?ta8p3z

1/*! Magnific Popup - v1.0.0 - 2015-01-03
2* http://dimsemenov.com/plugins/magnific-popup/
3* Copyright (c) 2015 Dmitry Semenov; */
4;(function (factory) { 
5if (typeof define === 'function' && define.amd) { 
6 // AMD. Register as an anonymous module. 
7 define(['jquery'], factory); 
8 } else if (typeof exports === 'object') { 
9 // Node/CommonJS 
10 factory(require('jquery')); 
11 } else { 
12 // Browser globals 
13 factory(window.jQuery || window.Zepto); 
14 } 
15 }(function($) { 
16
17/*>>core*/
18/**
19 * 
20 * Magnific Popup Core JS file
21 * 
22 */
23
24
25/**
26 * Private static constants
27 */
28var CLOSE_EVENT = 'Close',
29	BEFORE_CLOSE_EVENT = 'BeforeClose',
30	AFTER_CLOSE_EVENT = 'AfterClose',
31	BEFORE_APPEND_EVENT = 'BeforeAppend',
32	MARKUP_PARSE_EVENT = 'MarkupParse',
33	OPEN_EVENT = 'Open',
34	CHANGE_EVENT = 'Change',
35	NS = 'mfp',
36	EVENT_NS = '.' + NS,
37	READY_CLASS = 'mfp-ready',
38	REMOVING_CLASS = 'mfp-removing',
39	PREVENT_CLOSE_CLASS = 'mfp-prevent-close';
40
41
42/**
43 * Private vars 
44 */
45/*jshint -W079 */
46var mfp, // As we have only one instance of MagnificPopup object, we define it locally to not to use 'this'
47	MagnificPopup = function(){},
48	_isJQ = !!(window.jQuery),
49	_prevStatus,
50	_window = $(window),
51	_document,
52	_prevContentType,
53	_wrapClasses,
54	_currPopupType;
55
56
57/**
58 * Private functions
59 */
60var _mfpOn = function(name, f) {
61		mfp.ev.on(NS + name + EVENT_NS, f);
62	},
63	_getEl = function(className, appendTo, html, raw) {
64		var el = document.createElement('div');
65		el.className = 'mfp-'+className;
66		if(html) {
67			el.innerHTML = html;
68		}
69		if(!raw) {
70			el = $(el);
71			if(appendTo) {
72				el.appendTo(appendTo);
73			}
74		} else if(appendTo) {
75			appendTo.appendChild(el);
76		}
77		return el;
78	},
79	_mfpTrigger = function(e, data) {
80		mfp.ev.triggerHandler(NS + e, data);
81
82		if(mfp.st.callbacks) {
83			// converts "mfpEventName" to "eventName" callback and triggers it if it's present
84			e = e.charAt(0).toLowerCase() + e.slice(1);
85			if(mfp.st.callbacks[e]) {
86				mfp.st.callbacks[e].apply(mfp, $.isArray(data) ? data : [data]);
87			}
88		}
89	},
90	_getCloseBtn = function(type) {
91		if(type !== _currPopupType || !mfp.currTemplate.closeBtn) {
92			mfp.currTemplate.closeBtn = $( mfp.st.closeMarkup.replace('%title%', mfp.st.tClose ) );
93			_currPopupType = type;
94		}
95		return mfp.currTemplate.closeBtn;
96	},
97	// Initialize Magnific Popup only when called at least once
98	_checkInstance = function() {
99		if(!$.magnificPopup.instance) {
100			/*jshint -W020 */
101			mfp = new MagnificPopup();
102			mfp.init();
103			$.magnificPopup.instance = mfp;
104		}
105	},
106	// CSS transition detection, http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
107	supportsTransitions = function() {
108		var s = document.createElement('p').style, // 's' for style. better to create an element if body yet to exist
109			v = ['ms','O','Moz','Webkit']; // 'v' for vendor
110
111		if( s['transition'] !== undefined ) {
112			return true; 
113		}
114			
115		while( v.length ) {
116			if( v.pop() + 'Transition' in s ) {
117				return true;
118			}
119		}
120				
121		return false;
122	};
123
124
125
126/**
127 * Public functions
128 */
129MagnificPopup.prototype = {
130
131	constructor: MagnificPopup,
132
133	/**
134	 * Initializes Magnific Popup plugin. 
135	 * This function is triggered only once when $.fn.magnificPopup or $.magnificPopup is executed
136	 */
137	init: function() {
138		var appVersion = navigator.appVersion;
139		mfp.isIE7 = appVersion.indexOf("MSIE 7.") !== -1; 
140		mfp.isIE8 = appVersion.indexOf("MSIE 8.") !== -1;
141		mfp.isLowIE = mfp.isIE7 || mfp.isIE8;
142		mfp.isAndroid = (/android/gi).test(appVersion);
143		mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
144		mfp.supportsTransition = supportsTransitions();
145
146		// We disable fixed positioned lightbox on devices that don't handle it nicely.
147		// If you know a better way of detecting this - let me know.
148		mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
149		_document = $(document);
150
151		mfp.popupsCache = {};
152	},
153
154	/**
155	 * Opens popup
156	 * @param  data [description]
157	 */
158	open: function(data) {
159
160		var i;
161
162		if(data.isObj === false) { 
163			// convert jQuery collection to array to avoid conflicts later
164			mfp.items = data.items.toArray();
165
166			mfp.index = 0;
167			var items = data.items,
168				item;
169			for(i = 0; i < items.length; i++) {
170				item = items[i];
171				if(item.parsed) {
172					item = item.el[0];
173				}
174				if(item === data.el[0]) {
175					mfp.index = i;
176					break;
177				}
178			}
179		} else {
180			mfp.items = $.isArray(data.items) ? data.items : [data.items];
181			mfp.index = data.index || 0;
182		}
183
184		// if popup is already opened - we just update the content
185		if(mfp.isOpen) {
186			mfp.updateItemHTML();
187			return;
188		}
189		
190		mfp.types = []; 
191		_wrapClasses = '';
192		if(data.mainEl && data.mainEl.length) {
193			mfp.ev = data.mainEl.eq(0);
194		} else {
195			mfp.ev = _document;
196		}
197
198		if(data.key) {
199			if(!mfp.popupsCache[data.key]) {
200				mfp.popupsCache[data.key] = {};
201			}
202			mfp.currTemplate = mfp.popupsCache[data.key];
203		} else {
204			mfp.currTemplate = {};
205		}
206
207
208
209		mfp.st = $.extend(true, {}, $.magnificPopup.defaults, data ); 
210		mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
211
212		if(mfp.st.modal) {
213			mfp.st.closeOnContentClick = false;
214			mfp.st.closeOnBgClick = false;
215			mfp.st.showCloseBtn = false;
216			mfp.st.enableEscapeKey = false;
217		}
218		
219
220		// Building markup
221		// main containers are created only once
222		if(!mfp.bgOverlay) {
223
224			// Dark overlay
225			mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
226				mfp.close();
227			});
228
229			mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
230				if(mfp._checkIfClose(e.target)) {
231					mfp.close();
232				}
233			});
234
235			mfp.container = _getEl('container', mfp.wrap);
236		}
237
238		mfp.contentContainer = _getEl('content');
239		if(mfp.st.preloader) {
240			mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
241		}
242
243
244		// Initializing modules
245		var modules = $.magnificPopup.modules;
246		for(i = 0; i < modules.length; i++) {
247			var n = modules[i];
248			n = n.charAt(0).toUpperCase() + n.slice(1);
249			mfp['init'+n].call(mfp);
250		}
251		_mfpTrigger('BeforeOpen');
252
253
254		if(mfp.st.showCloseBtn) {
255			// Close button
256			if(!mfp.st.closeBtnInside) {
257				mfp.wrap.append( _getCloseBtn() );
258			} else {
259				_mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
260					values.close_replaceWith = _getCloseBtn(item.type);
261				});
262				_wrapClasses += ' mfp-close-btn-in';
263			}
264		}
265
266		if(mfp.st.alignTop) {
267			_wrapClasses += ' mfp-align-top';
268		}
269
270	
271
272		if(mfp.fixedContentPos) {
273			mfp.wrap.css({
274				overflow: mfp.st.overflowY,
275				overflowX: 'hidden',
276				overflowY: mfp.st.overflowY
277			});
278		} else {
279			mfp.wrap.css({ 
280				top: _window.scrollTop(),
281				position: 'absolute'
282			});
283		}
284		if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
285			mfp.bgOverlay.css({
286				height: _document.height(),
287				position: 'absolute'
288			});
289		}
290
291		
292
293		if(mfp.st.enableEscapeKey) {
294			// Close on ESC key
295			_document.on('keyup' + EVENT_NS, function(e) {
296				if(e.keyCode === 27) {
297					mfp.close();
298				}
299			});
300		}
301
302		_window.on('resize' + EVENT_NS, function() {
303			mfp.updateSize();
304		});
305
306
307		if(!mfp.st.closeOnContentClick) {
308			_wrapClasses += ' mfp-auto-cursor';
309		}
310		
311		if(_wrapClasses)
312			mfp.wrap.addClass(_wrapClasses);
313
314
315		// this triggers recalculation of layout, so we get it once to not to trigger twice
316		var windowHeight = mfp.wH = _window.height();
317
318		
319		var windowStyles = {};
320
321		if( mfp.fixedContentPos ) {
322            if(mfp._hasScrollBar(windowHeight)){
323                var s = mfp._getScrollbarSize();
324                if(s) {
325                    windowStyles.marginRight = s;
326                }
327            }
328        }
329
330		if(mfp.fixedContentPos) {
331			if(!mfp.isIE7) {
332				windowStyles.overflow = 'hidden';
333			} else {
334				// ie7 double-scroll bug
335				$('body, html').css('overflow', 'hidden');
336			}
337		}
338
339		
340		
341		var classesToadd = mfp.st.mainClass;
342		if(mfp.isIE7) {
343			classesToadd += ' mfp-ie7';
344		}
345		if(classesToadd) {
346			mfp._addClassToMFP( classesToadd );
347		}
348
349		// add content
350		mfp.updateItemHTML();
351
352		_mfpTrigger('BuildControls');
353
354		// remove scrollbar, add margin e.t.c
355		$('html').css(windowStyles);
356		
357		// add everything to DOM
358		mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
359
360		// Save last focused element
361		mfp._lastFocusedEl = document.activeElement;
362		
363		// Wait for next cycle to allow CSS transition
364		setTimeout(function() {
365			
366			if(mfp.content) {
367				mfp._addClassToMFP(READY_CLASS);
368				mfp._setFocus();
369			} else {
370				// if content is not defined (not loaded e.t.c) we add class only for BG
371				mfp.bgOverlay.addClass(READY_CLASS);
372			}
373			
374			// Trap the focus in popup
375			_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
376
377		}, 16);
378
379		mfp.isOpen = true;
380		mfp.updateSize(windowHeight);
381		_mfpTrigger(OPEN_EVENT);
382
383		return data;
384	},
385
386	/**
387	 * Closes the popup
388	 */
389	close: function() {
390		if(!mfp.isOpen) return;
391		_mfpTrigger(BEFORE_CLOSE_EVENT);
392
393		mfp.isOpen = false;
394		// for CSS3 animation
395		if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition )  {
396			mfp._addClassToMFP(REMOVING_CLASS);
397			setTimeout(function() {
398				mfp._close();
399			}, mfp.st.removalDelay);
400		} else {
401			mfp._close();
402		}
403	},
404
405	/**
406	 * Helper for close() function
407	 */
408	_close: function() {
409		_mfpTrigger(CLOSE_EVENT);
410
411		var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
412
413		mfp.bgOverlay.detach();
414		mfp.wrap.detach();
415		mfp.container.empty();
416
417		if(mfp.st.mainClass) {
418			classesToRemove += mfp.st.mainClass + ' ';
419		}
420
421		mfp._removeClassFromMFP(classesToRemove);
422
423		if(mfp.fixedContentPos) {
424			var windowStyles = {marginRight: ''};
425			if(mfp.isIE7) {
426				$('body, html').css('overflow', '');
427			} else {
428				windowStyles.overflow = '';
429			}
430			$('html').css(windowStyles);
431		}
432		
433		_document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
434		mfp.ev.off(EVENT_NS);
435
436		// clean up DOM elements that aren't removed
437		mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
438		mfp.bgOverlay.attr('class', 'mfp-bg');
439		mfp.container.attr('class', 'mfp-container');
440
441		// remove close button from target element
442		if(mfp.st.showCloseBtn &&
443		(!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
444			if(mfp.currTemplate.closeBtn)
445				mfp.currTemplate.closeBtn.detach();
446		}
447
448
449		if(mfp._lastFocusedEl) {
450			$(mfp._lastFocusedEl).focus(); // put tab focus back
451		}
452		mfp.currItem = null;	
453		mfp.content = null;
454		mfp.currTemplate = null;
455		mfp.prevHeight = 0;
456
457		_mfpTrigger(AFTER_CLOSE_EVENT);
458	},
459	
460	updateSize: function(winHeight) {
461
462		if(mfp.isIOS) {
463			// fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
464			var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
465			var height = window.innerHeight * zoomLevel;
466			mfp.wrap.css('height', height);
467			mfp.wH = height;
468		} else {
469			mfp.wH = winHeight || _window.height();
470		}
471		// Fixes #84: popup incorrectly positioned with position:relative on body
472		if(!mfp.fixedContentPos) {
473			mfp.wrap.css('height', mfp.wH);
474		}
475
476		_mfpTrigger('Resize');
477
478	},
479
480	/**
481	 * Set content of popup based on current index
482	 */
483	updateItemHTML: function() {
484		var item = mfp.items[mfp.index];
485
486		// Detach and perform modifications
487		mfp.contentContainer.detach();
488
489		if(mfp.content)
490			mfp.content.detach();
491
492		if(!item.parsed) {
493			item = mfp.parseEl( mfp.index );
494		}
495
496		var type = item.type;	
497
498		_mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
499		// BeforeChange event works like so:
500		// _mfpOn('BeforeChange', function(e, prevType, newType) { });
501		
502		mfp.currItem = item;
503
504		
505
506		
507
508		if(!mfp.currTemplate[type]) {
509			var markup = mfp.st[type] ? mfp.st[type].markup : false;
510
511			// allows to modify markup
512			_mfpTrigger('FirstMarkupParse', markup);
513
514			if(markup) {
515				mfp.currTemplate[type] = $(markup);
516			} else {
517				// if there is no markup found we just define that template is parsed
518				mfp.currTemplate[type] = true;
519			}
520		}
521
522		if(_prevContentType && _prevContentType !== item.type) {
523			mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
524		}
525		
526		var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
527		mfp.appendContent(newContent, type);
528
529		item.preloaded = true;
530
531		_mfpTrigger(CHANGE_EVENT, item);
532		_prevContentType = item.type;
533		
534		// Append container back after its content changed
535		mfp.container.prepend(mfp.contentContainer);
536
537		_mfpTrigger('AfterChange');
538	},
539
540
541	/**
542	 * Set HTML content of popup
543	 */
544	appendContent: function(newContent, type) {
545		mfp.content = newContent;
546		
547		if(newContent) {
548			if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
549				mfp.currTemplate[type] === true) {
550				// if there is no markup, we just append close button element inside
551				if(!mfp.content.find('.mfp-close').length) {
552					mfp.content.append(_getCloseBtn());
553				}
554			} else {
555				mfp.content = newContent;
556			}
557		} else {
558			mfp.content = '';
559		}
560
561		_mfpTrigger(BEFORE_APPEND_EVENT);
562		mfp.container.addClass('mfp-'+type+'-holder');
563
564		mfp.contentContainer.append(mfp.content);
565	},
566
567
568
569	
570	/**
571	 * Creates Magnific Popup data object based on given data
572	 * @param  {int} index Index of item to parse
573	 */
574	parseEl: function(index) {
575		var item = mfp.items[index],
576			type;
577
578		if(item.tagName) {
579			item = { el: $(item) };
580		} else {
581			type = item.type;
582			item = { data: item, src: item.src };
583		}
584
585		if(item.el) {
586			var types = mfp.types;
587
588			// check for 'mfp-TYPE' class
589			for(var i = 0; i < types.length; i++) {
590				if( item.el.hasClass('mfp-'+types[i]) ) {
591					type = types[i];
592					break;
593				}
594			}
595
596			item.src = item.el.attr('data-mfp-src');
597			if(!item.src) {
598				item.src = item.el.attr('href');
599			}
600		}
601
602		item.type = type || mfp.st.type || 'inline';
603		item.index = index;
604		item.parsed = true;
605		mfp.items[index] = item;
606		_mfpTrigger('ElementParse', item);
607
608		return mfp.items[index];
609	},
610
611
612	/**
613	 * Initializes single popup or a group of popups
614	 */
615	addGroup: function(el, options) {
616		var eHandler = function(e) {
617			e.mfpEl = this;
618			mfp._openClick(e, el, options);
619		};
620
621		if(!options) {
622			options = {};
623		} 
624
625		var eName = 'click.magnificPopup';
626		options.mainEl = el;
627		
628		if(options.items) {
629			options.isObj = true;
630			el.off(eName).on(eName, eHandler);
631		} else {
632			options.isObj = false;
633			if(options.delegate) {
634				el.off(eName).on(eName, options.delegate , eHandler);
635			} else {
636				options.items = el;
637				el.off(eName).on(eName, eHandler);
638			}
639		}
640	},
641	_openClick: function(e, el, options) {
642		var midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;
643
644
645		if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey ) ) {
646			return;
647		}
648
649		var disableOn = options.disableOn !== undefined ? options.disableOn : $.magnificPopup.defaults.disableOn;
650
651		if(disableOn) {
652			if($.isFunction(disableOn)) {
653				if( !disableOn.call(mfp) ) {
654					return true;
655				}
656			} else { // else it's number
657				if( _window.width() < disableOn ) {
658					return true;
659				}
660			}
661		}
662		
663		if(e.type) {
664			e.preventDefault();
665
666			// This will prevent popup from closing if element is inside and popup is already opened
667			if(mfp.isOpen) {
668				e.stopPropagation();
669			}
670		}
671			
672
673		options.el = $(e.mfpEl);
674		if(options.delegate) {
675			options.items = el.find(options.delegate);
676		}
677		mfp.open(options);
678	},
679
680
681	/**
682	 * Updates text on preloader
683	 */
684	updateStatus: function(status, text) {
685
686		if(mfp.preloader) {
687			if(_prevStatus !== status) {
688				mfp.container.removeClass('mfp-s-'+_prevStatus);
689			}
690
691			if(!text && status === 'loading') {
692				text = mfp.st.tLoading;
693			}
694
695			var data = {
696				status: status,
697				text: text
698			};
699			// allows to modify status
700			_mfpTrigger('UpdateStatus', data);
701
702			status = data.status;
703			text = data.text;
704
705			mfp.preloader.html(text);
706
707			mfp.preloader.find('a').on('click', function(e) {
708				e.stopImmediatePropagation();
709			});
710
711			mfp.container.addClass('mfp-s-'+status);
712			_prevStatus = status;
713		}
714	},
715
716
717	/*
718		"Private" helpers that aren't private at all
719	 */
720	// Check to close popup or not
721	// "target" is an element that was clicked
722	_checkIfClose: function(target) {
723
724		if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
725			return;
726		}
727
728		var closeOnContent = mfp.st.closeOnContentClick;
729		var closeOnBg = mfp.st.closeOnBgClick;
730
731		if(closeOnContent && closeOnBg) {
732			return true;
733		} else {
734
735			// We close the popup if click is on close button or on preloader. Or if there is no content.
736			if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
737				return true;
738			}
739
740			// if click is outside the content
741			if(  (target !== mfp.content[0] && !$.contains(mfp.content[0], target))  ) {
742				if(closeOnBg) {
743					// last check, if the clicked element is in DOM, (in case it's removed onclick)
744					if( $.contains(document, target) ) {
745						return true;
746					}
747				}
748			} else if(closeOnContent) {
749				return true;
750			}
751
752		}
753		return false;
754	},
755	_addClassToMFP: function(cName) {
756		mfp.bgOverlay.addClass(cName);
757		mfp.wrap.addClass(cName);
758	},
759	_removeClassFromMFP: function(cName) {
760		this.bgOverlay.removeClass(cName);
761		mfp.wrap.removeClass(cName);
762	},
763	_hasScrollBar: function(winHeight) {
764		return (  (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
765	},
766	_setFocus: function() {
767		(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
768	},
769	_onFocusIn: function(e) {
770		if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
771			mfp._setFocus();
772			return false;
773		}
774	},
775	_parseMarkup: function(template, values, item) {
776		var arr;
777		if(item.data) {
778			values = $.extend(item.data, values);
779		}
780		_mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
781
782		$.each(values, function(key, value) {
783			if(value === undefined || value === false) {
784				return true;
785			}
786			arr = key.split('_');
787			if(arr.length > 1) {
788				var el = template.find(EVENT_NS + '-'+arr[0]);
789
790				if(el.length > 0) {
791					var attr = arr[1];
792					if(attr === 'replaceWith') {
793						if(el[0] !== value[0]) {
794							el.replaceWith(value);
795						}
796					} else if(attr === 'img') {
797						if(el.is('img')) {
798							el.attr('src', value);
799						} else {
800							el.replaceWith( '<img src="'+value+'" class="' + el.attr('class') + '" />' );
801						}
802					} else {
803						el.attr(arr[1], value);
804					}
805				}
806
807			} else {
808				template.find(EVENT_NS + '-'+key).html(value);
809			}
810		});
811	},
812
813	_getScrollbarSize: function() {
814		// thx David
815		if(mfp.scrollbarSize === undefined) {
816			var scrollDiv = document.createElement("div");
817			scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
818			document.body.appendChild(scrollDiv);
819			mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
820			document.body.removeChild(scrollDiv);
821		}
822		return mfp.scrollbarSize;
823	}
824
825}; /* MagnificPopup core prototype end */
826
827
828
829
830/**
831 * Public static functions
832 */
833$.magnificPopup = {
834	instance: null,
835	proto: MagnificPopup.prototype,
836	modules: [],
837
838	open: function(options, index) {
839		_checkInstance();	
840
841		if(!options) {
842			options = {};
843		} else {
844			options = $.extend(true, {}, options);
845		}
846			
847
848		options.isObj = true;
849		options.index = index || 0;
850		return this.instance.open(options);
851	},
852
853	close: function() {
854		return $.magnificPopup.instance && $.magnificPopup.instance.close();
855	},
856
857	registerModule: function(name, module) {
858		if(module.options) {
859			$.magnificPopup.defaults[name] = module.options;
860		}
861		$.extend(this.proto, module.proto);			
862		this.modules.push(name);
863	},
864
865	defaults: {   
866
867		// Info about options is in docs:
868		// http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
869		
870		disableOn: 0,	
871
872		key: null,
873
874		midClick: false,
875
876		mainClass: '',
877
878		preloader: true,
879
880		focus: '', // CSS selector of input to focus after popup is opened
881		
882		closeOnContentClick: false,
883
884		closeOnBgClick: true,
885
886		closeBtnInside: true, 
887
888		showCloseBtn: true,
889
890		enableEscapeKey: true,
891
892		modal: false,
893
894		alignTop: false,
895	
896		removalDelay: 0,
897
898		prependTo: null,
899		
900		fixedContentPos: 'auto', 
901	
902		fixedBgPos: 'auto',
903
904		overflowY: 'auto',
905
906		closeMarkup: '<button title="%title%" type="button" class="mfp-close">&times;</button>',
907
908		tClose: 'Close (Esc)',
909
910		tLoading: 'Loading...'
911
912	}
913};
914
915
916
917$.fn.magnificPopup = function(options) {
918	_checkInstance();
919
920	var jqEl = $(this);
921
922	// We call some API method of first param is a string
923	if (typeof options === "string" ) {
924
925		if(options === 'open') {
926			var items,
927				itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
928				index = parseInt(arguments[1], 10) || 0;
929
930			if(itemOpts.items) {
931				items = itemOpts.items[index];
932			} else {
933				items = jqEl;
934				if(itemOpts.delegate) {
935					items = items.find(itemOpts.delegate);
936				}
937				items = items.eq( index );
938			}
939			mfp._openClick({mfpEl:items}, jqEl, itemOpts);
940		} else {
941			if(mfp.isOpen)
942				mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
943		}
944
945	} else {
946		// clone options obj
947		options = $.extend(true, {}, options);
948		
949		/*
950		 * As Zepto doesn't support .data() method for objects 
951		 * and it works only in normal browsers
952		 * we assign "options" object directly to the DOM element. FTW!
953		 */
954		if(_isJQ) {
955			jqEl.data('magnificPopup', options);
956		} else {
957			jqEl[0].magnificPopup = options;
958		}
959
960		mfp.addGroup(jqEl, options);
961
962	}
963	return jqEl;
964};
965
966
967//Quick benchmark
968/*
969var start = performance.now(),
970	i,
971	rounds = 1000;
972
973for(i = 0; i < rounds; i++) {
974
975}
976console.log('Test #1:', performance.now() - start);
977
978start = performance.now();
979for(i = 0; i < rounds; i++) {
980
981}
982console.log('Test #2:', performance.now() - start);
983*/
984
985
986/*>>core*/
987
988/*>>inline*/
989
990var INLINE_NS = 'inline',
991	_hiddenClass,
992	_inlinePlaceholder, 
993	_lastInlineElement,
994	_putInlineElementsBack = function() {
995		if(_lastInlineElement) {
996			_inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
997			_lastInlineElement = null;
998		}
999	};
1000
1001$.magnificPopup.registerModule(INLINE_NS, {
1002	options: {
1003		hiddenClass: 'hide', // will be appended with `mfp-` prefix
1004		markup: '',
1005		tNotFound: 'Content not found'
1006	},
1007	proto: {
1008
1009		initInline: function() {
1010			mfp.types.push(INLINE_NS);
1011
1012			_mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
1013				_putInlineElementsBack();
1014			});
1015		},
1016
1017		getInline: function(item, template) {
1018
1019			_putInlineElementsBack();
1020
1021			if(item.src) {
1022				var inlineSt = mfp.st.inline,
1023					el = $(item.src);
1024
1025				if(el.length) {
1026
1027					// If target element has parent - we replace it with placeholder and put it back after popup is closed
1028					var parent = el[0].parentNode;
1029					if(parent && parent.tagName) {
1030						if(!_inlinePlaceholder) {
1031							_hiddenClass = inlineSt.hiddenClass;
1032							_inlinePlaceholder = _getEl(_hiddenClass);
1033							_hiddenClass = 'mfp-'+_hiddenClass;
1034						}
1035						// replace target inline element with placeholder
1036						_lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
1037					}
1038
1039					mfp.updateStatus('ready');
1040				} else {
1041					mfp.updateStatus('error', inlineSt.tNotFound);
1042					el = $('<div>');
1043				}
1044
1045				item.inlineElement = el;
1046				return el;
1047			}
1048
1049			mfp.updateStatus('ready');
1050			mfp._parseMarkup(template, {}, item);
1051			return template;
1052		}
1053	}
1054});
1055
1056/*>>inline*/
1057
1058
1059
1060
1061
1062/*>>zoom*/
1063var hasMozTransform,
1064	getHasMozTransform = function() {
1065		if(hasMozTransform === undefined) {
1066			hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
1067		}
1068		return hasMozTransform;		
1069	};
1070
1071$.magnificPopup.registerModule('zoom', {
1072
1073	options: {
1074		enabled: false,
1075		easing: 'ease-in-out',
1076		duration: 300,
1077		opener: function(element) {
1078			return element.is('img') ? element : element.find('img');
1079		}
1080	},
1081
1082	proto: {
1083
1084		initZoom: function() {
1085			var zoomSt = mfp.st.zoom,
1086				ns = '.zoom',
1087				image;
1088				
1089			if(!zoomSt.enabled || !mfp.supportsTransition) {
1090				return;
1091			}
1092
1093			var duration = zoomSt.duration,
1094				getElToAnimate = function(image) {
1095					var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
1096						transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
1097						cssObj = {
1098							position: 'fixed',
1099							zIndex: 9999,
1100							left: 0,
1101							top: 0,
1102							'-webkit-backface-visibility': 'hidden'
1103						},
1104						t = 'transition';
1105
1106					cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
1107
1108					newImg.css(cssObj);
1109					return newImg;
1110				},
1111				showMainContent = function() {
1112					mfp.content.css('visibility', 'visible');
1113				},
1114				openTimeout,
1115				animatedImg;
1116
1117			_mfpOn('BuildControls'+ns, function() {
1118				if(mfp._allowZoom()) {
1119
1120					clearTimeout(openTimeout);
1121					mfp.content.css('visibility', 'hidden');
1122
1123					// Basically, all code below does is clones existing image, puts in on top of the current one and animated it
1124					
1125					image = mfp._getItemToZoom();
1126
1127					if(!image) {
1128						showMainContent();
1129						return;
1130					}
1131
1132					animatedImg = getElToAnimate(image); 
1133					
1134					animatedImg.css( mfp._getOffset() );
1135
1136					mfp.wrap.append(animatedImg);
1137
1138					openTimeout = setTimeout(function() {
1139						animatedImg.css( mfp._getOffset( true ) );
1140						openTimeout = setTimeout(function() {
1141
1142							showMainContent();
1143
1144							setTimeout(function() {
1145								animatedImg.remove();
1146								image = animatedImg = null;
1147								_mfpTrigger('ZoomAnimationEnded');
1148							}, 16); // avoid blink when switching images 
1149
1150						}, duration); // this timeout equals animation duration
1151
1152					}, 16); // by adding this timeout we avoid short glitch at the beginning of animation
1153
1154
1155					// Lots of timeouts...
1156				}
1157			});
1158			_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
1159				if(mfp._allowZoom()) {
1160
1161					clearTimeout(openTimeout);
1162
1163					mfp.st.removalDelay = duration;
1164
1165					if(!image) {
1166						image = mfp._getItemToZoom();
1167						if(!image) {
1168							return;
1169						}
1170						animatedImg = getElToAnimate(image);
1171					}
1172					
1173					
1174					animatedImg.css( mfp._getOffset(true) );
1175					mfp.wrap.append(animatedImg);
1176					mfp.content.css('visibility', 'hidden');
1177					
1178					setTimeout(function() {
1179						animatedImg.css( mfp._getOffset() );
1180					}, 16);
1181				}
1182
1183			});
1184
1185			_mfpOn(CLOSE_EVENT+ns, function() {
1186				if(mfp._allowZoom()) {
1187					showMainContent();
1188					if(animatedImg) {
1189						animatedImg.remove();
1190					}
1191					image = null;
1192				}	
1193			});
1194		},
1195
1196		_allowZoom: function() {
1197			return mfp.currItem.type === 'image';
1198		},
1199
1200		_getItemToZoom: function() {
1201			if(mfp.currItem.hasSize) {
1202				return mfp.currItem.img;
1203			} else {
1204				return false;
1205			}
1206		},
1207
1208		// Get element postion relative to viewport
1209		_getOffset: function(isLarge) {
1210			var el;
1211			if(isLarge) {
1212				el = mfp.currItem.img;
1213			} else {
1214				el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
1215			}
1216
1217			var offset = el.offset();
1218			var paddingTop = parseInt(el.css('padding-top'),10);
1219			var paddingBottom = parseInt(el.css('padding-bottom'),10);
1220			offset.top -= ( $(window).scrollTop() - paddingTop );
1221
1222
1223			/*
1224			
1225			Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
1226
1227			 */
1228			var obj = {
1229				width: el.width(),
1230				// fix Zepto height+padding issue
1231				height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
1232			};
1233
1234			// I hate to do this, but there is no another option
1235			if( getHasMozTransform() ) {
1236				obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
1237			} else {
1238				obj.left = offset.left;
1239				obj.top = offset.top;
1240			}
1241			return obj;
1242		}
1243
1244	}
1245});
1246
1247
1248
1249/*>>zoom*/
1250
1251/*>>iframe*/
1252
1253var IFRAME_NS = 'iframe',
1254	_emptyPage = '//about:blank',
1255	
1256	_fixIframeBugs = function(isShowing) {
1257		if(mfp.currTemplate[IFRAME_NS]) {
1258			var el = mfp.currTemplate[IFRAME_NS].find('iframe');
1259			if(el.length) { 
1260				// reset src after the popup is closed to avoid "video keeps playing after popup is closed" bug
1261				if(!isShowing) {
1262					el[0].src = _emptyPage;
1263				}
1264
1265				// IE8 black screen bug fix
1266				if(mfp.isIE8) {
1267					el.css('display', isShowing ? 'block' : 'none');
1268				}
1269			}
1270		}
1271	};
1272
1273$.magnificPopup.registerModule(IFRAME_NS, {
1274
1275	options: {
1276		markup: '<div class="mfp-iframe-scaler">'+
1277					'<div class="mfp-close"></div>'+
1278					'<iframe class="mfp-iframe" src="//about:blank" frameborder="0" allowfullscreen></iframe>'+
1279				'</div>',
1280
1281		srcAction: 'iframe_src',
1282
1283		// we don't care and support only one default type of URL by default
1284		patterns: {
1285			youtube: {
1286				index: 'youtube.com', 
1287				id: 'v=', 
1288				src: '//www.youtube.com/embed/%id%?autoplay=1'
1289			},
1290			vimeo: {
1291				index: 'vimeo.com/',
1292				id: '/',
1293				src: '//player.vimeo.com/video/%id%?autoplay=1'
1294			},
1295			gmaps: {
1296				index: '//maps.google.',
1297				src: '%id%&output=embed'
1298			}
1299		}
1300	},
1301
1302	proto: {
1303		initIframe: function() {
1304			mfp.types.push(IFRAME_NS);
1305
1306			_mfpOn('BeforeChange', function(e, prevType, newType) {
1307				if(prevType !== newType) {
1308					if(prevType === IFRAME_NS) {
1309						_fixIframeBugs(); // iframe if removed
1310					} else if(newType === IFRAME_NS) {
1311						_fixIframeBugs(true); // iframe is showing
1312					} 
1313				}// else {
1314					// iframe source is switched, don't do anything
1315				//}
1316			});
1317
1318			_mfpOn(CLOSE_EVENT + '.' + IFRAME_NS, function() {
1319				_fixIframeBugs();
1320			});
1321		},
1322
1323		getIframe: function(item, template) {
1324			var embedSrc = item.src;
1325			var iframeSt = mfp.st.iframe;
1326				
1327			$.each(iframeSt.patterns, function() {
1328				if(embedSrc.indexOf( this.index ) > -1) {
1329					if(this.id) {
1330						if(typeof this.id === 'string') {
1331							embedSrc = embedSrc.substr(embedSrc.lastIndexOf(this.id)+this.id.length, embedSrc.length);
1332						} else {
1333							embedSrc = this.id.call( this, embedSrc );
1334						}
1335					}
1336					embedSrc = this.src.replace('%id%', embedSrc );
1337					return false; // break;
1338				}
1339			});
1340			
1341			var dataObj = {};
1342			if(iframeSt.srcAction) {
1343				dataObj[iframeSt.srcAction] = embedSrc;
1344			}
1345			mfp._parseMarkup(template, dataObj, item);
1346
1347			mfp.updateStatus('ready');
1348
1349			return template;
1350		}
1351	}
1352});
1353
1354
1355
1356/*>>iframe*/
1357
1358
1359
1360
1361
1362
1363 _checkInstance(); }));