// ==================================================

// fancyBox v3.2.10

//

// Licensed GPLv3 for open source use

// or fancyBox Commercial License for commercial use

//

// http://fancyapps.com/fancybox/

// Copyright 2017 fancyApps

//

// ==================================================

(function(window, document, $, undefined) {

"use strict";

// If there's no jQuery, fancyBox can't work

// =========================================

if (!$) {

return;

}

// Check if fancyBox is already initialized

// ========================================

if ($.fn.fancybox) {

if ("console" in window) {

console.log("fancyBox already initialized");

}

return;

}

// Private default settings

// ========================

var defaults = {

// Enable infinite gallery navigation

loop: false,

// Space around image, ignored if zoomed-in or viewport width is smaller than 800px

margin: [44, 0],

// Horizontal space between slides

gutter: 50,

// Enable keyboard navigation

keyboard: true,

// Should display navigation arrows at the screen edges

arrows: true,

// Should display infobar (counter and arrows at the top)

infobar: true,

// Should display toolbar (buttons at the top)

toolbar: true,

// What buttons should appear in the top right corner.

// Buttons will be created using templates from `btnTpl` option

// and they will be placed into toolbar (class="fancybox-toolbar"` element)

buttons: [

"slideShow",

"fullScreen",

"thumbs",

"share",

//'download',

//'zoom',

"close"

],

// Detect "idle" time in seconds

idleTime: 3,

// Should display buttons at top right corner of the content

// If 'auto' - they will be created for content having type 'html', 'inline' or 'ajax'

// Use template from `btnTpl.smallBtn` for customization

smallBtn: "auto",

// Disable right-click and use simple image protection for images

protect: false,

// Shortcut to make content "modal" - disable keyboard navigtion, hide buttons, etc

modal: false,

image: {

// Wait for images to load before displaying

// Requires predefined image dimensions

// If 'auto' - will zoom in thumbnail if 'width' and 'height' attributes are found

preload: "auto"

},

ajax: {

// Object containing settings for ajax request

settings: {

// This helps to indicate that request comes from the modal

// Feel free to change naming

data: {

fancybox: true

}

}

},

iframe: {

// Iframe template

tpl:

'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" frameborder="0" vspace="0" hspace="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen allowtransparency="true" src=""></iframe>',

// Preload iframe before displaying it

// This allows to calculate iframe content width and height

// (note: Due to "Same Origin Policy", you can't get cross domain data).

preload: true,

// Custom CSS styling for iframe wrapping element

// You can use this to set custom iframe dimensions

css: {},

// Iframe tag attributes

attr: {

scrolling: "auto"

}

},

// Default content type if cannot be detected automatically

defaultType: "image",

// Open/close animation type

// Possible values:

// false - disable

// "zoom" - zoom images from/to thumbnail

// "fade"

// "zoom-in-out"

//

animationEffect: "zoom",

// Duration in ms for open/close animation

animationDuration: 500,

// Should image change opacity while zooming

// If opacity is "auto", then opacity will be changed if image and thumbnail have different aspect ratios

zoomOpacity: "auto",

// Transition effect between slides

//

// Possible values:

// false - disable

// "fade'

// "slide'

// "circular'

// "tube'

// "zoom-in-out'

// "rotate'

//

transitionEffect: "fade",

// Duration in ms for transition animation

transitionDuration: 366,

// Custom CSS class for slide element

slideClass: "",

// Custom CSS class for layout

baseClass: "",

// Base template for layout

baseTpl:

'<div class="fancybox-container" role="dialog" tabindex="-1">' +

'<div class="fancybox-bg"></div>' +

'<div class="fancybox-inner">' +

'<div class="fancybox-infobar">' +

"<span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span>" +

"</div>" +

'<div class="fancybox-toolbar">{{buttons}}</div>' +

'<div class="fancybox-navigation">{{arrows}}</div>' +

'<div class="fancybox-stage"></div>' +

'<div class="fancybox-caption-wrap"><div class="fancybox-caption"></div></div>' +

"</div>" +

"</div>",

// Loading indicator template

spinnerTpl: '<div class="fancybox-loading"></div>',

// Error message template

errorTpl: '<div class="fancybox-error"><p>{{ERROR}}<p></div>',

btnTpl: {

download:

'<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}">' +

'<svg viewBox="0 0 40 40">' +

'<path d="M20,23 L20,8 L20,23 L13,16 L20,23 L27,16 L20,23 M26,28 L13,28 L27,28 L14,28" />' +

"</svg>" +

"</a>",

zoom:

'<button data-fancybox-zoom class="fancybox-button fancybox-button--zoom" title="{{ZOOM}}">' +

'<svg viewBox="0 0 40 40">' +

'<path d="M 18,17 m-8,0 a 8,8 0 1,0 16,0 a 8,8 0 1,0 -16,0 M25,23 L31,29 L25,23" />' +

"</svg>" +

"</button>",

close:

'<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}}">' +

'<svg viewBox="0 0 40 40">' +

'<path d="M10,10 L30,30 M30,10 L10,30" />' +

"</svg>" +

"</button>",

// This small close button will be appended to your html/inline/ajax content by default,

// if "smallBtn" option is not set to false

smallBtn:

'<button data-fancybox-close class="fancybox-close-small" title="{{CLOSE}}"></button>',

// Arrows

arrowLeft:

'<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' +

'<svg viewBox="0 0 40 40">' +

'<path d="M10,20 L30,20 L10,20 L18,28 L10,20 L18,12 L10,20"></path>' +

"</svg>" +

"</button>",

arrowRight:

'<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' +

'<svg viewBox="0 0 40 40">' +

'<path d="M30,20 L10,20 L30,20 L22,28 L30,20 L22,12 L30,20"></path>' +

"</svg>" +

"</button>"

},

// Container is injected into this element

parentEl: "body",

// Focus handling

// ==============

// Try to focus on the first focusable element after opening

autoFocus: false,

// Put focus back to active element after closing

backFocus: true,

// Do not let user to focus on element outside modal content

trapFocus: true,

// Module specific options

// =======================

fullScreen: {

autoStart: false

},

// Set `touch: false` to disable dragging/swiping

touch: {

vertical: true, // Allow to drag content vertically

momentum: true // Continue movement after releasing mouse/touch when panning

},

// Hash value when initializing manually,

// set `false` to disable hash change

hash: null,

// Customize or add new media types

// Example:

/*

media : {

youtube : {

params : {

autoplay : 0

}

}

}

*/

media: {},

slideShow: {

autoStart: false,

speed: 4000

},

thumbs: {

autoStart: false, // Display thumbnails on opening

hideOnClose: true, // Hide thumbnail grid when closing animation starts

parentEl: ".fancybox-container", // Container is injected into this element

axis: "y" // Vertical (y) or horizontal (x) scrolling

},

// Use mousewheel to navigate gallery

// If 'auto' - enabled for images only

wheel: "auto",

// Callbacks

//==========

// See Documentation/API/Events for more information

// Example:

/*

afterShow: function( instance, current ) {

console.info( 'Clicked element:' );

console.info( current.opts.$orig );

}

*/

onInit: $.noop, // When instance has been initialized

beforeLoad: $.noop, // Before the content of a slide is being loaded

afterLoad: $.noop, // When the content of a slide is done loading

beforeShow: $.noop, // Before open animation starts

afterShow: $.noop, // When content is done loading and animating

beforeClose: $.noop, // Before the instance attempts to close. Return false to cancel the close.

afterClose: $.noop, // After instance has been closed

onActivate: $.noop, // When instance is brought to front

onDeactivate: $.noop, // When other instance has been activated

// Interaction

// ===========

// Use options below to customize taken action when user clicks or double clicks on the fancyBox area,

// each option can be string or method that returns value.

//

// Possible values:

// "close" - close instance

// "next" - move to next gallery item

// "nextOrClose" - move to next gallery item or close if gallery has only one item

// "toggleControls" - show/hide controls

// "zoom" - zoom image (if loaded)

// false - do nothing

// Clicked on the content

clickContent: function(current, event) {

return current.type === "image" ? "zoom" : false;

},

// Clicked on the slide

clickSlide: "close",

// Clicked on the background (backdrop) element

clickOutside: "close",

// Same as previous two, but for double click

dblclickContent: false,

dblclickSlide: false,

dblclickOutside: false,

// Custom options when mobile device is detected

// =============================================

mobile: {

idleTime: false,

margin: 0,

clickContent: function(current, event) {

return current.type === "image" ? "toggleControls" : false;

},

clickSlide: function(current, event) {

return current.type === "image" ? "toggleControls" : "close";

},

dblclickContent: function(current, event) {

return current.type === "image" ? "zoom" : false;

},

dblclickSlide: function(current, event) {

return current.type === "image" ? "zoom" : false;

}

},

// Internationalization

// ============

lang: "en",

i18n: {

en: {

CLOSE: "Close",

NEXT: "Next",

PREV: "Previous",

ERROR:

"The requested content cannot be loaded. <br/> Please try again later.",

PLAY_START: "Start slideshow",

PLAY_STOP: "Pause slideshow",

FULL_SCREEN: "Full screen",

THUMBS: "Thumbnails",

DOWNLOAD: "Download",

SHARE: "Share",

ZOOM: "Zoom"

},

de: {

CLOSE: "Schliessen",

NEXT: "Weiter",

PREV: "Zurück",

ERROR:

"Die angeforderten Daten konnten nicht geladen werden. <br/> Bitte versuchen Sie es später nochmal.",

PLAY_START: "Diaschau starten",

PLAY_STOP: "Diaschau beenden",

FULL_SCREEN: "Vollbild",

THUMBS: "Vorschaubilder",

DOWNLOAD: "Herunterladen",

SHARE: "Teilen",

ZOOM: "Maßstab"

}

}

};

// Few useful variables and methods

// ================================

var $W = $(window);

var $D = $(document);

var called = 0;

// Check if an object is a jQuery object and not a native JavaScript object

// ========================================================================

var isQuery = function(obj) {

return obj && obj.hasOwnProperty && obj instanceof $;

};

// Handle multiple browsers for "requestAnimationFrame" and "cancelAnimationFrame"

// ===============================================================================

var requestAFrame = (function() {

return (

window.requestAnimationFrame ||

window.webkitRequestAnimationFrame ||

window.mozRequestAnimationFrame ||

window.oRequestAnimationFrame ||

// if all else fails, use setTimeout

function(callback) {

return window.setTimeout(callback, 1000 / 60);

}

);

})();

// Detect the supported transition-end event property name

// =======================================================

var transitionEnd = (function() {

var t,

el = document.createElement("fakeelement");

var transitions = {

transition: "transitionend",

OTransition: "oTransitionEnd",

MozTransition: "transitionend",

WebkitTransition: "webkitTransitionEnd"

};

for (t in transitions) {

if (el.style[t] !== undefined) {

return transitions[t];

}

}

return "transitionend";

})();

// Force redraw on an element.

// This helps in cases where the browser doesn't redraw an updated element properly.

// =================================================================================

var forceRedraw = function($el) {

return $el && $el.length && $el[0].offsetHeight;

};

// Class definition

// ================

var FancyBox = function(content, opts, index) {

var self = this;

self.opts = $.extend(

true,

{ index: index },

$.fancybox.defaults,

opts || {}

);

if ($.fancybox.isMobile) {

self.opts = $.extend(true, {}, self.opts, self.opts.mobile);

}

// Exclude buttons option from deep merging

if (opts && $.isArray(opts.buttons)) {

self.opts.buttons = opts.buttons;

}

self.id = self.opts.id || ++called;

self.group = [];

self.currIndex = parseInt(self.opts.index, 10) || 0;

self.prevIndex = null;

self.prevPos = null;

self.currPos = 0;

self.firstRun = null;

// Create group elements from original item collection

self.createGroup(content);

if (!self.group.length) {

return;

}

// Save last active element and current scroll position

self.$lastFocus = $(document.activeElement).blur();

// Collection of gallery objects

self.slides = {};

self.init();

};

$.extend(FancyBox.prototype, {

// Create DOM structure

// ====================

init: function() {

var self = this,

firstItem = self.group[self.currIndex],

firstItemOpts = firstItem.opts,

scrollbarWidth = $.fancybox.scrollbarWidth,

$scrollDiv,

$container,

buttonStr;

self.scrollTop = $D.scrollTop();

self.scrollLeft = $D.scrollLeft();

// Hide scrollbars

// ===============

if (!$.fancybox.getInstance()) {

$("body").addClass("fancybox-active");

// iOS hack

if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {

// iOS has problems for input elements inside fixed containers,

// the workaround is to apply `position: fixed` to `<body>` element,

// unfortunately, this makes it lose the scrollbars and forces address bar to appear.

if (firstItem.type !== "image") {

$("body")

.css("top", $("body").scrollTop() * -1)

.addClass("fancybox-iosfix");

}

} else if (

!$.fancybox.isMobile &&

document.body.scrollHeight > window.innerHeight

) {

if (scrollbarWidth === undefined) {

$scrollDiv = $(

'<div style="width:50px;height:50px;overflow:scroll;" />'

).appendTo("body");

scrollbarWidth = $.fancybox.scrollbarWidth =

$scrollDiv[0].offsetWidth - $scrollDiv[0].clientWidth;

$scrollDiv.remove();

}

$("head").append(

'<style id="fancybox-style-noscroll" type="text/css">.compensate-for-scrollbar { margin-right: ' +

scrollbarWidth +

"px; }</style>"

);

$("body").addClass("compensate-for-scrollbar");

}

}

// Build html markup and set references

// ====================================

// Build html code for buttons and insert into main template

buttonStr = "";

$.each(firstItemOpts.buttons, function(index, value) {

buttonStr += firstItemOpts.btnTpl[value] || "";

});

// Create markup from base template, it will be initially hidden to

// avoid unnecessary work like painting while initializing is not complete

$container = $(

self.translate(

self,

firstItemOpts.baseTpl

.replace("{{buttons}}", buttonStr)

.replace(

"{{arrows}}",

firstItemOpts.btnTpl.arrowLeft + firstItemOpts.btnTpl.arrowRight

)

)

)

.attr("id", "fancybox-container-" + self.id)

.addClass("fancybox-is-hidden")

.addClass(firstItemOpts.baseClass)

.data("FancyBox", self)

.appendTo(firstItemOpts.parentEl);

// Create object holding references to jQuery wrapped nodes

self.$refs = {

container: $container

};

[

"bg",

"inner",

"infobar",

"toolbar",

"stage",

"caption",

"navigation"

].forEach(function(item) {

self.$refs[item] = $container.find(".fancybox-" + item);

});

self.trigger("onInit");

// Enable events, deactive previous instances

self.activate();

// Build slides, load and reveal content

self.jumpTo(self.currIndex);

},

// Simple i18n support - replaces object keys found in template

// with corresponding values

// ============================================================

translate: function(obj, str) {

var arr = obj.opts.i18n[obj.opts.lang];

return str.replace(/\{\{(\w+)\}\}/g, function(match, n) {

var value = arr[n];

if (value === undefined) {

return match;

}

return value;

});

},

// Create array of gally item objects

// Check if each object has valid type and content

// ===============================================

createGroup: function(content) {

var self = this;

var items = $.makeArray(content);

$.each(items, function(i, item) {

var obj = {},

opts = {},

$item,

type,

found,

src,

srcParts;

// Step 1 - Make sure we have an object

// ====================================

if ($.isPlainObject(item)) {

// We probably have manual usage here, something like

// $.fancybox.open( [ { src : "image.jpg", type : "image" } ] )

obj = item;

opts = item.opts || item;

} else if ($.type(item) === "object" && $(item).length) {

// Here we probably have jQuery collection returned by some selector

$item = $(item);

opts = $item.data();

opts = $.extend({}, opts, opts.options || {});

// Here we store clicked element

opts.$orig = $item;

obj.src = opts.src || $item.attr("href");

// Assume that simple syntax is used, for example:

// `$.fancybox.open( $("#test"), {} );`

if (!obj.type && !obj.src) {

obj.type = "inline";

obj.src = item;

}

} else {

// Assume we have a simple html code, for example:

// $.fancybox.open( '<div><h1>Hi!</h1></div>' );

obj = {

type: "html",

src: item + ""

};

}

// Each gallery object has full collection of options

obj.opts = $.extend(true, {}, self.opts, opts);

// Do not merge buttons array

if ($.isArray(opts.buttons)) {

obj.opts.buttons = opts.buttons;

}

// Step 2 - Make sure we have content type, if not - try to guess

// ==============================================================

type = obj.type || obj.opts.type;

src = obj.src || "";

if (!type && src) {

if (

src.match(

/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i

)

) {

type = "image";

} else if (src.match(/\.(pdf)((\?|#).*)?$/i)) {

type = "pdf";

} else if ((found = src.match(/\.(mp4|mov|ogv)((\?|#).*)?$/i))) {

type = "video";

if (!obj.opts.videoFormat) {

obj.opts.videoFormat =

"video/" + (found[1] === "ogv" ? "ogg" : found[1]);

}

} else if (src.charAt(0) === "#") {

type = "inline";

}

}

if (type) {

obj.type = type;

} else {

self.trigger("objectNeedsType", obj);

}

// Step 3 - Some adjustments

// =========================

obj.index = self.group.length;

// Check if $orig and $thumb objects exist

if (obj.opts.$orig && !obj.opts.$orig.length) {

delete obj.opts.$orig;

}

if (!obj.opts.$thumb && obj.opts.$orig) {

obj.opts.$thumb = obj.opts.$orig.find("img:first");

}

if (obj.opts.$thumb && !obj.opts.$thumb.length) {

delete obj.opts.$thumb;

}

// "caption" is a "special" option, it can be used to customize caption per gallery item ..

if ($.type(obj.opts.caption) === "function") {

obj.opts.caption = obj.opts.caption.apply(item, [self, obj]);

}

if ($.type(self.opts.caption) === "function") {

obj.opts.caption = self.opts.caption.apply(item, [self, obj]);

}

// Make sure we have caption as a string or jQuery object

if (!(obj.opts.caption instanceof $)) {

obj.opts.caption =

obj.opts.caption === undefined ? "" : obj.opts.caption + "";

}

// Check if url contains "filter" used to filter the content

// Example: "ajax.html #something"

if (type === "ajax") {

srcParts = src.split(/\s+/, 2);

if (srcParts.length > 1) {

obj.src = srcParts.shift();

obj.opts.filter = srcParts.shift();

}

}

if (obj.opts.smallBtn == "auto") {

if ($.inArray(type, ["html", "inline", "ajax"]) > -1) {

obj.opts.toolbar = false;

obj.opts.smallBtn = true;

} else {

obj.opts.smallBtn = false;

}

}

// If the type is "pdf", then simply load file into iframe

if (type === "pdf") {

obj.type = "iframe";

obj.opts.iframe.preload = false;

}

// Hide all buttons and disable interactivity for modal items

if (obj.opts.modal) {

obj.opts = $.extend(true, obj.opts, {

// Remove buttons

infobar: 0,

toolbar: 0,

smallBtn: 0,

// Disable keyboard navigation

keyboard: 0,

// Disable some modules

slideShow: 0,

fullScreen: 0,

thumbs: 0,

touch: 0,

// Disable click event handlers

clickContent: false,

clickSlide: false,

clickOutside: false,

dblclickContent: false,

dblclickSlide: false,

dblclickOutside: false

});

}

// Step 4 - Add processed object to group

// ======================================

self.group.push(obj);

});

},

// Attach an event handler functions for:

// - navigation buttons

// - browser scrolling, resizing;

// - focusing

// - keyboard

// - detect idle

// ======================================

addEvents: function() {

var self = this;

self.removeEvents();

// Make navigation elements clickable

self.$refs.container

.on("click.fb-close", "[data-fancybox-close]", function(e) {

e.stopPropagation();

e.preventDefault();

self.close(e);

})

.on("click.fb-prev touchend.fb-prev", "[data-fancybox-prev]", function(

e

) {

e.stopPropagation();

e.preventDefault();

self.previous();

})

.on("click.fb-next touchend.fb-next", "[data-fancybox-next]", function(

e

) {

e.stopPropagation();

e.preventDefault();

self.next();

})

.on("click.fb", "[data-fancybox-zoom]", function(e) {

// Click handler for zoom button

self[self.isScaledDown() ? "scaleToActual" : "scaleToFit"]();

});

// Handle page scrolling and browser resizing

$W.on("orientationchange.fb resize.fb", function(e) {

if (e && e.originalEvent && e.originalEvent.type === "resize") {

requestAFrame(function() {

self.update();

});

} else {

self.$refs.stage.hide();

setTimeout(function() {

self.$refs.stage.show();

self.update();

}, 600);

}

});

// Trap keyboard focus inside of the modal, so the user does not accidentally tab outside of the modal

// (a.k.a. "escaping the modal")

$D.on("focusin.fb", function(e) {

var instance = $.fancybox ? $.fancybox.getInstance() : null;

if (

instance.isClosing ||

!instance.current ||

!instance.current.opts.trapFocus ||

$(e.target).hasClass("fancybox-container") ||

$(e.target).is(document)

) {

return;

}

if (

instance &&

$(e.target).css("position") !== "fixed" &&

!instance.$refs.container.has(e.target).length

) {

e.stopPropagation();

instance.focus();

// Sometimes page gets scrolled, set it back

$W.scrollTop(self.scrollTop).scrollLeft(self.scrollLeft);

}

});

// Enable keyboard navigation

$D.on("keydown.fb", function(e) {

var current = self.current,

keycode = e.keyCode || e.which;

if (!current || !current.opts.keyboard) {

return;

}

if ($(e.target).is("input") || $(e.target).is("textarea")) {

return;

}

// Backspace and Esc keys

if (keycode === 8 || keycode === 27) {

e.preventDefault();

self.close(e);

return;

}

// Left arrow and Up arrow

if (keycode === 37 || keycode === 38) {

e.preventDefault();

self.previous();

return;

}

// Righ arrow and Down arrow

if (keycode === 39 || keycode === 40) {

e.preventDefault();

self.next();

return;

}

self.trigger("afterKeydown", e, keycode);

});

// Hide controls after some inactivity period

if (self.group[self.currIndex].opts.idleTime) {

self.idleSecondsCounter = 0;

$D.on(

"mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",

function(e) {

self.idleSecondsCounter = 0;

if (self.isIdle) {

self.showControls();

}

self.isIdle = false;

}

);

self.idleInterval = window.setInterval(function() {

self.idleSecondsCounter++;

if (

self.idleSecondsCounter >=

self.group[self.currIndex].opts.idleTime &&

!self.isDragging

) {

self.isIdle = true;

self.idleSecondsCounter = 0;

self.hideControls();

}

}, 1000);

}

},

// Remove events added by the core

// ===============================