https://www.richkesslerphotography.com/static/theme_api/v1/blog-43…d34cc18bfea55ecf5b3dadb514e8c203bd3ee810.js

75			pixelRatio: 1, // Set to 2 for retina display support
76
77			autoSize   : true,
78			autoHeight : false,
79			autoWidth  : false,
80
81			autoResize  : true,
82			autoCenter  : !isTouch,
83			fitToView   : true,
84			aspectRatio : false,
85			topRatio    : 0.5,
86			leftRatio   : 0.5,
87
88			scrolling : 'auto', // 'auto', 'yes' or 'no'
89			wrapCSS   : '',
90
91			arrows     : true,
92			closeBtn   : true,
93			closeClick : false,
94			nextClick  : false,
95			mouseWheel : true,
96			autoPlay   : false,
97			playSpeed  : 3000,
98			preload    : 3,
99			modal      : false,
100			loop       : true,
101
102			ajax  : {
103				dataType : 'html',
104				headers  : { 'X-fancyBox': true }
105			},
106			iframe : {
107				scrolling : 'auto',
108				preload   : true
109			},
110			swf : {
111				wmode: 'transparent',
112				allowfullscreen   : 'true',
113				allowscriptaccess : 'always'
114			},
115
116			keys  : {
117				next : {
118					13 : 'left', // enter
119					34 : 'up',   // page down
120					39 : 'left', // right arrow
121					40 : 'up'    // down arrow
122				},
123				prev : {
124					8  : 'right',  // backspace
125					33 : 'down',   // page up
126					37 : 'right',  // left arrow
127					38 : 'down'    // up arrow
128				},
129				close  : [27], // escape key
130				play   : [32], // space - start/stop slideshow
131				toggle : [70]  // letter "f" - toggle fullscreen
132			},
133
134			direction : {
135				next : 'left',
136				prev : 'right'
137			},
138
139			scrollOutside  : true,
140
141			// Override some properties
142			index   : 0,
143			type    : null,
144			href    : null,
145			content : null,
146			title   : null,
147
148			// HTML templates
149			tpl: {
150				wrap     : '<div class="fancybox-wrap" tabIndex="-1"><div class="fancybox-skin"><div class="fancybox-outer"><div class="fancybox-inner"></div></div></div></div>',
151				image    : '<img class="fancybox-image" src="{href}" alt="" />',
152				iframe   : '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen' + (IE ? ' allowtransparency="true"' : '') + '></iframe>',
153				error    : '<p class="fancybox-error">The requested content cannot be loaded.<br/>Please try again later.</p>',
154				closeBtn : '<a title="Close" class="fancybox-item fancybox-close" href="javascript:;"></a>',
155				next     : '<a title="Next" class="fancybox-nav fancybox-next" href="javascript:;"><span></span></a>',
156				prev     : '<a title="Previous" class="fancybox-nav fancybox-prev" href="javascript:;"><span></span></a>'
157			},
158
159			// Properties for each animation type
160			// Opening fancyBox
161			openEffect  : 'fade', // 'elastic', 'fade' or 'none'
162			openSpeed   : 250,
163			openEasing  : 'swing',
164			openOpacity : true,
165			openMethod  : 'zoomIn',
166
167			// Closing fancyBox
168			closeEffect  : 'fade', // 'elastic', 'fade' or 'none'
169			closeSpeed   : 250,
170			closeEasing  : 'swing',
171			closeOpacity : true,
172			closeMethod  : 'zoomOut',
173
174			// Changing next gallery item
175			nextEffect : 'elastic', // 'elastic', 'fade' or 'none'
176			nextSpeed  : 250,
177			nextEasing : 'swing',
178			nextMethod : 'changeIn',
179
180			// Changing previous gallery item
181			prevEffect : 'elastic', // 'elastic', 'fade' or 'none'
182			prevSpeed  : 250,
183			prevEasing : 'swing',
184			prevMethod : 'changeOut',
185
186			// Enable default helpers
187			helpers : {
188				overlay : true,
189				title   : true
190			},
191
192			// Callbacks
193			onCancel     : $.noop, // If canceling
194			beforeLoad   : $.noop, // Before loading
195			afterLoad    : $.noop, // After loading
196			beforeShow   : $.noop, // Before changing in current item
197			afterShow    : $.noop, // After opening
198			beforeChange : $.noop, // Before changing gallery item
199			beforeClose  : $.noop, // Before closing
200			afterClose   : $.noop  // After closing
201		},
202
203		//Current state
204		group    : {}, // Selected group
205		opts     : {}, // Group options
206		previous : null,  // Previous element
207		coming   : null,  // Element being loaded
208		current  : null,  // Currently loaded element
209		isActive : false, // Is activated
210		isOpen   : false, // Is currently open
211		isOpened : false, // Have been fully opened at least once
212
213		wrap  : null,
214		skin  : null,
215		outer : null,
216		inner : null,
217
218		player : {
219			timer    : null,
220			isActive : false
221		},
222
223		// Loaders
224		ajaxLoad   : null,
225		imgPreload : null,
226
227		// Some collections
228		transitions : {},
229		helpers     : {},
230
231		/*
232		 *	Static methods
233		 */
234
235		open: function (group, opts) {
236			if (!group) {
237				return;
238			}
239
240			if (!$.isPlainObject(opts)) {
241				opts = {};
242			}
243
244			// Close if already active
245			if (false === F.close(true)) {
246				return;
247			}
248
249			// Normalize group
250			if (!$.isArray(group)) {
251				group = isQuery(group) ? $(group).get() : [group];
252			}
253
254			// Recheck if the type of each element is `object` and set content type (image, ajax, etc)
255			$.each(group, function(i, element) {
256				var obj = {},
257					href,
258					title,
259					content,
260					type,
261					rez,
262					hrefParts,
263					selector;
264
265				if ($.type(element) === "object") {
266					// Check if is DOM element
267					if (element.nodeType) {
268						element = $(element);
269					}
270
271					if (isQuery(element)) {
272						obj = {
273							href    : element.data('fancybox-href') || element.attr('href'),
274							title   : element.data('fancybox-title') || element.attr('title'),
275							isDom   : true,
276							element : element
277						};
278
279						if ($.metadata) {
280							$.extend(true, obj, element.metadata());
281						}
282
283					} else {
284						obj = element;
285					}
286				}
287
288				href  = opts.href  || obj.href || (isString(element) ? element : null);
289				title = opts.title !== undefined ? opts.title : obj.title || '';
290
291				content = opts.content || obj.content;
292				type    = content ? 'html' : (opts.type  || obj.type);
293
294				if (!type && obj.isDom) {
295					type = element.data('fancybox-type');
296
297					if (!type) {
298						rez  = element.prop('class').match(/fancybox\.(\w+)/);
299						type = rez ? rez[1] : null;
300					}
301				}
302
303				if (isString(href)) {
304					// Try to guess the content type
305					if (!type) {
306						if (F.isImage(href)) {
307							type = 'image';
308
309						} else if (F.isSWF(href)) {
310							type = 'swf';
311
312						} else if (href.charAt(0) === '#') {
313							type = 'inline';
314
315						} else if (isString(element)) {
316							type    = 'html';
317							content = element;
318						}
319					}
320
321					// Split url into two pieces with source url and content selector, e.g,
322					// "/mypage.html #my_id" will load "/mypage.html" and display element having id "my_id"
323					if (type === 'ajax') {
324						hrefParts = href.split(/\s+/, 2);
325						href      = hrefParts.shift();
326						selector  = hrefParts.shift();
327					}
328				}
329
330				if (!content) {
331					if (type === 'inline') {
332						if (href) {
333							content = $( isString(href) ? href.replace(/.*(?=#[^\s]+$)/, '') : href ); //strip for ie7
334
335						} else if (obj.isDom) {
336							content = element;
337						}
338
339					} else if (type === 'html') {
340						content = href;
341
342					} else if (!type && !href && obj.isDom) {
343						type    = 'inline';
344						content = element;
345					}
346				}
347
348				$.extend(obj, {
349					href     : href,
350					type     : type,
351					content  : content,
352					title    : title,
353					selector : selector
354				});
355
356				group[ i ] = obj;
357			});
358
359			// Extend the defaults
360			F.opts = $.extend(true, {}, F.defaults, opts);
361
362			// All options are merged recursive except keys
363			if (opts.keys !== undefined) {
364				F.opts.keys = opts.keys ? $.extend({}, F.defaults.keys, opts.keys) : false;
365			}
366
367			F.group = group;
368
369			return F._start(F.opts.index);
370		},
371
372		// Cancel image loading or abort ajax request
373		cancel: function () {
374			var coming = F.coming;
375
376			if (!coming || false === F.trigger('onCancel')) {
377				return;
378			}
379
380			F.hideLoading();
381
382			if (F.ajaxLoad) {
383				F.ajaxLoad.abort();
384			}
385
386			F.ajaxLoad = null;
387
388			if (F.imgPreload) {
389				F.imgPreload.onload = F.imgPreload.onerror = null;
390			}
391
392			if (coming.wrap) {
393				coming.wrap.stop(true, true).trigger('onReset').remove();
394			}
395
396			F.coming = null;
397
398			// If the first item has been canceled, then clear everything
399			if (!F.current) {
400				F._afterZoomOut( coming );
401			}
402		},
403
404		// Start closing animation if is open; remove immediately if opening/closing
405		close: function (event) {
406			F.cancel();
407
408			if (false === F.trigger('beforeClose')) {
409				return;
410			}
411
412			F.unbindEvents();
413
414			if (!F.isActive) {
415				return;
416			}
417
418			if (!F.isOpen || event === true) {
419				$('.fancybox-wrap').stop(true).trigger('onReset').remove();
420
421				F._afterZoomOut();
422
423			} else {
424				F.isOpen = F.isOpened = false;
425				F.isClosing = true;
426
427				$('.fancybox-item, .fancybox-nav').remove();
428
429				F.wrap.stop(true, true).removeClass('fancybox-opened');
430
431				F.transitions[ F.current.closeMethod ]();
432			}
433		},
434
435		// Manage slideshow:
436		//   $.fancybox.play(); - toggle slideshow
437		//   $.fancybox.play( true ); - start
438		//   $.fancybox.play( false ); - stop
439		play: function ( action ) {
440			var clear = function () {
441					clearTimeout(F.player.timer);
442				},
443				set = function () {
444					clear();
445
446					if (F.current && F.player.isActive) {
447						F.player.timer = setTimeout(F.next, F.current.playSpeed);
448					}
449				},
450				stop = function () {
451					clear();
452
453					D.unbind('.player');
454
455					F.player.isActive = false;
456
457					F.trigger('onPlayEnd');
458				},
459				start = function () {
460					if (F.current && (F.current.loop || F.current.index < F.group.length - 1)) {
461						F.player.isActive = true;
462
463						D.bind({
464							'onCancel.player beforeClose.player' : stop,
465							'onUpdate.player'   : set,
466							'beforeLoad.player' : clear
467						});
468
469						set();
470
471						F.trigger('onPlayStart');
472					}
473				};
474
475			if (action === true || (!F.player.isActive && action !== false)) {
476				start();
477			} else {
478				stop();
479			}
480		},
481
482		// Navigate to next gallery item
483		next: function ( direction ) {
484			var current = F.current;
485
486			if (current) {
487				if (!isString(direction)) {
488					direction = current.direction.next;
489				}
490
491				F.jumpto(current.index + 1, direction, 'next');
492			}
493		},
494
495		// Navigate to previous gallery item
496		prev: function ( direction ) {
497			var current = F.current;
498
499			if (current) {
500				if (!isString(direction)) {
501					direction = current.direction.prev;
502				}
503
504				F.jumpto(current.index - 1, direction, 'prev');
505			}
506		},
507
508		// Navigate to gallery item by index
509		jumpto: function ( index, direction, router ) {
510			var current = F.current;
511
512			if (!current) {
513				return;
514			}
515
516			index = getScalar(index);
517
518			F.direction = direction || current.direction[ (index >= current.index ? 'next' : 'prev') ];
519			F.router    = router || 'jumpto';
520
521			if (current.loop) {
522				if (index < 0) {
523					index = current.group.length + (index % current.group.length);
524				}
525
526				index = index % current.group.length;
527			}
528
529			if (current.group[ index ] !== undefined) {
530				F.cancel();
531
532				F._start(index);
533			}
534		},
535
536		// Center inside viewport and toggle position type to fixed or absolute if needed
537		reposition: function (e, onlyAbsolute) {
538			var current = F.current,
539				wrap    = current ? current.wrap : null,
540				pos;
541
542			if (wrap) {
543				pos = F._getPosition(onlyAbsolute);
544
545				if (e && e.type === 'scroll') {
546					delete pos.position;
547
548					wrap.stop(true, true).animate(pos, 200);
549
550				} else {
551					wrap.css(pos);
552
553					current.pos = $.extend({}, current.dim, pos);
554				}
555			}
556		},
557
558		update: function (e) {
559			var type = (e && e.type),
560				anyway = !type || type === 'orientationchange';
561
562			if (anyway) {
563				clearTimeout(didUpdate);
564
565				didUpdate = null;
566			}
567
568			if (!F.isOpen || didUpdate) {
569				return;
570			}
571
572			didUpdate = setTimeout(function() {
573				var current = F.current;
574
575				if (!current || F.isClosing) {
576					return;
577				}
578
579				F.wrap.removeClass('fancybox-tmp');
580
581				if (anyway || type === 'load' || (type === 'resize' && current.autoResize)) {
582					F._setDimension();
583				}
584
585				if (!(type === 'scroll' && current.canShrink)) {
586					F.reposition(e);
587				}
588
589				F.trigger('onUpdate');
590
591				didUpdate = null;
592
593			}, (anyway && !isTouch ? 0 : 300));
594		},
595
596		// Shrink content to fit inside viewport or restore if resized
597		toggle: function ( action ) {
598			if (F.isOpen) {
599				F.current.fitToView = $.type(action) === "boolean" ? action : !F.current.fitToView;
600
601				// Help browser to restore document dimensions
602				if (isTouch) {
603					F.wrap.removeAttr('style').addClass('fancybox-tmp');
604
605					F.trigger('onUpdate');
606				}
607
608				F.update();
609			}
610		},
611
612		hideLoading: function () {
613			D.unbind('.loading');
614
615			$('#fancybox-loading').remove();
616		},
617
618		showLoading: function () {
619			var el, viewport;
620
621			F.hideLoading();
622
623			el = $('<div id="fancybox-loading"><div></div></div>').click(F.cancel).appendTo('body');
624
625			// If user will press the escape-button, the request will be canceled
626			D.bind('keydown.loading', function(e) {
627				if ((e.which || e.keyCode) === 27) {
628					e.preventDefault();
629
630					F.cancel();
631				}
632			});
633
634			if (!F.defaults.fixed) {
635				viewport = F.getViewport();
636
637				el.css({
638					position : 'absolute',
639					top  : (viewport.h * 0.5) + viewport.y,
640					left : (viewport.w * 0.5) + viewport.x
641				});
642			}
643		},
644
645		getViewport: function () {
646			var locked = (F.current && F.current.locked) || false,
647				rez    = {
648					x: W.scrollLeft(),
649					y: W.scrollTop()
650				};
651
652			if (locked) {
653				rez.w = locked[0].clientWidth;
654				rez.h = locked[0].clientHeight;
655
656			} else {
657				// See http://bugs.jquery.com/ticket/6724
658				rez.w = isTouch && window.innerWidth  ? window.innerWidth  : W.width();
659				rez.h = isTouch && window.innerHeight ? window.innerHeight : W.height();
660			}
661
662			return rez;
663		},
664
665		// Unbind the keyboard / clicking actions
666		unbindEvents: function () {
667			if (F.wrap && isQuery(F.wrap)) {
668				F.wrap.unbind('.fb');
669			}
670
671			D.unbind('.fb');
672			W.unbind('.fb');
673		},
674
675		bindEvents: function () {
676			var current = F.current,
677				keys;
678
679			if (!current) {
680				return;
681			}
682
683			// Changing document height on iOS devices triggers a 'resize' event,
684			// that can change document height... repeating infinitely
685			W.bind('orientationchange.fb' + (isTouch ? '' : ' resize.fb') + (current.autoCenter && !current.locked ? ' scroll.fb' : ''), F.update);
686
687			keys = current.keys;
688
689			if (keys) {
690				D.bind('keydown.fb', function (e) {
691					var code   = e.which || e.keyCode,
692						target = e.target || e.srcElement;
693
694					// Skip esc key if loading, because showLoading will cancel preloading
695					if (code === 27 && F.coming) {
696						return false;
697					}
698
699					// Ignore key combinations and key events within form elements
700					if (!e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey && !(target && (target.type || $(target).is('[contenteditable]')))) {
701						$.each(keys, function(i, val) {
702							if (current.group.length > 1 && val[ code ] !== undefined) {
703								F[ i ]( val[ code ] );
704
705								e.preventDefault();
706								return false;
707							}
708
709							if ($.inArray(code, val) > -1) {
710								F[ i ] ();
711
712								e.preventDefault();
713								return false;
714							}
715						});
716					}
717				});
718			}
719
720			if ($.fn.mousewheel && current.mouseWheel) {
721				F.wrap.bind('mousewheel.fb', function (e, delta, deltaX, deltaY) {
722					var target = e.target || null,
723						parent = $(target),
724						canScroll = false;
725
726					while (parent.length) {
727						if (canScroll || parent.is('.fancybox-skin') || parent.is('.fancybox-wrap')) {
728							break;
729						}
730
731						canScroll = isScrollable( parent[0] );
732						parent    = $(parent).parent();
733					}
734
735					if (delta !== 0 && !canScroll) {
736						if (F.group.length > 1 && !current.canShrink) {
737							if (deltaY > 0 || deltaX > 0) {
738								F.prev( deltaY > 0 ? 'down' : 'left' );
739
740							} else if (deltaY < 0 || deltaX < 0) {
741								F.next( deltaY < 0 ? 'up' : 'right' );
742							}
743
744							e.preventDefault();
745						}
746					}
747				});
748			}
749		},
750
751		trigger: function (event, o) {
752			var ret, obj = o || F.coming || F.current;
753
754			if (!obj) {
755				return;
756			}
757
758			if ($.isFunction( obj[event] )) {
759				ret = obj[event].apply(obj, Array.prototype.slice.call(arguments, 1));
760			}
761
762			if (ret === false) {
763				return false;
764			}
765
766			if (obj.helpers) {
767				$.each(obj.helpers, function (helper, opts) {
768					if (opts && F.helpers[helper] && $.isFunction(F.helpers[helper][event])) {
769						F.helpers[helper][event]($.extend(true, {}, F.helpers[helper].defaults, opts), obj);
770					}
771				});
772			}
773
774			D.trigger(event);
775		},
776
777		isImage: function (str) {
778			return isString(str) && str.match(/(^data:image\/.*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg)((\?|#).*)?$)/i);
779		},
780
781		isSWF: function (str) {
782			return isString(str) && str.match(/\.(swf)((\?|#).*)?$/i);
783		},
784
785		_start: function (index) {
786			var coming = {},
787				obj,
788				href,
789				type,
790				margin,
791				padding;
792
793			index = getScalar( index );
794			obj   = F.group[ index ] || null;
795
796			if (!obj) {
797				return false;
798			}
799
800			coming = $.extend(true, {}, F.opts, obj);
801
802			// Convert margin and padding properties to array - top, right, bottom, left
803			margin  = coming.margin;
804			padding = coming.padding;
805
806			if ($.type(margin) === 'number') {
807				coming.margin = [margin, margin, margin, margin];
808			}
809
810			if ($.type(padding) === 'number') {
811				coming.padding = [padding, padding, padding, padding];
812			}
813
814			// 'modal' propery is just a shortcut
815			if (coming.modal) {
816				$.extend(true, coming, {
817					closeBtn   : false,
818					closeClick : false,
819					nextClick  : false,
820					arrows     : false,
821					mouseWheel : false,
822					keys       : null,
823					helpers: {
824						overlay : {
825							closeClick : false
826						}
827					}
828				});
829			}
830
831			// 'autoSize' property is a shortcut, too
832			if (coming.autoSize) {
833				coming.autoWidth = coming.autoHeight = true;
834			}
835
836			if (coming.width === 'auto') {
837				coming.autoWidth = true;
838			}
839
840			if (coming.height === 'auto') {
841				coming.autoHeight = true;
842			}
843
844			/*
845			 * Add reference to the group, so it`s possible to access from callbacks, example:
846			 * afterLoad : function() {
847			 *     this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
848			 * }
849			 */
850
851			coming.group  = F.group;
852			coming.index  = index;
853
854			// Give a chance for callback or helpers to update coming item (type, title, etc)
855			F.coming = coming;
856
857			if (false === F.trigger('beforeLoad')) {
858				F.coming = null;
859
860				return;
861			}
862
863			type = coming.type;
864			href = coming.href;
865
866			if (!type) {
867				F.coming = null;
868
869				//If we can not determine content type then drop silently or display next/prev item if looping through gallery
870				if (F.current && F.router && F.router !== 'jumpto') {
871					F.current.index = index;
872
873					return F[ F.router ]( F.direction );
874				}
875
876				return false;
877			}
878
879			F.isActive = true;
880
881			if (type === 'image' || type === 'swf') {
882				coming.autoHeight = coming.autoWidth = false;
883				coming.scrolling  = 'visible';
884			}
885
886			if (type === 'image') {
887				coming.aspectRatio = true;
888			}
889
890			if (type === 'iframe' && isTouch) {
891				coming.scrolling = 'scroll';
892			}
893
894			// Build the necessary markup
895			coming.wrap = $(coming.tpl.wrap).addClass('fancybox-' + (isTouch ? 'mobile' : 'desktop') + ' fancybox-type-' + type + ' fancybox-tmp ' + coming.wrapCSS).appendTo( coming.parent || 'body' );
896
897			$.extend(coming, {
898				skin  : $('.fancybox-skin',  coming.wrap),
899				outer : $('.fancybox-outer', coming.wrap),
900				inner : $('.fancybox-inner', coming.wrap)
901			});
902
903			$.each(["Top", "Right", "Bottom", "Left"], function(i, v) {
904				coming.skin.css('padding' + v, getValue(coming.padding[ i ]));
905			});
906
907			F.trigger('onReady');
908
909			// Check before try to load; 'inline' and 'html' types need content, others - href
910			if (type === 'inline' || type === 'html') {
911				if (!coming.content || !coming.content.length) {
912					return F._error( 'content' );
913				}
914
915			} else if (!href) {
916				return F._error( 'href' );
917			}
918
919			if (type === 'image') {
920				F._loadImage();
921
922			} else if (type === 'ajax') {
923				F._loadAjax();
924
925			} else if (type === 'iframe') {
926				F._loadIframe();
927
928			} else {
929				F._afterLoad();
930			}
931		},
932
933		_error: function ( type ) {
934			$.extend(F.coming, {
935				type       : 'html',
936				autoWidth  : true,
937				autoHeight : true,
938				minWidth   : 0,
939				minHeight  : 0,
940				scrolling  : 'no',
941				hasError   : type,
942				content    : F.coming.tpl.error
943			});
944
945			F._afterLoad();
946		},
947
948		_loadImage: function () {
949			// Reset preload image so it is later possible to check "complete" property
950			var img = F.imgPreload = new Image();
951
952			img.onload = function () {
953				this.onload = this.onerror = null;
954
955				F.coming.width  = this.width / F.opts.pixelRatio;
956				F.coming.height = this.height / F.opts.pixelRatio;
957
958				F._afterLoad();
959			};
960
961			img.onerror = function () {
962				this.onload = this.onerror = null;
963
964				F._error( 'image' );
965			};
966
967			img.src = F.coming.href;
968
969			if (img.complete !== true) {
970				F.showLoading();
971			}
972		},
973
974		_loadAjax: function () {
975			var coming = F.coming;
976
977			F.showLoading();
978
979			F.ajaxLoad = $.ajax($.extend({}, coming.ajax, {
980				url: coming.href,
981				error: function (jqXHR, textStatus) {
982					if (F.coming && textStatus !== 'abort') {
983						F._error( 'ajax', jqXHR );
984
985					} else {
986						F.hideLoading();
987					}
988				},
989				success: function (data, textStatus) {
990					if (textStatus === 'success') {
991						coming.content = data;
992
993						F._afterLoad();
994					}
995				}
996			}));
997		},
998
999		_loadIframe: function() {
1000			var coming = F.coming,
1001				iframe = $(coming.tpl.iframe.replace(/\{rnd\}/g, new Date().getTime()))
1002					.attr('scrolling', isTouch ? 'auto' : coming.iframe.scrolling)
1003					.attr('src', coming.href);
1004
1005			// This helps IE
1006			$(coming.wrap).bind('onReset', function () {
1007				try {
1008					$(this).find('iframe').hide().attr('src', '//about:blank').end().empty();
1009				} catch (e) {}
1010			});
1011
1012			if (coming.iframe.preload) {
1013				F.showLoading();
1014
1015				iframe.one('load', function() {
1016					$(this).data('ready', 1);
1017
1018					// iOS will lose scrolling if we resize
1019					if (!isTouch) {
1020						$(this).bind('load.fb', F.update);
1021					}
1022
1023					// Without this trick:
1024					//   - iframe won't scroll on iOS devices
1025					//   - IE7 sometimes displays empty iframe
1026					$(this).parents('.fancybox-wrap').width('100%').removeClass('fancybox-tmp').show();
1027
1028					F._afterLoad();
1029				});
1030			}
1031
1032			coming.content = iframe.appendTo( coming.inner );
1033
1034			if (!coming.iframe.preload) {
1035				F._afterLoad();
1036			}
1037		},
1038
1039		_preloadImages: function() {
1040			var group   = F.group,
1041				current = F.current,
1042				len     = group.length,
1043				cnt     = current.preload ? Math.min(current.preload, len - 1) : 0,
1044				item,
1045				i;
1046
1047			for (i = 1; i <= cnt; i += 1) {
1048				item = group[ (current.index + i ) % len ];
1049
1050				if (item.type === 'image' && item.href) {
1051					new Image().src = item.href;
1052				}
1053			}
1054		},
1055
1056		_afterLoad: function () {
1057			var coming   = F.coming,
1058				previous = F.current,
1059				placeholder = 'fancybox-placeholder',
1060				current,
1061				content,
1062				type,
1063				scrolling,
1064				href,
1065				embed;
1066
1067			F.hideLoading();
1068
1069			if (!coming || F.isActive === false) {
1070				return;
1071			}
1072
1073			if (false === F.trigger('afterLoad', coming, previous)) {
1074				coming.wrap.stop(true).trigger('onReset').remove();
1075
1076				F.coming = null;
1077
1078				return;
1079			}
1080
1081			if (previous) {
1082				F.trigger('beforeChange', previous);
1083
1084				previous.wrap.stop(true).removeClass('fancybox-opened')
1085					.find('.fancybox-item, .fancybox-nav')
1086					.remove();
1087			}
1088
1089			F.unbindEvents();
1090
1091			current   = coming;
1092			content   = coming.content;
1093			type      = coming.type;
1094			scrolling = coming.scrolling;
1095
1096			$.extend(F, {
1097				wrap  : current.wrap,
1098				skin  : current.skin,
1099				outer : current.outer,
1100				inner : current.inner,
1101				current  : current,
1102				previous : previous
1103			});
1104
1105			href = current.href;
1106
1107			switch (type) {
1108				case 'inline':
1109				case 'ajax':
1110				case 'html':
1111					if (current.selector) {
1112						content = $('<div>').html(content).find(current.selector);
1113
1114					} else if (isQuery(content)) {
1115						if (!content.data(placeholder)) {
1116							content.data(placeholder, $('<div class="' + placeholder + '"></div>').insertAfter( content ).hide() );
1117						}
1118
1119						content = content.show().detach();
1120
1121						current.wrap.bind('onReset', function () {
1122							if ($(this).find(content).length) {
1123								content.hide().replaceAll( content.data(placeholder) ).data(placeholder, false);
1124							}
1125						});
1126					}
1127				break;
1128
1129				case 'image':
1130					content = current.tpl.image.replace('{href}', href);
1131				break;
1132
1133				case 'swf':
1134					content = '<object id="fancybox-swf" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%"><param name="movie" value="' + href + '"></param>';
1135					embed   = '';
1136
1137					$.each(current.swf, function(name, val) {
1138						content += '<param name="' + name + '" value="' + val + '"></param>';
1139						embed   += ' ' + name + '="' + val + '"';
1140					});
1141
1142					content += '<embed src="' + href + '" type="application/x-shockwave-flash" width="100%" height="100%"' + embed + '></embed></object>';
1143				break;
1144			}
1145
1146			if (!(isQuery(content) && content.parent().is(current.inner))) {
1147				current.inner.append( content );
1148			}
1149
1150			// Give a chance for helpers or callbacks to update elements
1151			F.trigger('beforeShow');
1152
1153			// Set scrolling before calculating dimensions
1154			current.inner.css('overflow', scrolling === 'yes' ? 'scroll' : (scrolling === 'no' ? 'hidden' : scrolling));
1155
1156			// Set initial dimensions and start position
1157			F._setDimension();
1158
1159			F.reposition();
1160
1161			F.isOpen = false;
1162			F.coming = null;
1163
1164			F.bindEvents();
1165
1166			if (!F.isOpened) {
1167				$('.fancybox-wrap').not( current.wrap ).stop(true).trigger('onReset').remove();
1168
1169			} else if (previous.prevMethod) {
1170				F.transitions[ previous.prevMethod ]();
1171			}
1172
1173			F.transitions[ F.isOpened ? current.nextMethod : current.openMethod ]();
1174
1175			F._preloadImages();
1176		},
1177
1178		_setDimension: function () {
1179			var viewport   = F.getViewport(),
1180				steps      = 0,
1181				canShrink  = false,
1182				canExpand  = false,
1183				wrap       = F.wrap,
1184				skin       = F.skin,
1185				inner      = F.inner,
1186				current    = F.current,
1187				width      = current.width,
1188				height     = current.height,
1189				minWidth   = current.minWidth,
1190				minHeight  = current.minHeight,
1191				maxWidth   = current.maxWidth,
1192				maxHeight  = current.maxHeight,
1193				scrolling  = current.scrolling,
1194				scrollOut  = current.scrollOutside ? current.scrollbarWidth : 0,
1195				margin     = current.margin,
1196				wMargin    = getScalar(margin[1] + margin[3]),
1197				hMargin    = getScalar(margin[0] + margin[2]),
1198				wPadding,
1199				hPadding,
1200				wSpace,
1201				hSpace,
1202				origWidth,
1203				origHeight,
1204				origMaxWidth,
1205				origMaxHeight,
1206				ratio,
1207				width_,
1208				height_,
1209				maxWidth_,
1210				maxHeight_,
1211				iframe,
1212				body;
1213
1214			// Reset dimensions so we could re-check actual size
1215			wrap.add(skin).add(inner).width('auto').height('auto').removeClass('fancybox-tmp');
1216
1217			wPadding = getScalar(skin.outerWidth(true)  - skin.width());
1218			hPadding = getScalar(skin.outerHeight(true) - skin.height());
1219
1220			// Any space between content and viewport (margin, padding, border, title)
1221			wSpace = wMargin + wPadding;
1222			hSpace = hMargin + hPadding;
1223
1224			origWidth  = isPercentage(width)  ? (viewport.w - wSpace) * getScalar(width)  / 100 : width;
1225			origHeight = isPercentage(height) ? (viewport.h - hSpace) * getScalar(height) / 100 : height;
1226
1227			if (current.type === 'iframe') {
1228				iframe = current.content;
1229
1230				if (current.autoHeight && iframe.data('ready') === 1) {
1231					try {
1232						if (iframe[0].contentWindow.document.location) {
1233							inner.width( origWidth ).height(9999);
1234
1235							body = iframe.contents().find('body');
1236
1237							if (scrollOut) {
1238								body.css('overflow-x', 'hidden');
1239							}
1240
1241							origHeight = body.outerHeight(true);
1242						}
1243
1244					} catch (e) {}
1245				}
1246
1247			} else if (current.autoWidth || current.autoHeight) {
1248				inner.addClass( 'fancybox-tmp' );
1249
1250				// Set width or height in case we need to calculate only one dimension
1251				if (!current.autoWidth) {
1252					inner.width( origWidth );
1253				}
1254
1255				if (!current.autoHeight) {
1256					inner.height( origHeight );
1257				}
1258
1259				if (current.autoWidth) {
1260					origWidth = inner.width();
1261				}
1262
1263				if (current.autoHeight) {
1264					origHeight = inner.height();
1265				}
1266
1267				inner.removeClass( 'fancybox-tmp' );
1268			}
1269
1270			width  = getScalar( origWidth );
1271			height = getScalar( origHeight );
1272
1273			ratio  = origWidth / origHeight;
1274
1275			// Calculations for the content
1276			minWidth  = getScalar(isPercentage(minWidth) ? getScalar(minWidth, 'w') - wSpace : minWidth);
1277			maxWidth  = getScalar(isPercentage(maxWidth) ? getScalar(maxWidth, 'w') - wSpace : maxWidth);
1278
1279			minHeight = getScalar(isPercentage(minHeight) ? getScalar(minHeight, 'h') - hSpace : minHeight);
1280			maxHeight = getScalar(isPercentage(maxHeight) ? getScalar(maxHeight, 'h') - hSpace : maxHeight);
1281
1282			// These will be used to determine if wrap can fit in the viewport
1283			origMaxWidth  = maxWidth;
1284			origMaxHeight = maxHeight;
1285
1286			if (current.fitToView) {
1287				maxWidth  = Math.min(viewport.w - wSpace, maxWidth);
1288				maxHeight = Math.min(viewport.h - hSpace, maxHeight);
1289			}
1290
1291			maxWidth_  = viewport.w - wMargin;
1292			maxHeight_ = viewport.h - hMargin;
1293
1294			if (current.aspectRatio) {
1295				if (width > maxWidth) {
1296					width  = maxWidth;
1297					height = getScalar(width / ratio);
1298				}
1299
1300				if (height > maxHeight) {
1301					height = maxHeight;
1302					width  = getScalar(height * ratio);
1303				}
1304
1305				if (width < minWidth) {
1306					width  = minWidth;
1307					height = getScalar(width / ratio);
1308				}
1309
1310				if (height < minHeight) {
1311					height = minHeight;
1312					width  = getScalar(height * ratio);
1313				}
1314
1315			} else {
1316				width = Math.max(minWidth, Math.min(width, maxWidth));
1317
1318				if (current.autoHeight && current.type !== 'iframe') {
1319					inner.width( width );
1320
1321					height = inner.height();
1322				}
1323
1324				height = Math.max(minHeight, Math.min(height, maxHeight));
1325			}
1326
1327			// Try to fit inside viewport (including the title)
1328			if (current.fitToView) {
1329				inner.width( width ).height( height );
1330
1331				wrap.width( width + wPadding );
1332
1333				// Real wrap dimensions
1334				width_  = wrap.width();
1335				height_ = wrap.height();
1336
1337				if (current.aspectRatio) {
1338					while ((width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight) {
1339						if (steps++ > 19) {
1340							break;
1341						}
1342
1343						height = Math.max(minHeight, Math.min(maxHeight, height - 10));
1344						width  = getScalar(height * ratio);
1345
1346						if (width < minWidth) {
1347							width  = minWidth;
1348							height = getScalar(width / ratio);
1349						}
1350
1351						if (width > maxWidth) {
1352							width  = maxWidth;
1353							height = getScalar(width / ratio);
1354						}
1355
1356						inner.width( width ).height( height );
1357
1358						wrap.width( width + wPadding );
1359
1360						width_  = wrap.width();
1361						height_ = wrap.height();
1362					}
1363
1364				} else {
1365					width  = Math.max(minWidth,  Math.min(width,  width  - (width_  - maxWidth_)));
1366					height = Math.max(minHeight, Math.min(height, height - (height_ - maxHeight_)));
1367				}
1368			}
1369
1370			if (scrollOut && scrolling === 'auto' && height < origHeight && (width + wPadding + scrollOut) < maxWidth_) {
1371				width += scrollOut;
1372			}
1373
1374			inner.width( width ).height( height );
1375
1376			wrap.width( width + wPadding );
1377
1378			width_  = wrap.width();
1379			height_ = wrap.height();
1380
1381			canShrink = (width_ > maxWidth_ || height_ > maxHeight_) && width > minWidth && height > minHeight;
1382			canExpand = current.aspectRatio ? (width < origMaxWidth && height < origMaxHeight && width < origWidth && height < origHeight) : ((width < origMaxWidth || height < origMaxHeight) && (width < origWidth || height < origHeight));
1383
1384			$.extend(current, {
1385				dim : {
1386					width	: getValue( width_ ),
1387					height	: getValue( height_ )
1388				},
1389				origWidth  : origWidth,
1390				origHeight : origHeight,
1391				canShrink  : canShrink,
1392				canExpand  : canExpand,
1393				wPadding   : wPadding,
1394				hPadding   : hPadding,
1395				wrapSpace  : height_ - skin.outerHeight(true),
1396				skinSpace  : skin.height() - height
1397			});
1398
1399			if (!iframe && current.autoHeight && height > minHeight && height < maxHeight && !canExpand) {
1400				inner.height('auto');
1401			}
1402		},
1403
1404		_getPosition: function (onlyAbsolute) {
1405			var current  = F.current,
1406				viewport = F.getViewport(),
1407				margin   = current.margin,
1408				width    = F.wrap.width()  + margin[1] + margin[3],
1409				height   = F.wrap.height() + margin[0] + margin[2],
1410				rez      = {
1411					position: 'absolute',
1412					top  : margin[0],
1413					left : margin[3]
1414				};
1415
1416			if (current.autoCenter && current.fixed && !onlyAbsolute && height <= viewport.h && width <= viewport.w) {
1417				rez.position = 'fixed';
1418
1419			} else if (!current.locked) {
1420				rez.top  += viewport.y;
1421				rez.left += viewport.x;
1422			}
1423
1424			rez.top  = getValue(Math.max(rez.top,  rez.top  + ((viewport.h - height) * current.topRatio)));
1425			rez.left = getValue(Math.max(rez.left, rez.left + ((viewport.w - width)  * current.leftRatio)));
1426
1427			return rez;
1428		},
1429
1430		_afterZoomIn: function () {
1431			var current = F.current;
1432
1433			if (!current) {
1434				return;
1435			}
1436
1437			F.isOpen = F.isOpened = true;
1438
1439			F.wrap.css('overflow', 'visible').addClass('fancybox-opened');
1440
1441			F.update();
1442
1443			// Assign a click event
1444			if ( current.closeClick || (current.nextClick && F.group.length > 1) ) {
1445				F.inner.css('cursor', 'pointer').bind('click.fb', function(e) {
1446					if (!$(e.target).is('a') && !$(e.target).parent().is('a')) {
1447						e.preventDefault();
1448
1449						F[ current.closeClick ? 'close' : 'next' ]();
1450					}
1451				});
1452			}
1453
1454			// Create a close button
1455			if (current.closeBtn) {
1456				$(current.tpl.closeBtn).appendTo(F.skin).bind('click.fb', function(e) {
1457					e.preventDefault();
1458
1459					F.close();
1460				});
1461			}
1462
1463			// Create navigation arrows
1464			if (current.arrows && F.group.length > 1) {
1465				if (current.loop || current.index > 0) {
1466					$(current.tpl.prev).appendTo(F.outer).bind('click.fb', F.prev);
1467				}
1468
1469				if (current.loop || current.index < F.group.length - 1) {
1470					$(current.tpl.next).appendTo(F.outer).bind('click.fb', F.next);
1471				}
1472			}
1473
1474			F.trigger('afterShow');
1475
1476			// Stop the slideshow if this is the last item
1477			if (!current.loop && current.index === current.group.length - 1) {
1478				F.play( false );
1479
1480			} else if (F.opts.autoPlay && !F.player.isActive) {
1481				F.opts.autoPlay = false;
1482
1483				F.play();
1484			}
1485		},
1486
1487		_afterZoomOut: function ( obj ) {
1488			obj = obj || F.current;
1489
1490			$('.fancybox-wrap').trigger('onReset').remove();
1491
1492			$.extend(F, {
1493				group  : {},
1494				opts   : {},
1495				router : false,
1496				current   : null,
1497				isActive  : false,
1498				isOpened  : false,
1499				isOpen    : false,
1500				isClosing : false,
1501				wrap   : null,
1502				skin   : null,
1503				outer  : null,
1504				inner  : null
1505			});
1506
1507			F.trigger('afterClose', obj);
1508		}
1509	});
1510
1511	/*
1512	 *	Default transitions
1513	 */
1514
1515	F.transitions = {
1516		getOrigPosition: function () {
1517			var current  = F.current,
1518				element  = current.element,
1519				orig     = current.orig,
1520				pos      = {},
1521				width    = 50,
1522				height   = 50,
1523				hPadding = current.hPadding,
1524				wPadding = current.wPadding,
1525				viewport = F.getViewport();
1526
1527			if (!orig && current.isDom && element.is(':visible')) {
1528				orig = element.find('img:first');
1529
1530				if (!orig.length) {
1531					orig = element;
1532				}
1533			}
1534
1535			if (isQuery(orig)) {
1536				pos = orig.offset();
1537
1538				if (orig.is('img')) {
1539					width  = orig.outerWidth();
1540					height = orig.outerHeight();
1541				}
1542
1543			} else {
1544				pos.top  = viewport.y + (viewport.h - height) * current.topRatio;
1545				pos.left = viewport.x + (viewport.w - width)  * current.leftRatio;
1546			}
1547
1548			if (F.wrap.css('position') === 'fixed' || current.locked) {
1549				pos.top  -= viewport.y;
1550				pos.left -= viewport.x;
1551			}
1552
1553			pos = {
1554				top     : getValue(pos.top  - hPadding * current.topRatio),
1555				left    : getValue(pos.left - wPadding * current.leftRatio),
1556				width   : getValue(width  + wPadding),
1557				height  : getValue(height + hPadding)
1558			};
1559
1560			return pos;
1561		},
1562
1563		step: function (now, fx) {
1564			var ratio,
1565				padding,
1566				value,
1567				prop       = fx.prop,
1568				current    = F.current,
1569				wrapSpace  = current.wrapSpace,
1570				skinSpace  = current.skinSpace;
1571
1572			if (prop === 'width' || prop === 'height') {
1573				ratio = fx.end === fx.start ? 1 : (now - fx.start) / (fx.end - fx.start);
1574
1575				if (F.isClosing) {
1576					ratio = 1 - ratio;
1577				}
1578
1579				padding = prop === 'width' ? current.wPadding : current.hPadding;
1580				value   = now - padding;
1581
1582				F.skin[ prop ](  getScalar( prop === 'width' ?  value : value - (wrapSpace * ratio) ) );
1583				F.inner[ prop ]( getScalar( prop === 'width' ?  value : value - (wrapSpace * ratio) - (skinSpace * ratio) ) );
1584			}
1585		},
1586
1587		zoomIn: function () {
1588			var current  = F.current,
1589				startPos = current.pos,
1590				effect   = current.openEffect,
1591				elastic  = effect === 'elastic',
1592				endPos   = $.extend({opacity : 1}, startPos);
1593
1594			// Remove "position" property that breaks older IE
1595			delete endPos.position;
1596
1597			if (elastic) {
1598				startPos = this.getOrigPosition();
1599
1600				if (current.openOpacity) {
1601					startPos.opacity = 0.1;
1602				}
1603
1604			} else if (effect === 'fade') {
1605				startPos.opacity = 0.1;
1606			}
1607
1608			F.wrap.css(startPos).animate(endPos, {
1609				duration : effect === 'none' ? 0 : current.openSpeed,
1610				easing   : current.openEasing,
1611				step     : elastic ? this.step : null,
1612				complete : F._afterZoomIn
1613			});
1614		},
1615
1616		zoomOut: function () {
1617			var current  = F.current,
1618				effect   = current.closeEffect,
1619				elastic  = effect === 'elastic',
1620				endPos   = {opacity : 0.1};
1621
1622			if (elastic) {
1623				endPos = this.getOrigPosition();
1624
1625				if (current.closeOpacity) {
1626					endPos.opacity = 0.1;
1627				}
1628			}
1629
1630			F.wrap.animate(endPos, {
1631				duration : effect === 'none' ? 0 : current.closeSpeed,
1632				easing   : current.closeEasing,
1633				step     : elastic ? this.step : null,
1634				complete : F._afterZoomOut
1635			});
1636		},
1637
1638		changeIn: function () {
1639			var current   = F.current,
1640				effect    = current.nextEffect,
1641				startPos  = current.pos,
1642				endPos    = { opacity : 1 },
1643				direction = F.direction,
1644				distance  = 200,
1645				field;
1646
1647			startPos.opacity = 0.1;
1648
1649			if (effect === 'elastic') {
1650				field = direction === 'down' || direction === 'up' ? 'top' : 'left';
1651
1652				if (direction === 'down' || direction === 'right') {
1653					startPos[ field ] = getValue(getScalar(startPos[ field ]) - distance);
1654					endPos[ field ]   = '+=' + distance + 'px';
1655
1656				} else {
1657					startPos[ field ] = getValue(getScalar(startPos[ field ]) + distance);
1658					endPos[ field ]   = '-=' + distance + 'px';
1659				}
1660			}
1661
1662			// Workaround for http://bugs.jquery.com/ticket/12273
1663			if (effect === 'none') {
1664				F._afterZoomIn();
1665
1666			} else {
1667				F.wrap.css(startPos).animate(endPos, {
1668					duration : current.nextSpeed,
1669					easing   : current.nextEasing,
1670					complete : F._afterZoomIn
1671				});
1672			}
1673		},
1674
1675		changeOut: function () {
1676			var previous  = F.previous,
1677				effect    = previous.prevEffect,
1678				endPos    = { opacity : 0.1 },
1679				direction = F.direction,
1680				distance  = 200;
1681
1682			if (effect === 'elastic') {
1683				endPos[ direction === 'down' || direction === 'up' ? 'top' : 'left' ] = ( direction === 'up' || direction === 'left' ? '-' : '+' ) + '=' + distance + 'px';
1684			}
1685
1686			previous.wrap.animate(endPos, {
1687				duration : effect === 'none' ? 0 : previous.prevSpeed,
1688				easing   : previous.prevEasing,
1689				complete : function () {
1690					$(this).trigger('onReset').remove();
1691				}
1692			});
1693		}
1694	};
1695
1696	/*
1697	 *	Overlay helper
1698	 */
1699