https://www.match-in-africa.com/wp-content/plugins/widgets-for-siteorigin-premium/js-pro/magnific.js?ver=1.4.8

1/*! Magnific Popup - v1.1.0 - 2016-02-20
2* http://dimsemenov.com/plugins/magnific-popup/
3* Copyright (c) 2016 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.isLowIE = mfp.isIE8 = document.all && !document.addEventListener;
140		mfp.isAndroid = (/android/gi).test(appVersion);
141		mfp.isIOS = (/iphone|ipad|ipod/gi).test(appVersion);
142		mfp.supportsTransition = supportsTransitions();
143
144		// We disable fixed positioned lightbox on devices that don't handle it nicely.
145		// If you know a better way of detecting this - let me know.
146		mfp.probablyMobile = (mfp.isAndroid || mfp.isIOS || /(Opera Mini)|Kindle|webOS|BlackBerry|(Opera Mobi)|(Windows Phone)|IEMobile/i.test(navigator.userAgent) );
147		_document = $(document);
148
149		mfp.popupsCache = {};
150	},
151
152	/**
153	 * Opens popup
154	 * @param  data [description]
155	 */
156	open: function(data) {
157
158		var i;
159
160		if(data.isObj === false) {
161			// convert jQuery collection to array to avoid conflicts later
162			mfp.items = data.items.toArray();
163
164			mfp.index = 0;
165			var items = data.items,
166				item;
167			for(i = 0; i < items.length; i++) {
168				item = items[i];
169				if(item.parsed) {
170					item = item.el[0];
171				}
172				if(item === data.el[0]) {
173					mfp.index = i;
174					break;
175				}
176			}
177		} else {
178			mfp.items = $.isArray(data.items) ? data.items : [data.items];
179			mfp.index = data.index || 0;
180		}
181
182		// if popup is already opened - we just update the content
183		if(mfp.isOpen) {
184			mfp.updateItemHTML();
185			return;
186		}
187
188		mfp.types = [];
189		_wrapClasses = '';
190		if(data.mainEl && data.mainEl.length) {
191			mfp.ev = data.mainEl.eq(0);
192		} else {
193			mfp.ev = _document;
194		}
195
196		if(data.key) {
197			if(!mfp.popupsCache[data.key]) {
198				mfp.popupsCache[data.key] = {};
199			}
200			mfp.currTemplate = mfp.popupsCache[data.key];
201		} else {
202			mfp.currTemplate = {};
203		}
204
205
206
207		mfp.st = $.extend(true, {}, $.magnificPopup.defaults, data );
208		mfp.fixedContentPos = mfp.st.fixedContentPos === 'auto' ? !mfp.probablyMobile : mfp.st.fixedContentPos;
209
210		if(mfp.st.modal) {
211			mfp.st.closeOnContentClick = false;
212			mfp.st.closeOnBgClick = false;
213			mfp.st.showCloseBtn = false;
214			mfp.st.enableEscapeKey = false;
215		}
216
217
218		// Building markup
219		// main containers are created only once
220		if(!mfp.bgOverlay) {
221
222			// Dark overlay
223			mfp.bgOverlay = _getEl('bg').on('click'+EVENT_NS, function() {
224				mfp.close();
225			});
226
227			mfp.wrap = _getEl('wrap').attr('tabindex', -1).on('click'+EVENT_NS, function(e) {
228				if(mfp._checkIfClose(e.target)) {
229					mfp.close();
230				}
231			});
232
233			mfp.container = _getEl('container', mfp.wrap);
234		}
235
236		mfp.contentContainer = _getEl('content');
237		if(mfp.st.preloader) {
238			mfp.preloader = _getEl('preloader', mfp.container, mfp.st.tLoading);
239		}
240
241
242		// Initializing modules
243		var modules = $.magnificPopup.modules;
244		for(i = 0; i < modules.length; i++) {
245			var n = modules[i];
246			n = n.charAt(0).toUpperCase() + n.slice(1);
247			mfp['init'+n].call(mfp);
248		}
249		_mfpTrigger('BeforeOpen');
250
251
252		if(mfp.st.showCloseBtn) {
253			// Close button
254			if(!mfp.st.closeBtnInside) {
255				mfp.wrap.append( _getCloseBtn() );
256			} else {
257				_mfpOn(MARKUP_PARSE_EVENT, function(e, template, values, item) {
258					values.close_replaceWith = _getCloseBtn(item.type);
259				});
260				_wrapClasses += ' mfp-close-btn-in';
261			}
262		}
263
264		if(mfp.st.alignTop) {
265			_wrapClasses += ' mfp-align-top';
266		}
267
268
269
270		if(mfp.fixedContentPos) {
271			mfp.wrap.css({
272				overflow: mfp.st.overflowY,
273				overflowX: 'hidden',
274				overflowY: mfp.st.overflowY
275			});
276		} else {
277			mfp.wrap.css({
278				top: _window.scrollTop(),
279				position: 'absolute'
280			});
281		}
282		if( mfp.st.fixedBgPos === false || (mfp.st.fixedBgPos === 'auto' && !mfp.fixedContentPos) ) {
283			mfp.bgOverlay.css({
284				height: _document.height(),
285				position: 'absolute'
286			});
287		}
288
289
290
291		if(mfp.st.enableEscapeKey) {
292			// Close on ESC key
293			_document.on('keyup' + EVENT_NS, function(e) {
294				if(e.keyCode === 27) {
295					mfp.close();
296				}
297			});
298		}
299
300		_window.on('resize' + EVENT_NS, function() {
301			mfp.updateSize();
302		});
303
304
305		if(!mfp.st.closeOnContentClick) {
306			_wrapClasses += ' mfp-auto-cursor';
307		}
308
309		if(_wrapClasses)
310			mfp.wrap.addClass(_wrapClasses);
311
312
313		// this triggers recalculation of layout, so we get it once to not to trigger twice
314		var windowHeight = mfp.wH = _window.height();
315
316
317		var windowStyles = {};
318
319		if( mfp.fixedContentPos ) {
320            if(mfp._hasScrollBar(windowHeight)){
321                var s = mfp._getScrollbarSize();
322                if(s) {
323                    windowStyles.marginRight = s;
324                }
325            }
326        }
327
328		if(mfp.fixedContentPos) {
329			if(!mfp.isIE7) {
330				windowStyles.overflow = 'hidden';
331			} else {
332				// ie7 double-scroll bug
333				$('body, html').css('overflow', 'hidden');
334			}
335		}
336
337
338
339		var classesToadd = mfp.st.mainClass;
340		if(mfp.isIE7) {
341			classesToadd += ' mfp-ie7';
342		}
343		if(classesToadd) {
344			mfp._addClassToMFP( classesToadd );
345		}
346
347		// add content
348		mfp.updateItemHTML();
349
350		_mfpTrigger('BuildControls');
351
352		// remove scrollbar, add margin e.t.c
353		$('html').css(windowStyles);
354
355		// add everything to DOM
356		mfp.bgOverlay.add(mfp.wrap).prependTo( mfp.st.prependTo || $(document.body) );
357
358		// Save last focused element
359		mfp._lastFocusedEl = document.activeElement;
360
361		// Wait for next cycle to allow CSS transition
362		setTimeout(function() {
363
364			if(mfp.content) {
365				mfp._addClassToMFP(READY_CLASS);
366				mfp._setFocus();
367			} else {
368				// if content is not defined (not loaded e.t.c) we add class only for BG
369				mfp.bgOverlay.addClass(READY_CLASS);
370			}
371
372			// Trap the focus in popup
373			_document.on('focusin' + EVENT_NS, mfp._onFocusIn);
374
375		}, 16);
376
377		mfp.isOpen = true;
378		mfp.updateSize(windowHeight);
379		_mfpTrigger(OPEN_EVENT);
380
381		return data;
382	},
383
384	/**
385	 * Closes the popup
386	 */
387	close: function() {
388		if(!mfp.isOpen) return;
389		_mfpTrigger(BEFORE_CLOSE_EVENT);
390
391		mfp.isOpen = false;
392		// for CSS3 animation
393		if(mfp.st.removalDelay && !mfp.isLowIE && mfp.supportsTransition )  {
394			mfp._addClassToMFP(REMOVING_CLASS);
395			setTimeout(function() {
396				mfp._close();
397			}, mfp.st.removalDelay);
398		} else {
399			mfp._close();
400		}
401	},
402
403	/**
404	 * Helper for close() function
405	 */
406	_close: function() {
407		_mfpTrigger(CLOSE_EVENT);
408
409		var classesToRemove = REMOVING_CLASS + ' ' + READY_CLASS + ' ';
410
411		mfp.bgOverlay.detach();
412		mfp.wrap.detach();
413		mfp.container.empty();
414
415		if(mfp.st.mainClass) {
416			classesToRemove += mfp.st.mainClass + ' ';
417		}
418
419		mfp._removeClassFromMFP(classesToRemove);
420
421		if(mfp.fixedContentPos) {
422			var windowStyles = {marginRight: ''};
423			if(mfp.isIE7) {
424				$('body, html').css('overflow', '');
425			} else {
426				windowStyles.overflow = '';
427			}
428			$('html').css(windowStyles);
429		}
430
431		_document.off('keyup' + EVENT_NS + ' focusin' + EVENT_NS);
432		mfp.ev.off(EVENT_NS);
433
434		// clean up DOM elements that aren't removed
435		mfp.wrap.attr('class', 'mfp-wrap').removeAttr('style');
436		mfp.bgOverlay.attr('class', 'mfp-bg');
437		mfp.container.attr('class', 'mfp-container');
438
439		// remove close button from target element
440		if(mfp.st.showCloseBtn &&
441		(!mfp.st.closeBtnInside || mfp.currTemplate[mfp.currItem.type] === true)) {
442			if(mfp.currTemplate.closeBtn)
443				mfp.currTemplate.closeBtn.detach();
444		}
445
446
447		if(mfp.st.autoFocusLast && mfp._lastFocusedEl) {
448			$(mfp._lastFocusedEl).focus(); // put tab focus back
449		}
450		mfp.currItem = null;
451		mfp.content = null;
452		mfp.currTemplate = null;
453		mfp.prevHeight = 0;
454
455		_mfpTrigger(AFTER_CLOSE_EVENT);
456	},
457
458	updateSize: function(winHeight) {
459
460		if(mfp.isIOS) {
461			// fixes iOS nav bars https://github.com/dimsemenov/Magnific-Popup/issues/2
462			var zoomLevel = document.documentElement.clientWidth / window.innerWidth;
463			var height = window.innerHeight * zoomLevel;
464			mfp.wrap.css('height', height);
465			mfp.wH = height;
466		} else {
467			mfp.wH = winHeight || _window.height();
468		}
469		// Fixes #84: popup incorrectly positioned with position:relative on body
470		if(!mfp.fixedContentPos) {
471			mfp.wrap.css('height', mfp.wH);
472		}
473
474		_mfpTrigger('Resize');
475
476	},
477
478	/**
479	 * Set content of popup based on current index
480	 */
481	updateItemHTML: function() {
482		var item = mfp.items[mfp.index];
483
484		// Detach and perform modifications
485		mfp.contentContainer.detach();
486
487		if(mfp.content)
488			mfp.content.detach();
489
490		if(!item.parsed) {
491			item = mfp.parseEl( mfp.index );
492		}
493
494		var type = item.type;
495
496		_mfpTrigger('BeforeChange', [mfp.currItem ? mfp.currItem.type : '', type]);
497		// BeforeChange event works like so:
498		// _mfpOn('BeforeChange', function(e, prevType, newType) { });
499
500		mfp.currItem = item;
501
502		if(!mfp.currTemplate[type]) {
503			var markup = mfp.st[type] ? mfp.st[type].markup : false;
504
505			// allows to modify markup
506			_mfpTrigger('FirstMarkupParse', markup);
507
508			if(markup) {
509				mfp.currTemplate[type] = $(markup);
510			} else {
511				// if there is no markup found we just define that template is parsed
512				mfp.currTemplate[type] = true;
513			}
514		}
515
516		if(_prevContentType && _prevContentType !== item.type) {
517			mfp.container.removeClass('mfp-'+_prevContentType+'-holder');
518		}
519
520		var newContent = mfp['get' + type.charAt(0).toUpperCase() + type.slice(1)](item, mfp.currTemplate[type]);
521		mfp.appendContent(newContent, type);
522
523		item.preloaded = true;
524
525		_mfpTrigger(CHANGE_EVENT, item);
526		_prevContentType = item.type;
527
528		// Append container back after its content changed
529		mfp.container.prepend(mfp.contentContainer);
530
531		_mfpTrigger('AfterChange');
532	},
533
534
535	/**
536	 * Set HTML content of popup
537	 */
538	appendContent: function(newContent, type) {
539		mfp.content = newContent;
540
541		if(newContent) {
542			if(mfp.st.showCloseBtn && mfp.st.closeBtnInside &&
543				mfp.currTemplate[type] === true) {
544				// if there is no markup, we just append close button element inside
545				if(!mfp.content.find('.mfp-close').length) {
546					mfp.content.append(_getCloseBtn());
547				}
548			} else {
549				mfp.content = newContent;
550			}
551		} else {
552			mfp.content = '';
553		}
554
555		_mfpTrigger(BEFORE_APPEND_EVENT);
556		mfp.container.addClass('mfp-'+type+'-holder');
557
558		mfp.contentContainer.append(mfp.content);
559	},
560
561
562	/**
563	 * Creates Magnific Popup data object based on given data
564	 * @param  {int} index Index of item to parse
565	 */
566	parseEl: function(index) {
567		var item = mfp.items[index],
568			type;
569
570		if(item.tagName) {
571			item = { el: $(item) };
572		} else {
573			type = item.type;
574			item = { data: item, src: item.src };
575		}
576
577		if(item.el) {
578			var types = mfp.types;
579
580			// check for 'mfp-TYPE' class
581			for(var i = 0; i < types.length; i++) {
582				if( item.el.hasClass('mfp-'+types[i]) ) {
583					type = types[i];
584					break;
585				}
586			}
587
588			item.src = item.el.attr('data-mfp-src');
589			if(!item.src) {
590				item.src = item.el.attr('href');
591			}
592		}
593
594		item.type = type || mfp.st.type || 'inline';
595		item.index = index;
596		item.parsed = true;
597		mfp.items[index] = item;
598		_mfpTrigger('ElementParse', item);
599
600		return mfp.items[index];
601	},
602
603
604	/**
605	 * Initializes single popup or a group of popups
606	 */
607	addGroup: function(el, options) {
608		var eHandler = function(e) {
609			e.mfpEl = this;
610			mfp._openClick(e, el, options);
611		};
612
613		if(!options) {
614			options = {};
615		}
616
617		var eName = 'click.magnificPopup';
618		options.mainEl = el;
619
620		if(options.items) {
621			options.isObj = true;
622			el.off(eName).on(eName, eHandler);
623		} else {
624			options.isObj = false;
625			if(options.delegate) {
626				el.off(eName).on(eName, options.delegate , eHandler);
627			} else {
628				options.items = el;
629				el.off(eName).on(eName, eHandler);
630			}
631		}
632	},
633	_openClick: function(e, el, options) {
634		var midClick = options.midClick !== undefined ? options.midClick : $.magnificPopup.defaults.midClick;
635
636
637		if(!midClick && ( e.which === 2 || e.ctrlKey || e.metaKey || e.altKey || e.shiftKey ) ) {
638			return;
639		}
640
641		var disableOn = options.disableOn !== undefined ? options.disableOn : $.magnificPopup.defaults.disableOn;
642
643		if(disableOn) {
644			if($.isFunction(disableOn)) {
645				if( !disableOn.call(mfp) ) {
646					return true;
647				}
648			} else { // else it's number
649				if( _window.width() < disableOn ) {
650					return true;
651				}
652			}
653		}
654
655		if(e.type) {
656			e.preventDefault();
657
658			// This will prevent popup from closing if element is inside and popup is already opened
659			if(mfp.isOpen) {
660				e.stopPropagation();
661			}
662		}
663
664		options.el = $(e.mfpEl);
665		if(options.delegate) {
666			options.items = el.find(options.delegate);
667		}
668		mfp.open(options);
669	},
670
671
672	/**
673	 * Updates text on preloader
674	 */
675	updateStatus: function(status, text) {
676
677		if(mfp.preloader) {
678			if(_prevStatus !== status) {
679				mfp.container.removeClass('mfp-s-'+_prevStatus);
680			}
681
682			if(!text && status === 'loading') {
683				text = mfp.st.tLoading;
684			}
685
686			var data = {
687				status: status,
688				text: text
689			};
690			// allows to modify status
691			_mfpTrigger('UpdateStatus', data);
692
693			status = data.status;
694			text = data.text;
695
696			mfp.preloader.html(text);
697
698			mfp.preloader.find('a').on('click', function(e) {
699				e.stopImmediatePropagation();
700			});
701
702			mfp.container.addClass('mfp-s-'+status);
703			_prevStatus = status;
704		}
705	},
706
707
708	/*
709		"Private" helpers that aren't private at all
710	 */
711	// Check to close popup or not
712	// "target" is an element that was clicked
713	_checkIfClose: function(target) {
714
715		if($(target).hasClass(PREVENT_CLOSE_CLASS)) {
716			return;
717		}
718
719		var closeOnContent = mfp.st.closeOnContentClick;
720		var closeOnBg = mfp.st.closeOnBgClick;
721
722		if(closeOnContent && closeOnBg) {
723			return true;
724		} else {
725
726			// We close the popup if click is on close button or on preloader. Or if there is no content.
727			if(!mfp.content || $(target).hasClass('mfp-close') || (mfp.preloader && target === mfp.preloader[0]) ) {
728				return true;
729			}
730
731			// if click is outside the content
732			if(  (target !== mfp.content[0] && !$.contains(mfp.content[0], target))  ) {
733				if(closeOnBg) {
734					// last check, if the clicked element is in DOM, (in case it's removed onclick)
735					if( $.contains(document, target) ) {
736						return true;
737					}
738				}
739			} else if(closeOnContent) {
740				return true;
741			}
742
743		}
744		return false;
745	},
746	_addClassToMFP: function(cName) {
747		mfp.bgOverlay.addClass(cName);
748		mfp.wrap.addClass(cName);
749	},
750	_removeClassFromMFP: function(cName) {
751		this.bgOverlay.removeClass(cName);
752		mfp.wrap.removeClass(cName);
753	},
754	_hasScrollBar: function(winHeight) {
755		return (  (mfp.isIE7 ? _document.height() : document.body.scrollHeight) > (winHeight || _window.height()) );
756	},
757	_setFocus: function() {
758		(mfp.st.focus ? mfp.content.find(mfp.st.focus).eq(0) : mfp.wrap).focus();
759	},
760	_onFocusIn: function(e) {
761		if( e.target !== mfp.wrap[0] && !$.contains(mfp.wrap[0], e.target) ) {
762			mfp._setFocus();
763			return false;
764		}
765	},
766	_parseMarkup: function(template, values, item) {
767		var arr;
768		if(item.data) {
769			values = $.extend(item.data, values);
770		}
771		_mfpTrigger(MARKUP_PARSE_EVENT, [template, values, item] );
772
773		$.each(values, function(key, value) {
774			if(value === undefined || value === false) {
775				return true;
776			}
777			arr = key.split('_');
778			if(arr.length > 1) {
779				var el = template.find(EVENT_NS + '-'+arr[0]);
780
781				if(el.length > 0) {
782					var attr = arr[1];
783					if(attr === 'replaceWith') {
784						if(el[0] !== value[0]) {
785							el.replaceWith(value);
786						}
787					} else if(attr === 'img') {
788						if(el.is('img')) {
789							el.attr('src', value);
790						} else {
791							el.replaceWith( $('<img>').attr('src', value).attr('class', el.attr('class')) );
792						}
793					} else {
794						el.attr(arr[1], value);
795					}
796				}
797
798			} else {
799				template.find(EVENT_NS + '-'+key).html(value);
800			}
801		});
802	},
803
804	_getScrollbarSize: function() {
805		// thx David
806		if(mfp.scrollbarSize === undefined) {
807			var scrollDiv = document.createElement("div");
808			scrollDiv.style.cssText = 'width: 99px; height: 99px; overflow: scroll; position: absolute; top: -9999px;';
809			document.body.appendChild(scrollDiv);
810			mfp.scrollbarSize = scrollDiv.offsetWidth - scrollDiv.clientWidth;
811			document.body.removeChild(scrollDiv);
812		}
813		return mfp.scrollbarSize;
814	}
815
816}; /* MagnificPopup core prototype end */
817
818
819
820
821/**
822 * Public static functions
823 */
824$.magnificPopup = {
825	instance: null,
826	proto: MagnificPopup.prototype,
827	modules: [],
828
829	open: function(options, index) {
830		_checkInstance();
831
832		if(!options) {
833			options = {};
834		} else {
835			options = $.extend(true, {}, options);
836		}
837
838		options.isObj = true;
839		options.index = index || 0;
840		return this.instance.open(options);
841	},
842
843	close: function() {
844		return $.magnificPopup.instance && $.magnificPopup.instance.close();
845	},
846
847	registerModule: function(name, module) {
848		if(module.options) {
849			$.magnificPopup.defaults[name] = module.options;
850		}
851		$.extend(this.proto, module.proto);
852		this.modules.push(name);
853	},
854
855	defaults: {
856
857		// Info about options is in docs:
858		// http://dimsemenov.com/plugins/magnific-popup/documentation.html#options
859
860		disableOn: 0,
861
862		key: null,
863
864		midClick: false,
865
866		mainClass: '',
867
868		preloader: true,
869
870		focus: '', // CSS selector of input to focus after popup is opened
871
872		closeOnContentClick: false,
873
874		closeOnBgClick: true,
875
876		closeBtnInside: true,
877
878		showCloseBtn: true,
879
880		enableEscapeKey: true,
881
882		modal: false,
883
884		alignTop: false,
885
886		removalDelay: 0,
887
888		prependTo: null,
889
890		fixedContentPos: 'auto',
891
892		fixedBgPos: 'auto',
893
894		overflowY: 'auto',
895
896		closeMarkup: '<button title="%title%" type="button" class="mfp-close">&#215;</button>',
897
898		tClose: 'Close (Esc)',
899
900		tLoading: 'Loading...',
901
902		autoFocusLast: true
903
904	}
905};
906
907
908
909$.fn.magnificPopup = function(options) {
910	_checkInstance();
911
912	var jqEl = $(this);
913
914	// We call some API method of first param is a string
915	if (typeof options === "string" ) {
916
917		if(options === 'open') {
918			var items,
919				itemOpts = _isJQ ? jqEl.data('magnificPopup') : jqEl[0].magnificPopup,
920				index = parseInt(arguments[1], 10) || 0;
921
922			if(itemOpts.items) {
923				items = itemOpts.items[index];
924			} else {
925				items = jqEl;
926				if(itemOpts.delegate) {
927					items = items.find(itemOpts.delegate);
928				}
929				items = items.eq( index );
930			}
931			mfp._openClick({mfpEl:items}, jqEl, itemOpts);
932		} else {
933			if(mfp.isOpen)
934				mfp[options].apply(mfp, Array.prototype.slice.call(arguments, 1));
935		}
936
937	} else {
938		// clone options obj
939		options = $.extend(true, {}, options);
940
941		/*
942		 * As Zepto doesn't support .data() method for objects
943		 * and it works only in normal browsers
944		 * we assign "options" object directly to the DOM element. FTW!
945		 */
946		if(_isJQ) {
947			jqEl.data('magnificPopup', options);
948		} else {
949			jqEl[0].magnificPopup = options;
950		}
951
952		mfp.addGroup(jqEl, options);
953
954	}
955	return jqEl;
956};
957
958/*>>core*/
959
960/*>>inline*/
961
962var INLINE_NS = 'inline',
963	_hiddenClass,
964	_inlinePlaceholder,
965	_lastInlineElement,
966	_putInlineElementsBack = function() {
967		if(_lastInlineElement) {
968			_inlinePlaceholder.after( _lastInlineElement.addClass(_hiddenClass) ).detach();
969			_lastInlineElement = null;
970		}
971	};
972
973$.magnificPopup.registerModule(INLINE_NS, {
974	options: {
975		hiddenClass: 'hide', // will be appended with `mfp-` prefix
976		markup: '',
977		tNotFound: 'Content not found'
978	},
979	proto: {
980
981		initInline: function() {
982			mfp.types.push(INLINE_NS);
983
984			_mfpOn(CLOSE_EVENT+'.'+INLINE_NS, function() {
985				_putInlineElementsBack();
986			});
987		},
988
989		getInline: function(item, template) {
990
991			_putInlineElementsBack();
992
993			if(item.src) {
994				var inlineSt = mfp.st.inline,
995					el = $(item.src);
996
997				if(el.length) {
998
999					// If target element has parent - we replace it with placeholder and put it back after popup is closed
1000					var parent = el[0].parentNode;
1001					if(parent && parent.tagName) {
1002						if(!_inlinePlaceholder) {
1003							_hiddenClass = inlineSt.hiddenClass;
1004							_inlinePlaceholder = _getEl(_hiddenClass);
1005							_hiddenClass = 'mfp-'+_hiddenClass;
1006						}
1007						// replace target inline element with placeholder
1008						_lastInlineElement = el.after(_inlinePlaceholder).detach().removeClass(_hiddenClass);
1009					}
1010
1011					mfp.updateStatus('ready');
1012				} else {
1013					mfp.updateStatus('error', inlineSt.tNotFound);
1014					el = $('<div>');
1015				}
1016
1017				item.inlineElement = el;
1018				return el;
1019			}
1020
1021			mfp.updateStatus('ready');
1022			mfp._parseMarkup(template, {}, item);
1023			return template;
1024		}
1025	}
1026});
1027
1028/*>>inline*/
1029
1030
1031
1032/*>>image*/
1033var _imgInterval,
1034	_getTitle = function(item) {
1035		if(item.data && item.data.title !== undefined)
1036			return item.data.title;
1037
1038		var src = mfp.st.image.titleSrc;
1039
1040		if(src) {
1041			if($.isFunction(src)) {
1042				return src.call(mfp, item);
1043			} else if(item.el) {
1044				return item.el.attr(src) || '';
1045			}
1046		}
1047		return '';
1048	};
1049
1050$.magnificPopup.registerModule('image', {
1051
1052	options: {
1053		markup: '<div class="mfp-figure">'+
1054					'<div class="mfp-close"></div>'+
1055					'<figure>'+
1056						'<div class="mfp-img"></div>'+
1057						'<figcaption>'+
1058							'<div class="mfp-bottom-bar">'+
1059								'<div class="mfp-title"></div>'+
1060								'<div class="mfp-counter"></div>'+
1061							'</div>'+
1062						'</figcaption>'+
1063					'</figure>'+
1064				'</div>',
1065		cursor: 'mfp-zoom-out-cur',
1066		titleSrc: 'title',
1067		verticalFit: true,
1068		tError: '<a href="%url%">The image</a> could not be loaded.'
1069	},
1070
1071	proto: {
1072		initImage: function() {
1073			var imgSt = mfp.st.image,
1074				ns = '.image';
1075
1076			mfp.types.push('image');
1077
1078			_mfpOn(OPEN_EVENT+ns, function() {
1079				if(mfp.currItem.type === 'image' && imgSt.cursor) {
1080					$(document.body).addClass(imgSt.cursor);
1081				}
1082			});
1083
1084			_mfpOn(CLOSE_EVENT+ns, function() {
1085				if(imgSt.cursor) {
1086					$(document.body).removeClass(imgSt.cursor);
1087				}
1088				_window.off('resize' + EVENT_NS);
1089			});
1090
1091			_mfpOn('Resize'+ns, mfp.resizeImage);
1092			if(mfp.isLowIE) {
1093				_mfpOn('AfterChange', mfp.resizeImage);
1094			}
1095		},
1096		resizeImage: function() {
1097			var item = mfp.currItem;
1098			if(!item || !item.img) return;
1099
1100			if(mfp.st.image.verticalFit) {
1101				var decr = 0;
1102				// fix box-sizing in ie7/8
1103				if(mfp.isLowIE) {
1104					decr = parseInt(item.img.css('padding-top'), 10) + parseInt(item.img.css('padding-bottom'),10);
1105				}
1106				item.img.css('max-height', mfp.wH-decr);
1107			}
1108		},
1109		_onImageHasSize: function(item) {
1110			if(item.img) {
1111
1112				item.hasSize = true;
1113
1114				if(_imgInterval) {
1115					clearInterval(_imgInterval);
1116				}
1117
1118				item.isCheckingImgSize = false;
1119
1120				_mfpTrigger('ImageHasSize', item);
1121
1122				if(item.imgHidden) {
1123					if(mfp.content)
1124						mfp.content.removeClass('mfp-loading');
1125
1126					item.imgHidden = false;
1127				}
1128
1129			}
1130		},
1131
1132		/**
1133		 * Function that loops until the image has size to display elements that rely on it asap
1134		 */
1135		findImageSize: function(item) {
1136
1137			var counter = 0,
1138				img = item.img[0],
1139				mfpSetInterval = function(delay) {
1140
1141					if(_imgInterval) {
1142						clearInterval(_imgInterval);
1143					}
1144					// decelerating interval that checks for size of an image
1145					_imgInterval = setInterval(function() {
1146						if(img.naturalWidth > 0) {
1147							mfp._onImageHasSize(item);
1148							return;
1149						}
1150
1151						if(counter > 200) {
1152							clearInterval(_imgInterval);
1153						}
1154
1155						counter++;
1156						if(counter === 3) {
1157							mfpSetInterval(10);
1158						} else if(counter === 40) {
1159							mfpSetInterval(50);
1160						} else if(counter === 100) {
1161							mfpSetInterval(500);
1162						}
1163					}, delay);
1164				};
1165
1166			mfpSetInterval(1);
1167		},
1168
1169		getImage: function(item, template) {
1170
1171			var guard = 0,
1172
1173				// image load complete handler
1174				onLoadComplete = function() {
1175					if(item) {
1176						if (item.img[0].complete) {
1177							item.img.off('.mfploader');
1178
1179							if(item === mfp.currItem){
1180								mfp._onImageHasSize(item);
1181
1182								mfp.updateStatus('ready');
1183							}
1184
1185							item.hasSize = true;
1186							item.loaded = true;
1187
1188							_mfpTrigger('ImageLoadComplete');
1189
1190						}
1191						else {
1192							// if image complete check fails 200 times (20 sec), we assume that there was an error.
1193							guard++;
1194							if(guard < 200) {
1195								setTimeout(onLoadComplete,100);
1196							} else {
1197								onLoadError();
1198							}
1199						}
1200					}
1201				},
1202
1203				// image error handler
1204				onLoadError = function() {
1205					if(item) {
1206						item.img.off('.mfploader');
1207						if(item === mfp.currItem){
1208							mfp._onImageHasSize(item);
1209							mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1210						}
1211
1212						item.hasSize = true;
1213						item.loaded = true;
1214						item.loadError = true;
1215					}
1216				},
1217				imgSt = mfp.st.image;
1218
1219
1220			var el = template.find('.mfp-img');
1221			if(el.length) {
1222				var img = document.createElement('img');
1223				img.className = 'mfp-img';
1224				if(item.el && item.el.find('img').length) {
1225					img.alt = item.el.find('img').attr('alt');
1226				}
1227				item.img = $(img).on('load.mfploader', onLoadComplete).on('error.mfploader', onLoadError);
1228				img.src = item.src;
1229
1230				// without clone() "error" event is not firing when IMG is replaced by new IMG
1231				// TODO: find a way to avoid such cloning
1232				if(el.is('img')) {
1233					item.img = item.img.clone();
1234				}
1235
1236				img = item.img[0];
1237				if(img.naturalWidth > 0) {
1238					item.hasSize = true;
1239				} else if(!img.width) {
1240					item.hasSize = false;
1241				}
1242			}
1243
1244			mfp._parseMarkup(template, {
1245				title: _getTitle(item),
1246				img_replaceWith: item.img
1247			}, item);
1248
1249			mfp.resizeImage();
1250
1251			if(item.hasSize) {
1252				if(_imgInterval) clearInterval(_imgInterval);
1253
1254				if(item.loadError) {
1255					template.addClass('mfp-loading');
1256					mfp.updateStatus('error', imgSt.tError.replace('%url%', item.src) );
1257				} else {
1258					template.removeClass('mfp-loading');
1259					mfp.updateStatus('ready');
1260				}
1261				return template;
1262			}
1263
1264			mfp.updateStatus('loading');
1265			item.loading = true;
1266
1267			if(!item.hasSize) {
1268				item.imgHidden = true;
1269				template.addClass('mfp-loading');
1270				mfp.findImageSize(item);
1271			}
1272
1273			return template;
1274		}
1275	}
1276});
1277
1278/*>>image*/
1279
1280/*>>zoom*/
1281var hasMozTransform,
1282	getHasMozTransform = function() {
1283		if(hasMozTransform === undefined) {
1284			hasMozTransform = document.createElement('p').style.MozTransform !== undefined;
1285		}
1286		return hasMozTransform;
1287	};
1288
1289$.magnificPopup.registerModule('zoom', {
1290
1291	options: {
1292		enabled: false,
1293		easing: 'ease-in-out',
1294		duration: 300,
1295		opener: function(element) {
1296			return element.is('img') ? element : element.find('img');
1297		}
1298	},
1299
1300	proto: {
1301
1302		initZoom: function() {
1303			var zoomSt = mfp.st.zoom,
1304				ns = '.zoom',
1305				image;
1306
1307			if(!zoomSt.enabled || !mfp.supportsTransition) {
1308				return;
1309			}
1310
1311			var duration = zoomSt.duration,
1312				getElToAnimate = function(image) {
1313					var newImg = image.clone().removeAttr('style').removeAttr('class').addClass('mfp-animated-image'),
1314						transition = 'all '+(zoomSt.duration/1000)+'s ' + zoomSt.easing,
1315						cssObj = {
1316							position: 'fixed',
1317							zIndex: 9999,
1318							left: 0,
1319							top: 0,
1320							'-webkit-backface-visibility': 'hidden'
1321						},
1322						t = 'transition';
1323
1324					cssObj['-webkit-'+t] = cssObj['-moz-'+t] = cssObj['-o-'+t] = cssObj[t] = transition;
1325
1326					newImg.css(cssObj);
1327					return newImg;
1328				},
1329				showMainContent = function() {
1330					mfp.content.css('visibility', 'visible');
1331				},
1332				openTimeout,
1333				animatedImg;
1334
1335			_mfpOn('BuildControls'+ns, function() {
1336				if(mfp._allowZoom()) {
1337
1338					clearTimeout(openTimeout);
1339					mfp.content.css('visibility', 'hidden');
1340
1341					// Basically, all code below does is clones existing image, puts in on top of the current one and animated it
1342
1343					image = mfp._getItemToZoom();
1344
1345					if(!image) {
1346						showMainContent();
1347						return;
1348					}
1349
1350					animatedImg = getElToAnimate(image);
1351
1352					animatedImg.css( mfp._getOffset() );
1353
1354					mfp.wrap.append(animatedImg);
1355
1356					openTimeout = setTimeout(function() {
1357						animatedImg.css( mfp._getOffset( true ) );
1358						openTimeout = setTimeout(function() {
1359
1360							showMainContent();
1361
1362							setTimeout(function() {
1363								animatedImg.remove();
1364								image = animatedImg = null;
1365								_mfpTrigger('ZoomAnimationEnded');
1366							}, 16); // avoid blink when switching images
1367
1368						}, duration); // this timeout equals animation duration
1369
1370					}, 16); // by adding this timeout we avoid short glitch at the beginning of animation
1371
1372
1373					// Lots of timeouts...
1374				}
1375			});
1376			_mfpOn(BEFORE_CLOSE_EVENT+ns, function() {
1377				if(mfp._allowZoom()) {
1378
1379					clearTimeout(openTimeout);
1380
1381					mfp.st.removalDelay = duration;
1382
1383					if(!image) {
1384						image = mfp._getItemToZoom();
1385						if(!image) {
1386							return;
1387						}
1388						animatedImg = getElToAnimate(image);
1389					}
1390
1391					animatedImg.css( mfp._getOffset(true) );
1392					mfp.wrap.append(animatedImg);
1393					mfp.content.css('visibility', 'hidden');
1394
1395					setTimeout(function() {
1396						animatedImg.css( mfp._getOffset() );
1397					}, 16);
1398				}
1399
1400			});
1401
1402			_mfpOn(CLOSE_EVENT+ns, function() {
1403				if(mfp._allowZoom()) {
1404					showMainContent();
1405					if(animatedImg) {
1406						animatedImg.remove();
1407					}
1408					image = null;
1409				}
1410			});
1411		},
1412
1413		_allowZoom: function() {
1414			return mfp.currItem.type === 'image';
1415		},
1416
1417		_getItemToZoom: function() {
1418			if(mfp.currItem.hasSize) {
1419				return mfp.currItem.img;
1420			} else {
1421				return false;
1422			}
1423		},
1424
1425		// Get element postion relative to viewport
1426		_getOffset: function(isLarge) {
1427			var el;
1428			if(isLarge) {
1429				el = mfp.currItem.img;
1430			} else {
1431				el = mfp.st.zoom.opener(mfp.currItem.el || mfp.currItem);
1432			}
1433
1434			var offset = el.offset();
1435			var paddingTop = parseInt(el.css('padding-top'),10);
1436			var paddingBottom = parseInt(el.css('padding-bottom'),10);
1437			offset.top -= ( $(window).scrollTop() - paddingTop );
1438
1439
1440			/*
1441
1442			Animating left + top + width/height looks glitchy in Firefox, but perfect in Chrome. And vice-versa.
1443
1444			 */
1445			var obj = {
1446				width: el.width(),
1447				// fix Zepto height+padding issue
1448				height: (_isJQ ? el.innerHeight() : el[0].offsetHeight) - paddingBottom - paddingTop
1449			};
1450
1451			// I hate to do this, but there is no another option
1452			if( getHasMozTransform() ) {
1453				obj['-moz-transform'] = obj['transform'] = 'translate(' + offset.left + 'px,' + offset.top + 'px)';
1454			} else {
1455				obj.left = offset.left;
1456				obj.top = offset.top;
1457			}
1458			return obj;
1459		}
1460
1461	}
1462});
1463
1464
1465
1466/*>>zoom*/
1467
1468
1469
1470/*>>gallery*/
1471/**
1472 * Get looped index depending on number of slides
1473 */
1474var _getLoopedId = function(index) {
1475		var numSlides = mfp.items.length;
1476		if(index > numSlides - 1) {
1477			return index - numSlides;
1478		} else  if(index < 0) {
1479			return numSlides + index;
1480		}
1481		return index;
1482	},
1483	_replaceCurrTotal = function(text, curr, total) {
1484		return text.replace(/%curr%/gi, curr + 1).replace(/%total%/gi, total);
1485	};
1486
1487$.magnificPopup.registerModule('gallery', {
1488
1489	options: {
1490		enabled: false,
1491		arrowMarkup: '<button title="%title%" type="button" class="mfp-arrow mfp-arrow-%dir%"></button>',
1492		preload: [0,2],
1493		navigateByImgClick: true,
1494		arrows: true,
1495
1496		tPrev: 'Previous (Left arrow key)',
1497		tNext: 'Next (Right arrow key)',
1498		tCounter: '%curr% of %total%'
1499	},
1500
1501	proto: {
1502		initGallery: function() {
1503
1504			var gSt = mfp.st.gallery,
1505				ns = '.mfp-gallery';
1506
1507			mfp.direction = true; // true - next, false - prev
1508
1509			if(!gSt || !gSt.enabled ) return false;
1510
1511			_wrapClasses += ' mfp-gallery';
1512
1513			_mfpOn(OPEN_EVENT+ns, function() {
1514
1515				if(gSt.navigateByImgClick) {
1516					mfp.wrap.on('click'+ns, '.mfp-img', function() {
1517						if(mfp.items.length > 1) {
1518							mfp.next();
1519							return false;
1520						}
1521					});
1522				}
1523
1524				_document.on('keydown'+ns, function(e) {
1525					if (e.keyCode === 37) {
1526						mfp.prev();
1527					} else if (e.keyCode === 39) {
1528						mfp.next();
1529					}
1530				});
1531			});
1532
1533			_mfpOn('UpdateStatus'+ns, function(e, data) {
1534				if(data.text) {
1535					data.text = _replaceCurrTotal(data.text, mfp.currItem.index, mfp.items.length);
1536				}
1537			});
1538
1539			_mfpOn(MARKUP_PARSE_EVENT+ns, function(e, element, values, item) {
1540				var l = mfp.items.length;
1541				values.counter = l > 1 ? _replaceCurrTotal(gSt.tCounter, item.index, l) : '';
1542			});
1543
1544			_mfpOn('BuildControls' + ns, function() {
1545				if(mfp.items.length > 1 && gSt.arrows && !mfp.arrowLeft) {
1546					var markup = gSt.arrowMarkup,
1547						arrowLeft = mfp.arrowLeft = $( markup.replace(/%title%/gi, gSt.tPrev).replace(/%dir%/gi, 'left') ).addClass(PREVENT_CLOSE_CLASS),
1548						arrowRight = mfp.arrowRight = $( markup.replace(/%title%/gi, gSt.tNext).replace(/%dir%/gi, 'right') ).addClass(PREVENT_CLOSE_CLASS);
1549
1550					arrowLeft.click(function() {
1551						mfp.prev();
1552					});
1553					arrowRight.click(function() {
1554						mfp.next();
1555					});
1556
1557					mfp.container.append(arrowLeft.add(arrowRight));
1558				}
1559			});
1560
1561			_mfpOn(CHANGE_EVENT+ns, function() {
1562				if(mfp._preloadTimeout) clearTimeout(mfp._preloadTimeout);
1563
1564				mfp._preloadTimeout = setTimeout(function() {
1565					mfp.preloadNearbyImages();
1566					mfp._preloadTimeout = null;
1567				}, 16);
1568			});
1569
1570
1571			_mfpOn(CLOSE_EVENT+ns, function() {
1572				_document.off(ns);
1573				mfp.wrap.off('click'+ns);
1574				mfp.arrowRight = mfp.arrowLeft = null;
1575			});
1576
1577		},
1578		next: function() {
1579			mfp.direction = true;
1580			mfp.index = _getLoopedId(mfp.index + 1);
1581			mfp.updateItemHTML();
1582		},
1583		prev: function() {
1584			mfp.direction = false;
1585			mfp.index = _getLoopedId(mfp.index - 1);
1586			mfp.updateItemHTML();
1587		},
1588		goTo: function(newIndex) {
1589			mfp.direction = (newIndex >= mfp.index);
1590			mfp.index = newIndex;
1591			mfp.updateItemHTML();
1592		},
1593		preloadNearbyImages: function() {
1594			var p = mfp.st.gallery.preload,
1595				preloadBefore = Math.min(p[0], mfp.items.length),
1596				preloadAfter = Math.min(p[1], mfp.items.length),
1597				i;
1598
1599			for(i = 1; i <= (mfp.direction ? preloadAfter : preloadBefore); i++) {
1600				mfp._preloadItem(mfp.index+i);
1601			}
1602			for(i = 1; i <= (mfp.direction ? preloadBefore : preloadAfter); i++) {
1603				mfp._preloadItem(mfp.index-i);
1604			}
1605		},
1606		_preloadItem: function(index) {
1607			index = _getLoopedId(index);
1608
1609			if(mfp.items[index].preloaded) {
1610				return;
1611			}
1612
1613			var item = mfp.items[index];
1614			if(!item.parsed) {
1615				item = mfp.parseEl( index );
1616			}
1617
1618			_mfpTrigger('LazyLoad', item);
1619
1620			if(item.type === 'image') {
1621				item.img = $('<img class="mfp-img" />').on('load.mfploader', function() {
1622					item.hasSize = true;
1623				}).on('error.mfploader', function() {
1624					item.hasSize = true;
1625					item.loadError = true;
1626					_mfpTrigger('LazyLoadError', item);
1627				}).attr('src', item.src);
1628			}
1629
1630
1631			item.preloaded = true;
1632		}
1633	}
1634});
1635
1636/*>>gallery*/
1637
1638/*>>retina*/
1639
1640var RETINA_NS = 'retina';
1641
1642$.magnificPopup.registerModule(RETINA_NS, {
1643	options: {
1644		replaceSrc: function(item) {
1645			return item.src.replace(/\.\w+$/, function(m) { return '@2x' + m; });
1646		},
1647		ratio: 1 // Function or number.  Set to 1 to disable.
1648	},
1649	proto: {
1650		initRetina: function() {
1651			if(window.devicePixelRatio > 1) {
1652
1653				var st = mfp.st.retina,
1654					ratio = st.ratio;
1655
1656				ratio = !isNaN(ratio) ? ratio : ratio();
1657
1658				if(ratio > 1) {
1659					_mfpOn('ImageHasSize' + '.' + RETINA_NS, function(e, item) {
1660						item.img.css({
1661							'max-width': item.img[0].naturalWidth / ratio,
1662							'width': '100%'
1663						});
1664					});
1665					_mfpOn('ElementParse' + '.' + RETINA_NS, function(e, item) {
1666						item.src = st.replaceSrc(item, ratio);
1667					});
1668				}
1669			}
1670
1671		}
1672	}
1673});
1674
1675/*>>retina*/
1676 _checkInstance(); }));