https://booksrus.fr/bitrix/cache/js/s1/aspro_max/template_f590c60e…c4f114252d9b36c04be_v1.js?17546540651315198

906,h[e]=c.extend(k,g,d)):d!==undefined&&(h[e]=d)));return h},c.queue=function(a,d,e){if(a){d=(d||"fx")+"queue";var f=c.data(a,d);return e?(!f||c.isArray(e)?f=c.data(a,d,function(a,c){var d=c||[];return a&&(b(Object(a))?function(a,b){for(var c=+b.length,d=0,e=a.length;d<c;)a[e++]=b[d++];if(c!==c)for(;b[d]!==undefined;)a[e++]=b[d++];a.length=e,a}(d,"string"==typeof a?[a]:a):[].push.call(d,a)),d}(e)):f.push(e),f):f||[]}},c.dequeue=function(a,b){c.each(a.nodeType?[a]:a,function(a,d){b=b||"fx";var e=c.queue(d,b),f=e.shift();"inprogress"===f&&(f=e.shift()),f&&("fx"===b&&e.unshift("inprogress"),f.call(d,function(){c.dequeue(d,b)}))})},c.fn=c.prototype={init:function(a){if(a.nodeType)return this[0]=a,this;throw new Error("Not a DOM node.")},offset:function(){var b=this[0].getBoundingClientRect?this[0].getBoundingClientRect():{top:0,left:0};return{top:b.top+(a.pageYOffset||document.scrollTop||0)-(document.clientTop||0),left:b.left+(a.pageXOffset||document.scrollLeft||0)-(document.clientLeft||0)}},position:function(){var a=this[0],b=function(a){for(var b=a.offsetParent;b&&"html"!==b.nodeName.toLowerCase()&&b.style&&"static"===b.style.position;)b=b.offsetParent;return b||document}(a),d=this.offset(),e=/^(?:body|html)$/i.test(b.nodeName)?{top:0,left:0}:c(b).offset();return d.top-=parseFloat(a.style.marginTop)||0,d.left-=parseFloat(a.style.marginLeft)||0,b.style&&(e.top+=parseFloat(b.style.borderTopWidth)||0,e.left+=parseFloat(b.style.borderLeftWidth)||0),{top:d.top-e.top,left:d.left-e.left}}};var d={};c.expando="velocity"+(new Date).getTime(),c.uuid=0;for(var e={},f=e.hasOwnProperty,g=e.toString,h="Boolean Number String Function Array Date RegExp Object Error".split(" "),i=0;i<h.length;i++)e["[object "+h[i]+"]"]=h[i].toLowerCase();c.fn.init.prototype=c.fn,a.Velocity={Utilities:c}}}(window),function(a){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=a():"function"==typeof define&&define.amd?define(a):a()}(function(){"use strict";return function(a,b,c,d){function e(a){for(var b=-1,c=a?a.length:0,d=[];++b<c;){var e=a[b];e&&d.push(e)}return d}function f(a){return u.isWrapped(a)?a=s.call(a):u.isNode(a)&&(a=[a]),a}function g(a){var b=o.data(a,"velocity");return null===b?d:b}function h(a,b){var c=g(a);c&&c.delayTimer&&!c.delayPaused&&(c.delayRemaining=c.delay-b+c.delayBegin,c.delayPaused=!0,clearTimeout(c.delayTimer.setTimeout))}function i(a,b){var c=g(a);c&&c.delayTimer&&c.delayPaused&&(c.delayPaused=!1,c.delayTimer.setTimeout=setTimeout(c.delayTimer.next,c.delayRemaining))}function j(a){return function(b){return Math.round(b*a)*(1/a)}}function k(a,c,d,e){function f(a,b){return 1-3*b+3*a}function g(a,b){return 3*b-6*a}function h(a){return 3*a}function i(a,b,c){return((f(b,c)*a+g(b,c))*a+h(b))*a}function j(a,b,c){return 3*f(b,c)*a*a+2*g(b,c)*a+h(b)}function k(b,c){for(var e=0;e<p;++e){var f=j(c,a,d);if(0===f)return c;c-=(i(c,a,d)-b)/f}return c}function l(){for(var b=0;b<t;++b)x[b]=i(b*u,a,d)}function m(b,c,e){var f,g,h=0;do{g=c+(e-c)/2,f=i(g,a,d)-b,f>0?e=g:c=g}while(Math.abs(f)>r&&++h<s);return g}function n(b){for(var c=0,e=1,f=t-1;e!==f&&x[e]<=b;++e)c+=u;--e;var g=(b-x[e])/(x[e+1]-x[e]),h=c+g*u,i=j(h,a,d);return i>=q?k(b,h):0===i?h:m(b,c,c+u)}function o(){y=!0,a===c&&d===e||l()}var p=4,q=.001,r=1e-7,s=10,t=11,u=1/(t-1),v="Float32Array"in b;if(4!==arguments.length)return!1;for(var w=0;w<4;++w)if("number"!=typeof arguments[w]||isNaN(arguments[w])||!isFinite(arguments[w]))return!1;a=Math.min(a,1),d=Math.min(d,1),a=Math.max(a,0),d=Math.max(d,0);var x=v?new Float32Array(t):new Array(t),y=!1,z=function(b){return y||o(),a===c&&d===e?b:0===b?0:1===b?1:i(n(b),c,e)};z.getControlPoints=function(){return[{x:a,y:c},{x:d,y:e}]};var A="generateBezier("+[a,c,d,e]+")";return z.toString=function(){return A},z}function l(a,b){var c=a;return u.isString(a)?y.Easings[a]||(c=!1):c=u.isArray(a)&&1===a.length?j.apply(null,a):u.isArray(a)&&2===a.length?z.apply(null,a.concat([b])):!(!u.isArray(a)||4!==a.length)&&k.apply(null,a),c===!1&&(c=y.Easings[y.defaults.easing]?y.defaults.easing:x),c}function m(a){if(a){var b=y.timestamp&&a!==!0?a:r.now(),c=y.State.calls.length;c>1e4&&(y.State.calls=e(y.State.calls),c=y.State.calls.length);for(var f=0;f<c;f++)if(y.State.calls[f]){var h=y.State.calls[f],i=h[0],j=h[2],k=h[3],l=!!k,q=null,s=h[5],t=h[6];if(k||(k=y.State.calls[f][3]=b-16),s){if(s.resume!==!0)continue;k=h[3]=Math.round(b-t-16),h[5]=null}t=h[6]=b-k;for(var v=Math.min(t/j.duration,1),w=0,x=i.length;w<x;w++){var z=i[w],B=z.element;if(g(B)){var D=!1;if(j.display!==d&&null!==j.display&&"none"!==j.display){if("flex"===j.display){var E=["-webkit-box","-moz-box","-ms-flexbox","-webkit-flex"];o.each(E,function(a,b){A.setPropertyValue(B,"display",b)})}A.setPropertyValue(B,"display",j.display)}j.visibility!==d&&"hidden"!==j.visibility&&A.setPropertyValue(B,"visibility",j.visibility);for(var F in z)if(z.hasOwnProperty(F)&&"element"!==F){var G,H=z[F],I=u.isString(H.easing)?y.Easings[H.easing]:H.easing;if(u.isString(H.pattern)){var J=1===v?function(a,b,c){var d=H.endValue[b];return c?Math.round(d):d}:function(a,b,c){var d=H.startValue[b],e=H.endValue[b]-d,f=d+e*I(v,j,e);return c?Math.round(f):f};G=H.pattern.replace(/{(\d+)(!)?}/g,J)}else if(1===v)G=H.endValue;else{var K=H.endValue-H.startValue;G=H.startValue+K*I(v,j,K)}if(!l&&G===H.currentValue)continue;if(H.currentValue=G,"tween"===F)q=G;else{var L;if(A.Hooks.registered[F]){L=A.Hooks.getRoot(F);var M=g(B).rootPropertyValueCache[L];M&&(H.rootPropertyValue=M)}var N=A.setPropertyValue(B,F,H.currentValue+(p<9&&0===parseFloat(G)?"":H.unitType),H.rootPropertyValue,H.scrollData);A.Hooks.registered[F]&&(A.Normalizations.registered[L]?g(B).rootPropertyValueCache[L]=A.Normalizations.registered[L]("extract",null,N[1]):g(B).rootPropertyValueCache[L]=N[1]),"transform"===N[0]&&(D=!0)}}j.mobileHA&&g(B).transformCache.translate3d===d&&(g(B).transformCache.translate3d="(0px, 0px, 0px)",D=!0),D&&A.flushTransformCache(B)}}j.display!==d&&"none"!==j.display&&(y.State.calls[f][2].display=!1),j.visibility!==d&&"hidden"!==j.visibility&&(y.State.calls[f][2].visibility=!1),j.progress&&j.progress.call(h[1],h[1],v,Math.max(0,k+j.duration-b),k,q),1===v&&n(f)}}y.State.isTicking&&C(m)}function n(a,b){if(!y.State.calls[a])return!1;for(var c=y.State.calls[a][0],e=y.State.calls[a][1],f=y.State.calls[a][2],h=y.State.calls[a][4],i=!1,j=0,k=c.length;j<k;j++){var l=c[j].element;b||f.loop||("none"===f.display&&A.setPropertyValue(l,"display",f.display),"hidden"===f.visibility&&A.setPropertyValue(l,"visibility",f.visibility));var m=g(l);if(f.loop!==!0&&(o.queue(l)[1]===d||!/\.velocityQueueEntryFlag/i.test(o.queue(l)[1]))&&m){m.isAnimating=!1,m.rootPropertyValueCache={};var n=!1;o.each(A.Lists.transforms3D,function(a,b){var c=/^scale/.test(b)?1:0,e=m.transformCache[b];m.transformCache[b]!==d&&new RegExp("^\\("+c+"[^.]").test(e)&&(n=!0,delete m.transformCache[b])}),f.mobileHA&&(n=!0,delete m.transformCache.translate3d),n&&A.flushTransformCache(l),A.Values.removeClass(l,"velocity-animating")}if(!b&&f.complete&&!f.loop&&j===k-1)try{f.complete.call(e,e)}catch(r){setTimeout(function(){throw r},1)}h&&f.loop!==!0&&h(e),m&&f.loop===!0&&!b&&(o.each(m.tweensContainer,function(a,b){if(/^rotate/.test(a)&&(parseFloat(b.startValue)-parseFloat(b.endValue))%360==0){var c=b.startValue;b.startValue=b.endValue,b.endValue=c}/^backgroundPosition/.test(a)&&100===parseFloat(b.endValue)&&"%"===b.unitType&&(b.endValue=0,b.startValue=100)}),y(l,"reverse",{loop:!0,delay:f.delay})),f.queue!==!1&&o.dequeue(l,f.queue)}y.State.calls[a]=!1;for(var p=0,q=y.State.calls.length;p<q;p++)if(y.State.calls[p]!==!1){i=!0;break}i===!1&&(y.State.isTicking=!1,delete y.State.calls,y.State.calls=[])}var o,p=function(){if(c.documentMode)return c.documentMode;for(var a=7;a>4;a--){var b=c.createElement("div");if(b.innerHTML="<!--[if IE "+a+"]><span></span><![endif]-->",b.getElementsByTagName("span").length)return b=null,a}return d}(),q=function(){var a=0;return b.webkitRequestAnimationFrame||b.mozRequestAnimationFrame||function(b){var c,d=(new Date).getTime();return c=Math.max(0,16-(d-a)),a=d+c,setTimeout(function(){b(d+c)},c)}}(),r=function(){var a=b.performance||{};if("function"!=typeof a.now){var c=a.timing&&a.timing.navigationStart?a.timing.navigationStart:(new Date).getTime();a.now=function(){return(new Date).getTime()-c}}return a}(),s=function(){var a=Array.prototype.slice;try{return a.call(c.documentElement),a}catch(b){return function(b,c){var d=this.length;if("number"!=typeof b&&(b=0),"number"!=typeof c&&(c=d),this.slice)return a.call(this,b,c);var e,f=[],g=b>=0?b:Math.max(0,d+b),h=c<0?d+c:Math.min(c,d),i=h-g;if(i>0)if(f=new Array(i),this.charAt)for(e=0;e<i;e++)f[e]=this.charAt(g+e);else for(e=0;e<i;e++)f[e]=this[g+e];return f}}}(),t=function(){return Array.prototype.includes?function(a,b){return a.includes(b)}:Array.prototype.indexOf?function(a,b){return a.indexOf(b)>=0}:function(a,b){for(var c=0;c<a.length;c++)if(a[c]===b)return!0;return!1}},u={isNumber:function(a){return"number"==typeof a},isString:function(a){return"string"==typeof a},isArray:Array.isArray||function(a){return"[object Array]"===Object.prototype.toString.call(a)},isFunction:function(a){return"[object Function]"===Object.prototype.toString.call(a)},isNode:function(a){return a&&a.nodeType},isWrapped:function(a){return a&&a!==b&&u.isNumber(a.length)&&!u.isString(a)&&!u.isFunction(a)&&!u.isNode(a)&&(0===a.length||u.isNode(a[0]))},isSVG:function(a){return b.SVGElement&&a instanceof b.SVGElement},isEmptyObject:function(a){for(var b in a)if(a.hasOwnProperty(b))return!1;return!0}},v=!1;if(a.fn&&a.fn.jquery?(o=a,v=!0):o=b.Velocity.Utilities,p<=8&&!v)throw new Error("Velocity: IE8 and below require jQuery to be loaded before Velocity.");if(p<=7)return void(jQuery.fn.velocity=jQuery.fn.animate);var w=400,x="swing",y={State:{isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),isAndroid:/Android/i.test(navigator.userAgent),isGingerbread:/Android 2\.3\.[3-7]/i.test(navigator.userAgent),isChrome:b.chrome,isFirefox:/Firefox/i.test(navigator.userAgent),prefixElement:c.createElement("div"),prefixMatches:{},scrollAnchor:null,scrollPropertyLeft:null,scrollPropertyTop:null,isTicking:!1,calls:[],delayedElements:{count:0}},CSS:{},Utilities:o,Redirects:{},Easings:{},Promise:b.Promise,defaults:{queue:"",duration:w,easing:x,begin:d,complete:d,progress:d,display:d,visibility:d,loop:!1,delay:!1,mobileHA:!0,_cacheValues:!0,promiseRejectEmpty:!0},init:function(a){o.data(a,"velocity",{isSVG:u.isSVG(a),isAnimating:!1,computedStyle:null,tweensContainer:null,rootPropertyValueCache:{},transformCache:{}})},hook:null,mock:!1,version:{major:1,minor:5,patch:0},debug:!1,timestamp:!0,pauseAll:function(a){var b=(new Date).getTime();o.each(y.State.calls,function(b,c){if(c){if(a!==d&&(c[2].queue!==a||c[2].queue===!1))return!0;c[5]={resume:!1}}}),o.each(y.State.delayedElements,function(a,c){c&&h(c,b)})},resumeAll:function(a){var b=(new Date).getTime();o.each(y.State.calls,function(b,c){if(c){if(a!==d&&(c[2].queue!==a||c[2].queue===!1))return!0;c[5]&&(c[5].resume=!0)}}),o.each(y.State.delayedElements,function(a,c){c&&i(c,b)})}};b.pageYOffset!==d?(y.State.scrollAnchor=b,y.State.scrollPropertyLeft="pageXOffset",y.State.scrollPropertyTop="pageYOffset"):(y.State.scrollAnchor=c.documentElement||c.body.parentNode||c.body,y.State.scrollPropertyLeft="scrollLeft",y.State.scrollPropertyTop="scrollTop");var z=function(){function a(a){return-a.tension*a.x-a.friction*a.v}function b(b,c,d){var e={x:b.x+d.dx*c,v:b.v+d.dv*c,tension:b.tension,friction:b.friction};return{dx:e.v,dv:a(e)}}function c(c,d){var e={dx:c.v,dv:a(c)},f=b(c,.5*d,e),g=b(c,.5*d,f),h=b(c,d,g),i=1/6*(e.dx+2*(f.dx+g.dx)+h.dx),j=1/6*(e.dv+2*(f.dv+g.dv)+h.dv);return c.x=c.x+i*d,c.v=c.v+j*d,c}return function d(a,b,e){var f,g,h,i={x:-1,v:0,tension:null,friction:null},j=[0],k=0;for(a=parseFloat(a)||500,b=parseFloat(b)||20,e=e||null,i.tension=a,i.friction=b,f=null!==e,f?(k=d(a,b),g=k/e*.016):g=.016;;)if(h=c(h||i,g),j.push(1+h.x),k+=16,!(Math.abs(h.x)>1e-4&&Math.abs(h.v)>1e-4))break;return f?function(a){return j[a*(j.length-1)|0]}:k}}();y.Easings={linear:function(a){return a},swing:function(a){return.5-Math.cos(a*Math.PI)/2},spring:function(a){return 1-Math.cos(4.5*a*Math.PI)*Math.exp(6*-a)}},o.each([["ease",[.25,.1,.25,1]],["ease-in",[.42,0,1,1]],["ease-out",[0,0,.58,1]],["ease-in-out",[.42,0,.58,1]],["easeInSine",[.47,0,.745,.715]],["easeOutSine",[.39,.575,.565,1]],["easeInOutSine",[.445,.05,.55,.95]],["easeInQuad",[.55,.085,.68,.53]],["easeOutQuad",[.25,.46,.45,.94]],["easeInOutQuad",[.455,.03,.515,.955]],["easeInCubic",[.55,.055,.675,.19]],["easeOutCubic",[.215,.61,.355,1]],["easeInOutCubic",[.645,.045,.355,1]],["easeInQuart",[.895,.03,.685,.22]],["easeOutQuart",[.165,.84,.44,1]],["easeInOutQuart",[.77,0,.175,1]],["easeInQuint",[.755,.05,.855,.06]],["easeOutQuint",[.23,1,.32,1]],["easeInOutQuint",[.86,0,.07,1]],["easeInExpo",[.95,.05,.795,.035]],["easeOutExpo",[.19,1,.22,1]],["easeInOutExpo",[1,0,0,1]],["easeInCirc",[.6,.04,.98,.335]],["easeOutCirc",[.075,.82,.165,1]],["easeInOutCirc",[.785,.135,.15,.86]]],function(a,b){y.Easings[b[0]]=k.apply(null,b[1])});var A=y.CSS={RegEx:{isHex:/^#([A-f\d]{3}){1,2}$/i,valueUnwrap:/^[A-z]+\((.*)\)$/i,wrappedValueAlreadyExtracted:/[0-9.]+ [0-9.]+ [0-9.]+( [0-9.]+)?/,valueSplit:/([A-z]+\(.+\))|(([A-z0-9#-.]+?)(?=\s|$))/gi},Lists:{colors:["fill","stroke","stopColor","color","backgroundColor","borderColor","borderTopColor","borderRightColor","borderBottomColor","borderLeftColor","outlineColor"],transformsBase:["translateX","translateY","scale","scaleX","scaleY","skewX","skewY","rotateZ"],transforms3D:["transformPerspective","translateZ","scaleZ","rotateX","rotateY"],units:["%","em","ex","ch","rem","vw","vh","vmin","vmax","cm","mm","Q","in","pc","pt","px","deg","grad","rad","turn","s","ms"],colorNames:{aliceblue:"240,248,255",antiquewhite:"250,235,215",aquamarine:"127,255,212",aqua:"0,255,255",azure:"240,255,255",beige:"245,245,220",bisque:"255,228,196",black:"0,0,0",blanchedalmond:"255,235,205",blueviolet:"138,43,226",blue:"0,0,255",brown:"165,42,42",burlywood:"222,184,135",cadetblue:"95,158,160",chartreuse:"127,255,0",chocolate:"210,105,30",coral:"255,127,80",cornflowerblue:"100,149,237",cornsilk:"255,248,220",crimson:"220,20,60",cyan:"0,255,255",darkblue:"0,0,139",darkcyan:"0,139,139",darkgoldenrod:"184,134,11",darkgray:"169,169,169",darkgrey:"169,169,169",darkgreen:"0,100,0",darkkhaki:"189,183,107",darkmagenta:"139,0,139",darkolivegreen:"85,107,47",darkorange:"255,140,0",darkorchid:"153,50,204",darkred:"139,0,0",darksalmon:"233,150,122",darkseagreen:"143,188,143",darkslateblue:"72,61,139",darkslategray:"47,79,79",darkturquoise:"0,206,209",darkviolet:"148,0,211",deeppink:"255,20,147",deepskyblue:"0,191,255",dimgray:"105,105,105",dimgrey:"105,105,105",dodgerblue:"30,144,255",firebrick:"178,34,34",floralwhite:"255,250,240",forestgreen:"34,139,34",fuchsia:"255,0,255",gainsboro:"220,220,220",ghostwhite:"248,248,255",gold:"255,215,0",goldenrod:"218,165,32",gray:"128,128,128",grey:"128,128,128",greenyellow:"173,255,47",green:"0,128,0",honeydew:"240,255,240",hotpink:"255,105,180",indianred:"205,92,92",indigo:"75,0,130",ivory:"255,255,240",khaki:"240,230,140",lavenderblush:"255,240,245",lavender:"230,230,250",lawngreen:"124,252,0",lemonchiffon:"255,250,205",lightblue:"173,216,230",lightcoral:"240,128,128",lightcyan:"224,255,255",lightgoldenrodyellow:"250,250,210",lightgray:"211,211,211",lightgrey:"211,211,211",lightgreen:"144,238,144",lightpink:"255,182,193",lightsalmon:"255,160,122",lightseagreen:"32,178,170",lightskyblue:"135,206,250",lightslategray:"119,136,153",lightsteelblue:"176,196,222",lightyellow:"255,255,224",limegreen:"50,205,50",lime:"0,255,0",linen:"250,240,230",magenta:"255,0,255",maroon:"128,0,0",mediumaquamarine:"102,205,170",mediumblue:"0,0,205",mediumorchid:"186,85,211",mediumpurple:"147,112,219",mediumseagreen:"60,179,113",mediumslateblue:"123,104,238",mediumspringgreen:"0,250,154",mediumturquoise:"72,209,204",mediumvioletred:"199,21,133",midnightblue:"25,25,112",mintcream:"245,255,250",mistyrose:"255,228,225",moccasin:"255,228,181",navajowhite:"255,222,173",navy:"0,0,128",oldlace:"253,245,230",olivedrab:"107,142,35",olive:"128,128,0",orangered:"255,69,0",orange:"255,165,0",orchid:"218,112,214",palegoldenrod:"238,232,170",palegreen:"152,251,152",paleturquoise:"175,238,238",palevioletred:"219,112,147",papayawhip:"255,239,213",peachpuff:"255,218,185",peru:"205,133,63",pink:"255,192,203",plum:"221,160,221",powderblue:"176,224,230",purple:"128,0,128",red:"255,0,0",rosybrown:"188,143,143",royalblue:"65,105,225",saddlebrown:"139,69,19",salmon:"250,128,114",sandybrown:"244,164,96",seagreen:"46,139,87",seashell:"255,245,238",sienna:"160,82,45",silver:"192,192,192",skyblue:"135,206,235",slateblue:"106,90,205",slategray:"112,128,144",snow:"255,250,250",springgreen:"0,255,127",steelblue:"70,130,180",tan:"210,180,140",teal:"0,128,128",thistle:"216,191,216",tomato:"255,99,71",turquoise:"64,224,208",violet:"238,130,238",wheat:"245,222,179",whitesmoke:"245,245,245",white:"255,255,255",yellowgreen:"154,205,50",yellow:"255,255,0"}},Hooks:{templates:{textShadow:["Color X Y Blur","black 0px 0px 0px"],boxShadow:["Color X Y Blur Spread","black 0px 0px 0px 0px"],clip:["Top Right Bottom Left","0px 0px 0px 0px"],backgroundPosition:["X Y","0% 0%"],transformOrigin:["X Y Z","50% 50% 0px"],perspectiveOrigin:["X Y","50% 50%"]},registered:{},register:function(){for(var a=0;a<A.Lists.colors.length;a++){var b="color"===A.Lists.colors[a]?"0 0 0 1":"255 255 255 1";A.Hooks.templates[A.Lists.colors[a]]=["Red Green Blue Alpha",b]}var c,d,e;if(p)for(c in A.Hooks.templates)if(A.Hooks.templates.hasOwnProperty(c)){d=A.Hooks.templates[c],e=d[0].split(" ");var f=d[1].match(A.RegEx.valueSplit);"Color"===e[0]&&(e.push(e.shift()),f.push(f.shift()),A.Hooks.templates[c]=[e.join(" "),f.join(" ")])}for(c in A.Hooks.templates)if(A.Hooks.templates.hasOwnProperty(c)){d=A.Hooks.templates[c],e=d[0].split(" ");for(var g in e)if(e.hasOwnProperty(g)){var h=c+e[g],i=g;A.Hooks.registered[h]=[c,i]}}},getRoot:function(a){var b=A.Hooks.registered[a];return b?b[0]:a},getUnit:function(a,b){var c=(a.substr(b||0,5).match(/^[a-z%]+/)||[])[0]||"";return c&&t(A.Lists.units,c)?c:""},fixColors:function(a){return a.replace(/(rgba?\(\s*)?(\b[a-z]+\b)/g,function(a,b,c){return A.Lists.colorNames.hasOwnProperty(c)?(b?b:"rgba(")+A.Lists.colorNames[c]+(b?"":",1)"):b+c})},cleanRootPropertyValue:function(a,b){return A.RegEx.valueUnwrap.test(b)&&(b=b.match(A.RegEx.valueUnwrap)[1]),A.Values.isCSSNullValue(b)&&(b=A.Hooks.templates[a][1]),b},extractValue:function(a,b){var c=A.Hooks.registered[a];if(c){var d=c[0],e=c[1];return b=A.Hooks.cleanRootPropertyValue(d,b),b.toString().match(A.RegEx.valueSplit)[e]}return b},injectValue:function(a,b,c){var d=A.Hooks.registered[a];if(d){var e,f=d[0],g=d[1];return c=A.Hooks.cleanRootPropertyValue(f,c),e=c.toString().match(A.RegEx.valueSplit),e[g]=b,e.join(" ")}return c}},Normalizations:{registered:{clip:function(a,b,c){switch(a){case"name":return"clip";case"extract":var d;return A.RegEx.wrappedValueAlreadyExtracted.test(c)?d=c:(d=c.toString().match(A.RegEx.valueUnwrap),d=d?d[1].replace(/,(\s+)?/g," "):c),d;case"inject":return"rect("+c+")"}},blur:function(a,b,c){switch(a){case"name":return y.State.isFirefox?"filter":"-webkit-filter";case"extract":var d=parseFloat(c);if(!d&&0!==d){var e=c.toString().match(/blur\(([0-9]+[A-z]+)\)/i);d=e?e[1]:0}return d;case"inject":return parseFloat(c)?"blur("+c+")":"none"}},opacity:function(a,b,c){if(p<=8)switch(a){case"name":return"filter";case"extract":var d=c.toString().match(/alpha\(opacity=(.*)\)/i);return c=d?d[1]/100:1;case"inject":return b.style.zoom=1,parseFloat(c)>=1?"":"alpha(opacity="+parseInt(100*parseFloat(c),10)+")"}else switch(a){case"name":return"opacity";case"extract":return c;case"inject":return c}}},register:function(){function a(a,b,c){if("border-box"===A.getPropertyValue(b,"boxSizing").toString().toLowerCase()===(c||!1)){var d,e,f=0,g="width"===a?["Left","Right"]:["Top","Bottom"],h=["padding"+g[0],"padding"+g[1],"border"+g[0]+"Width","border"+g[1]+"Width"];for(d=0;d<h.length;d++)e=parseFloat(A.getPropertyValue(b,h[d])),isNaN(e)||(f+=e);return c?-f:f}return 0}function b(b,c){return function(d,e,f){switch(d){case"name":return b;case"extract":return parseFloat(f)+a(b,e,c);case"inject":return parseFloat(f)-a(b,e,c)+"px"}}}p&&!(p>9)||y.State.isGingerbread||(A.Lists.transformsBase=A.Lists.transformsBase.concat(A.Lists.transforms3D));for(var c=0;c<A.Lists.transformsBase.length;c++)!function(){var a=A.Lists.transformsBase[c];A.Normalizations.registered[a]=function(b,c,e){switch(b){case"name":return"transform";case"extract":return g(c)===d||g(c).transformCache[a]===d?/^scale/i.test(a)?1:0:g(c).transformCache[a].replace(/[()]/g,"");case"inject":var f=!1;switch(a.substr(0,a.length-1)){case"translate":f=!/(%|px|em|rem|vw|vh|\d)$/i.test(e);break;case"scal":case"scale":y.State.isAndroid&&g(c).transformCache[a]===d&&e<1&&(e=1),f=!/(\d)$/i.test(e);break;case"skew":f=!/(deg|\d)$/i.test(e);break;case"rotate":f=!/(deg|\d)$/i.test(e)}return f||(g(c).transformCache[a]="("+e+")"),g(c).transformCache[a]}}}();for(var e=0;e<A.Lists.colors.length;e++)!function(){var a=A.Lists.colors[e];A.Normalizations.registered[a]=function(b,c,e){switch(b){case"name":return a;case"extract":var f;if(A.RegEx.wrappedValueAlreadyExtracted.test(e))f=e;else{var g,h={black:"rgb(0, 0, 0)",blue:"rgb(0, 0, 255)",gray:"rgb(128, 128, 128)",green:"rgb(0, 128, 0)",red:"rgb(255, 0, 0)",white:"rgb(255, 255, 255)"};/^[A-z]+$/i.test(e)?g=h[e]!==d?h[e]:h.black:A.RegEx.isHex.test(e)?g="rgb("+A.Values.hexToRgb(e).join(" ")+")":/^rgba?\(/i.test(e)||(g=h.black),f=(g||e).toString().match(A.RegEx.valueUnwrap)[1].replace(/,(\s+)?/g," ")}return(!p||p>8)&&3===f.split(" ").length&&(f+=" 1"),f;case"inject":return/^rgb/.test(e)?e:(p<=8?4===e.split(" ").length&&(e=e.split(/\s+/).slice(0,3).join(" ")):3===e.split(" ").length&&(e+=" 1"),(p<=8?"rgb":"rgba")+"("+e.replace(/\s+/g,",").replace(/\.(\d)+(?=,)/g,"")+")")}}}();A.Normalizations.registered.innerWidth=b("width",!0),A.Normalizations.registered.innerHeight=b("height",!0),A.Normalizations.registered.outerWidth=b("width"),A.Normalizations.registered.outerHeight=b("height")}},Names:{camelCase:function(a){return a.replace(/-(\w)/g,function(a,b){return b.toUpperCase()})},SVGAttribute:function(a){var b="width|height|x|y|cx|cy|r|rx|ry|x1|x2|y1|y2";return(p||y.State.isAndroid&&!y.State.isChrome)&&(b+="|transform"),new RegExp("^("+b+")$","i").test(a)},prefixCheck:function(a){if(y.State.prefixMatches[a])return[y.State.prefixMatches[a],!0];for(var b=["","Webkit","Moz","ms","O"],c=0,d=b.length;c<d;c++){var e;if(e=0===c?a:b[c]+a.replace(/^\w/,function(a){return a.toUpperCase()}),u.isString(y.State.prefixElement.style[e]))return y.State.prefixMatches[a]=e,[e,!0]}return[a,!1]}},Values:{hexToRgb:function(a){var b,c=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i;return a=a.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i,function(a,b,c,d){return b+b+c+c+d+d}),b=c.exec(a),b?[parseInt(b[1],16),parseInt(b[2],16),parseInt(b[3],16)]:[0,0,0]},isCSSNullValue:function(a){return!a||/^(none|auto|transparent|(rgba\(0, ?0, ?0, ?0\)))$/i.test(a)},getUnitType:function(a){return/^(rotate|skew)/i.test(a)?"deg":/(^(scale|scaleX|scaleY|scaleZ|alpha|flexGrow|flexHeight|zIndex|fontWeight)$)|((opacity|red|green|blue|alpha)$)/i.test(a)?"":"px"},getDisplayType:function(a){var b=a&&a.tagName.toString().toLowerCase();return/^(b|big|i|small|tt|abbr|acronym|cite|code|dfn|em|kbd|strong|samp|var|a|bdo|br|img|map|object|q|script|span|sub|sup|button|input|label|select|textarea)$/i.test(b)?"inline":/^(li)$/i.test(b)?"list-item":/^(tr)$/i.test(b)?"table-row":/^(table)$/i.test(b)?"table":/^(tbody)$/i.test(b)?"table-row-group":"block"},addClass:function(a,b){if(a)if(a.classList)a.classList.add(b);else if(u.isString(a.className))a.className+=(a.className.length?" ":"")+b;else{var c=a.getAttribute(p<=7?"className":"class")||"";a.setAttribute("class",c+(c?" ":"")+b)}},removeClass:function(a,b){if(a)if(a.classList)a.classList.remove(b);else if(u.isString(a.className))a.className=a.className.toString().replace(new RegExp("(^|\\s)"+b.split(" ").join("|")+"(\\s|$)","gi")," ");else{var c=a.getAttribute(p<=7?"className":"class")||"";a.setAttribute("class",c.replace(new RegExp("(^|s)"+b.split(" ").join("|")+"(s|$)","gi")," "))}}},getPropertyValue:function(a,c,e,f){function h(a,c){var e=0;if(p<=8)e=o.css(a,c);else{var i=!1;/^(width|height)$/.test(c)&&0===A.getPropertyValue(a,"display")&&(i=!0,A.setPropertyValue(a,"display",A.Values.getDisplayType(a)));var j=function(){i&&A.setPropertyValue(a,"display","none")};if(!f){if("height"===c&&"border-box"!==A.getPropertyValue(a,"boxSizing").toString().toLowerCase()){var k=a.offsetHeight-(parseFloat(A.getPropertyValue(a,"borderTopWidth"))||0)-(parseFloat(A.getPropertyValue(a,"borderBottomWidth"))||0)-(parseFloat(A.getPropertyValue(a,"paddingTop"))||0)-(parseFloat(A.getPropertyValue(a,"paddingBottom"))||0);return j(),k}if("width"===c&&"border-box"!==A.getPropertyValue(a,"boxSizing").toString().toLowerCase()){var l=a.offsetWidth-(parseFloat(A.getPropertyValue(a,"borderLeftWidth"))||0)-(parseFloat(A.getPropertyValue(a,"borderRightWidth"))||0)-(parseFloat(A.getPropertyValue(a,"paddingLeft"))||0)-(parseFloat(A.getPropertyValue(a,"paddingRight"))||0);return j(),l}}var m;m=g(a)===d?b.getComputedStyle(a,null):g(a).computedStyle?g(a).computedStyle:g(a).computedStyle=b.getComputedStyle(a,null),"borderColor"===c&&(c="borderTopColor"),e=9===p&&"filter"===c?m.getPropertyValue(c):m[c],""!==e&&null!==e||(e=a.style[c]),j()}if("auto"===e&&/^(top|right|bottom|left)$/i.test(c)){var n=h(a,"position");("fixed"===n||"absolute"===n&&/top|left/i.test(c))&&(e=o(a).position()[c]+"px")}return e}var i;if(A.Hooks.registered[c]){var j=c,k=A.Hooks.getRoot(j);e===d&&(e=A.getPropertyValue(a,A.Names.prefixCheck(k)[0])),A.Normalizations.registered[k]&&(e=A.Normalizations.registered[k]("extract",a,e)),i=A.Hooks.extractValue(j,e)}else if(A.Normalizations.registered[c]){var l,m;l=A.Normalizations.registered[c]("name",a),"transform"!==l&&(m=h(a,A.Names.prefixCheck(l)[0]),A.Values.isCSSNullValue(m)&&A.Hooks.templates[c]&&(m=A.Hooks.templates[c][1])),i=A.Normalizations.registered[c]("extract",a,m)}if(!/^[\d-]/.test(i)){var n=g(a);if(n&&n.isSVG&&A.Names.SVGAttribute(c))if(/^(height|width)$/i.test(c))try{i=a.getBBox()[c]}catch(q){i=0}else i=a.getAttribute(c);else i=h(a,A.Names.prefixCheck(c)[0])}return A.Values.isCSSNullValue(i)&&(i=0),y.debug>=2&&console.log("Get "+c+": "+i),i},setPropertyValue:function(a,c,d,e,f){var h=c;if("scroll"===c)f.container?f.container["scroll"+f.direction]=d:"Left"===f.direction?b.scrollTo(d,f.alternateValue):b.scrollTo(f.alternateValue,d);else if(A.Normalizations.registered[c]&&"transform"===A.Normalizations.registered[c]("name",a))A.Normalizations.registered[c]("inject",a,d),h="transform",d=g(a).transformCache[c];else{if(A.Hooks.registered[c]){var i=c,j=A.Hooks.getRoot(c);e=e||A.getPropertyValue(a,j),d=A.Hooks.injectValue(i,d,e),c=j}if(A.Normalizations.registered[c]&&(d=A.Normalizations.registered[c]("inject",a,d),c=A.Normalizations.registered[c]("name",a)),h=A.Names.prefixCheck(c)[0],p<=8)try{a.style[h]=d}catch(l){y.debug&&console.log("Browser does not support ["+d+"] for ["+h+"]")}else{var k=g(a);k&&k.isSVG&&A.Names.SVGAttribute(c)?a.setAttribute(c,d):a.style[h]=d}y.debug>=2&&console.log("Set "+c+" ("+h+"): "+d)}return[h,d]},flushTransformCache:function(a){var b="",c=g(a);if((p||y.State.isAndroid&&!y.State.isChrome)&&c&&c.isSVG){var d=function(b){return parseFloat(A.getPropertyValue(a,b))},e={translate:[d("translateX"),d("translateY")],skewX:[d("skewX")],skewY:[d("skewY")],scale:1!==d("scale")?[d("scale"),d("scale")]:[d("scaleX"),d("scaleY")],rotate:[d("rotateZ"),0,0]};o.each(g(a).transformCache,function(a){/^translate/i.test(a)?a="translate":/^scale/i.test(a)?a="scale":/^rotate/i.test(a)&&(a="rotate"),e[a]&&(b+=a+"("+e[a].join(" ")+") ",delete e[a])})}else{var f,h;o.each(g(a).transformCache,function(c){if(f=g(a).transformCache[c],"transformPerspective"===c)return h=f,!0;9===p&&"rotateZ"===c&&(c="rotate"),b+=c+f+" "}),h&&(b="perspective"+h+" "+b)}A.setPropertyValue(a,"transform",b)}};A.Hooks.register(),A.Normalizations.register(),y.hook=function(a,b,c){var e;return a=f(a),o.each(a,function(a,f){if(g(f)===d&&y.init(f),c===d)e===d&&(e=A.getPropertyValue(f,b));else{var h=A.setPropertyValue(f,b,c);"transform"===h[0]&&y.CSS.flushTransformCache(f),e=h}}),e};var B=function(){function a(){return k?z.promise||null:p}function e(a,e){function f(f){var k,n;if(i.begin&&0===D)try{i.begin.call(r,r)}catch(V){setTimeout(function(){throw V},1)}if("scroll"===G){var p,q,w,x=/^x$/i.test(i.axis)?"Left":"Top",B=parseFloat(i.offset)||0;i.container?u.isWrapped(i.container)||u.isNode(i.container)?(i.container=i.container[0]||i.container,p=i.container["scroll"+x],w=p+o(a).position()[x.toLowerCase()]+B):i.container=null:(p=y.State.scrollAnchor[y.State["scrollProperty"+x]],q=y.State.scrollAnchor[y.State["scrollProperty"+("Left"===x?"Top":"Left")]],w=o(a).offset()[x.toLowerCase()]+B),j={scroll:{rootPropertyValue:!1,startValue:p,currentValue:p,endValue:w,unitType:"",easing:i.easing,scrollData:{container:i.container,direction:x,alternateValue:q}},element:a},y.debug&&console.log("tweensContainer (scroll): ",j.scroll,a)}else if("reverse"===G){if(!(k=g(a)))return;if(!k.tweensContainer)return void o.dequeue(a,i.queue);"none"===k.opts.display&&(k.opts.display="auto"),"hidden"===k.opts.visibility&&(k.opts.visibility="visible"),k.opts.loop=!1,k.opts.begin=null,k.opts.complete=null,v.easing||delete i.easing,v.duration||delete i.duration,i=o.extend({},k.opts,i),n=o.extend(!0,{},k?k.tweensContainer:null);for(var E in n)if(n.hasOwnProperty(E)&&"element"!==E){var F=n[E].startValue;n[E].startValue=n[E].currentValue=n[E].endValue,n[E].endValue=F,u.isEmptyObject(v)||(n[E].easing=i.easing),y.debug&&console.log("reverse tweensContainer ("+E+"): "+JSON.stringify(n[E]),a)}j=n}else if("start"===G){k=g(a),k&&k.tweensContainer&&k.isAnimating===!0&&(n=k.tweensContainer);var H=function(e,f){var g,l=A.Hooks.getRoot(e),m=!1,p=f[0],q=f[1],r=f[2]
907;if(!(k&&k.isSVG||"tween"===l||A.Names.prefixCheck(l)[1]!==!1

907||A.Normalizations.registered[l]!==d))return void(y.debug&&console.log("Skipping ["+l+"] due to a lack of browser support."));(i.display!==d&&null!==i.display&&"none"!==i.display||i.visibility!==d&&"hidden"!==i.visibility)&&/opacity|filter/.test(e)&&!r&&0!==p&&(r=0),i._cacheValues&&n&&n[e]?(r===d&&(r=n[e].endValue+n[e].unitType),m=k.rootPropertyValueCache[l]):A.Hooks.registered[e]?r===d?(m=A.getPropertyValue(a,l),r=A.getPropertyValue(a,e,m)):m=A.Hooks.templates[l][1]:r===d&&(r=A.getPropertyValue(a,e));var s,t,v,w=!1,x=function(a,b){var c,d;return d=(b||"0").toString().toLowerCase().replace(/[%A-z]+$/,function(a){return c=a,""}),c||(c=A.Values.getUnitType(a)),[d,c]};if(r!==p&&u.isString(r)&&u.isString(p)){g="";var z=0,B=0,C=[],D=[],E=0,F=0,G=0;for(r=A.Hooks.fixColors(r),p=A.Hooks.fixColors(p);z<r.length&&B<p.length;){var H=r[z],I=p[B];if(/[\d\.-]/.test(H)&&/[\d\.-]/.test(I)){for(var J=H,K=I,L=".",N=".";++z<r.length;){if((H=r[z])===L)L="..";else if(!/\d/.test(H))break;J+=H}for(;++B<p.length;){if((I=p[B])===N)N="..";else if(!/\d/.test(I))break;K+=I}var O=A.Hooks.getUnit(r,z),P=A.Hooks.getUnit(p,B);if(z+=O.length,B+=P.length,O===P)J===K?g+=J+O:(g+="{"+C.length+(F?"!":"")+"}"+O,C.push(parseFloat(J)),D.push(parseFloat(K)));else{var Q=parseFloat(J),R=parseFloat(K);g+=(E<5?"calc":"")+"("+(Q?"{"+C.length+(F?"!":"")+"}":"0")+O+" + "+(R?"{"+(C.length+(Q?1:0))+(F?"!":"")+"}":"0")+P+")",Q&&(C.push(Q),D.push(0)),R&&(C.push(0),D.push(R))}}else{if(H!==I){E=0;break}g+=H,z++,B++,0===E&&"c"===H||1===E&&"a"===H||2===E&&"l"===H||3===E&&"c"===H||E>=4&&"("===H?E++:(E&&E<5||E>=4&&")"===H&&--E<5)&&(E=0),0===F&&"r"===H||1===F&&"g"===H||2===F&&"b"===H||3===F&&"a"===H||F>=3&&"("===H?(3===F&&"a"===H&&(G=1),F++):G&&","===H?++G>3&&(F=G=0):(G&&F<(G?5:4)||F>=(G?4:3)&&")"===H&&--F<(G?5:4))&&(F=G=0)}}z===r.length&&B===p.length||(y.debug&&console.error('Trying to pattern match mis-matched strings ["'+p+'", "'+r+'"]'),g=d),g&&(C.length?(y.debug&&console.log('Pattern found "'+g+'" -> ',C,D,"["+r+","+p+"]"),r=C,p=D,t=v=""):g=d)}g||(s=x(e,r),r=s[0],v=s[1],s=x(e,p),p=s[0].replace(/^([+-\/*])=/,function(a,b){return w=b,""}),t=s[1],r=parseFloat(r)||0,p=parseFloat(p)||0,"%"===t&&(/^(fontSize|lineHeight)$/.test(e)?(p/=100,t="em"):/^scale/.test(e)?(p/=100,t=""):/(Red|Green|Blue)$/i.test(e)&&(p=p/100*255,t="")));if(/[\/*]/.test(w))t=v;else if(v!==t&&0!==r)if(0===p)t=v;else{h=h||function(){var d={myParent:a.parentNode||c.body,position:A.getPropertyValue(a,"position"),fontSize:A.getPropertyValue(a,"fontSize")},e=d.position===M.lastPosition&&d.myParent===M.lastParent,f=d.fontSize===M.lastFontSize;M.lastParent=d.myParent,M.lastPosition=d.position,M.lastFontSize=d.fontSize;var g={};if(f&&e)g.emToPx=M.lastEmToPx,g.percentToPxWidth=M.lastPercentToPxWidth,g.percentToPxHeight=M.lastPercentToPxHeight;else{var h=k&&k.isSVG?c.createElementNS("http://www.w3.org/2000/svg","rect"):c.createElement("div");y.init(h),d.myParent.appendChild(h),o.each(["overflow","overflowX","overflowY"],function(a,b){y.CSS.setPropertyValue(h,b,"hidden")}),y.CSS.setPropertyValue(h,"position",d.position),y.CSS.setPropertyValue(h,"fontSize",d.fontSize),y.CSS.setPropertyValue(h,"boxSizing","content-box"),o.each(["minWidth","maxWidth","width","minHeight","maxHeight","height"],function(a,b){y.CSS.setPropertyValue(h,b,"100%")}),y.CSS.setPropertyValue(h,"paddingLeft","100em"),g.percentToPxWidth=M.lastPercentToPxWidth=(parseFloat(A.getPropertyValue(h,"width",null,!0))||1)/100,g.percentToPxHeight=M.lastPercentToPxHeight=(parseFloat(A.getPropertyValue(h,"height",null,!0))||1)/100,g.emToPx=M.lastEmToPx=(parseFloat(A.getPropertyValue(h,"paddingLeft"))||1)/100,d.myParent.removeChild(h)}return null===M.remToPx&&(M.remToPx=parseFloat(A.getPropertyValue(c.body,"fontSize"))||16),null===M.vwToPx&&(M.vwToPx=parseFloat(b.innerWidth)/100,M.vhToPx=parseFloat(b.innerHeight)/100),g.remToPx=M.remToPx,g.vwToPx=M.vwToPx,g.vhToPx=M.vhToPx,y.debug>=1&&console.log("Unit ratios: "+JSON.stringify(g),a),g}();var S=/margin|padding|left|right|width|text|word|letter/i.test(e)||/X$/.test(e)||"x"===e?"x":"y";switch(v){case"%":r*="x"===S?h.percentToPxWidth:h.percentToPxHeight;break;case"px":break;default:r*=h[v+"ToPx"]}switch(t){case"%":r*=1/("x"===S?h.percentToPxWidth:h.percentToPxHeight);break;case"px":break;default:r*=1/h[t+"ToPx"]}}switch(w){case"+":p=r+p;break;case"-":p=r-p;break;case"*":p*=r;break;case"/":p=r/p}j[e]={rootPropertyValue:m,startValue:r,currentValue:r,endValue:p,unitType:t,easing:q},g&&(j[e].pattern=g),y.debug&&console.log("tweensContainer ("+e+"): "+JSON.stringify(j[e]),a)};for(var I in s)if(s.hasOwnProperty(I)){var J=A.Names.camelCase(I),K=function(b,c){var d,f,g;return u.isFunction(b)&&(b=b.call(a,e,C)),u.isArray(b)?(d=b[0],!u.isArray(b[1])&&/^[\d-]/.test(b[1])||u.isFunction(b[1])||A.RegEx.isHex.test(b[1])?g=b[1]:u.isString(b[1])&&!A.RegEx.isHex.test(b[1])&&y.Easings[b[1]]||u.isArray(b[1])?(f=c?b[1]:l(b[1],i.duration),g=b[2]):g=b[1]||b[2]):d=b,c||(f=f||i.easing),u.isFunction(d)&&(d=d.call(a,e,C)),u.isFunction(g)&&(g=g.call(a,e,C)),[d||0,f,g]}(s[I]);if(t(A.Lists.colors,J)){var L=K[0],O=K[1],P=K[2];if(A.RegEx.isHex.test(L)){for(var Q=["Red","Green","Blue"],R=A.Values.hexToRgb(L),S=P?A.Values.hexToRgb(P):d,T=0;T<Q.length;T++){var U=[R[T]];O&&U.push(O),S!==d&&U.push(S[T]),H(J+Q[T],U)}continue}}H(J,K)}j.element=a}j.element&&(A.Values.addClass(a,"velocity-animating"),N.push(j),k=g(a),k&&(""===i.queue&&(k.tweensContainer=j,k.opts=i),k.isAnimating=!0),D===C-1?(y.State.calls.push([N,r,i,null,z.resolver,null,0]),

912s.visibility&&"hidden"!==s.visibility&&(O.visibility=s.visibility)}d===a.calls.length-1&&(O.complete=function(){if(a.reset){for(var t in a.reset){var e=a.reset[t];i.CSS.Hooks.registered[t]!==r||"string"!=typeof e&&"number"!=typeof e||(a.reset[t]=[a.reset[t],a.reset[t]])}var s={duration:0,queue:!1};p&&(s.complete=f),i.animate(n,a.reset,s)}else p&&f()},"hidden"===s.visibility&&(O.visibility=s.visibility)),i.animate(n,y,O)}},i},i.RegisterEffect.packagedEffects={"callout.bounce":{defaultDuration:550,calls:[[{translateY:-30},.25],[{translateY:0},.125],[{translateY:-15},.125],[{translateY:0},.25]]},"callout.shake":{defaultDuration:800,calls:[[{translateX:-11},.125],[{translateX:11},.125],[{translateX:-11},.125],[{translateX:11},.125],[{translateX:-11},.125],[{translateX:11},.125],[{translateX:-11},.125],[{translateX:0},.125]]},"callout.flash":{defaultDuration:1100,calls:[[{opacity:[0,"easeInOutQuad",1]},.25],[{opacity:[1,"easeInOutQuad"]},.25],[{opacity:[0,"easeInOutQuad"]},.25],[{opacity:[1,"easeInOutQuad"]},.25]]},"callout.pulse":{defaultDuration:825,calls:[[{scaleX:1.1,scaleY:1.1},.5,{easing:"easeInExpo"}],[{scaleX:1,scaleY:1},.5]]},"callout.swing":{defaultDuration:950,calls:[[{rotateZ:15},.2],[{rotateZ:-10},.2],[{rotateZ:5},.2],[{rotateZ:-5},.2],[{rotateZ:0},.2]]},"callout.tada":{defaultDuration:1e3,calls:[[{scaleX:.9,scaleY:.9,rotateZ:-3},.1],[{scaleX:1.1,scaleY:1.1,rotateZ:3},.1],[{scaleX:1.1,scaleY:1.1,rotateZ:-3},.1],["reverse",.125],["reverse",.125],["reverse",.125],["reverse",.125],["reverse",.125],[{scaleX:1,scaleY:1,rotateZ:0},.2]]},"transition.fadeIn":{defaultDuration:500,calls:[[{opacity:[1,0]}]]},"transition.fadeOut":{defaultDuration:500,calls:[[{opacity:[0,1]}]]},"transition.flipXIn":{defaultDuration:700,calls:[[{opacity:[1,0],transformPerspective:[800,800],rotateY:[0,-55]}]],reset:{transformPerspective:0}},"transition.flipXOut":{defaultDuration:700,calls:[[{opacity:[0,1],transformPerspective:[800,800],rotateY:55}]],reset:{transformPerspective:0,rotateY:0}},"transition.flipYIn":{defaultDuration:800,calls:[[{opacity:[1,0],transformPerspective:[800,800],rotateX:[0,-45]}]],reset:{transformPerspective:0}},"transition.flipYOut":{defaultDuration:800,calls:[[{opacity:[0,1],transformPerspective:[800,800],rotateX:25}]],reset:{transformPerspective:0,rotateX:0}},"transition.flipBounceXIn":{defaultDuration:900,calls:[[{opacity:[.725,0],transformPerspective:[400,400],rotateY:[-10,90]},.5],[{opacity:.8,rotateY:10},.25],[{opacity:1,rotateY:0},.25]],reset:{transformPerspective:0}},"transition.flipBounceXOut":{defaultDuration:800,calls:[[{opacity:[.9,1],transformPerspective:[400,400],rotateY:-10},.5],[{opacity:0,rotateY:90},.5]],reset:{transformPerspective:0,rotateY:0}},"transition.flipBounceYIn":{defaultDuration:850,calls:[[{opacity:[.725,0],transformPerspective:[400,400],rotateX:[-10,90]},.5],[{opacity:.8,rotateX:10},.25],[{opacity:1,rotateX:0},.25]],reset:{transformPerspective:0}},"transition.flipBounceYOut":{defaultDuration:800,calls:[[{opacity:[.9,1],transformPerspective:[400,400],rotateX:-15},.5],[{opacity:0,rotateX:90},.5]],reset:{transformPerspective:0,rotateX:0}},"transition.swoopIn":{defaultDuration:850,calls:[[{opacity:[1,0],transformOriginX:["100%","50%"],transformOriginY:["100%","100%"],scaleX:[1,0],scaleY:[1,0],translateX:[0,-700],translateZ:0}]],reset:{transformOriginX:"50%",transformOriginY:"50%"}},"transition.swoopOut":{defaultDuration:850,calls:[[{opacity:[0,1],transformOriginX:["50%","100%"],transformOriginY:["100%","100%"],scaleX:0,scaleY:0,translateX:-700,translateZ:0}]],reset:{transformOriginX:"50%",transformOriginY:"50%",scaleX:1,scaleY:1,translateX:0}},"transition.whirlIn":{defaultDuration:850,calls:[[{opacity:[1,0],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:[1,0],scaleY:[1,0],rotateY:[0,160]},1,{easing:"easeInOutSine"}]]},"transition.whirlOut":{defaultDuration:750,calls:[[{opacity:[0,"easeInOutQuint",1],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:0,scaleY:0,rotateY:160},1,{easing:"swing"}]],reset:{scaleX:1,scaleY:1,rotateY:0}},"transition.shrinkIn":{defaultDuration:750,calls:[[{opacity:[1,0],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:[1,1.5],scaleY:[1,1.5],translateZ:0}]]},"transition.shrinkOut":{defaultDuration:600,calls:[[{opacity:[0,1],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:1.3,scaleY:1.3,translateZ:0}]],reset:{scaleX:1,scaleY:1}},"transition.expandIn":{defaultDuration:700,calls:[[{opacity:[1,0],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:[1,.625],scaleY:[1,.625],translateZ:0}]]},"transition.expandOut":{defaultDuration:700,calls:[[{opacity:[0,1],transformOriginX:["50%","50%"],transformOriginY:["50%","50%"],scaleX:.5,scaleY:.5,translateZ:0}]],reset:{scaleX:1,scaleY:1}},"transition.bounceIn":{defaultDuration:800,calls:[[{opacity:[1,0],scaleX:[1.05,.3],scaleY:[1.05,.3]},.4],[{scaleX:.9,scaleY:.9,translateZ:0},.2],[{scaleX:1,scaleY:1},.5]]},"transition.bounceOut":{defaultDuration:800,calls:[[{scaleX:.95,scaleY:.95},.35],[{scaleX:1.1,scaleY:1.1,translateZ:0},.35],[{opacity:[0,1],scaleX:.3,scaleY:.3},.3]],reset:{scaleX:1,scaleY:1}},"transition.bounceUpIn":{defaultDuration:800,calls:[[{opacity:[1,0],translateY:[-30,1e3]},.6,{easing:"easeOutCirc"}],[{translateY:10},.2],[{translateY:0},.2]]},"transition.bounceUpOut":{defaultDuration:1e3,calls:[[{translateY:20},.2],[{opacity:[0,"easeInCirc",1],translateY:-1e3},.8]],reset:{translateY:0}},"transition.bounceDownIn":{defaultDuration:800,calls:[[{opacity:[1,0],translateY:[30,-1e3]},.6,{easing:"easeOutCirc"}],[{translateY:-10},.2],[{translateY:0},.2]]},"transition.bounceDownOut":{defaultDuration:1e3,calls:[[{translateY:-20},.2],[{opacity:[0,"easeInCirc",1],translateY:1e3},.8]],reset:{translateY:0}},"transition.bounceLeftIn":{defaultDuration:750,calls:[[{opacity:[1,0],translateX:[30,-1250]},.6,{easing:"easeOutCirc"}],[{translateX:-10},.2],[{translateX:0},.2]]},"transition.bounceLeftOut":{defaultDuration:750,calls:[[{translateX:30},.2],[{opacity:[0,"easeInCirc",1],translateX:-1250},.8]],reset:{translateX:0}},"transition.bounceRightIn":{defaultDuration:750,calls:[[{opacity:[1,0],translateX:[-30,1250]},.6,{easing:"easeOutCirc"}],[{translateX:10},.2],[{translateX:0},.2]]},"transition.bounceRightOut":{defaultDuration:750,calls:[[{translateX:-30},.2],[{opacity:[0,"easeInCirc",1],translateX:1250},.8]],reset:{translateX:0}}

953/* End */
954;
955; /* Start:"a:4:{s:4:"full";s:65:"/local/templates/aspro_max/js/jquery.fancybox.js?1652355708160667";s:6:"source";s:48:"/local/templates/aspro_max/js/jquery.fancybox.js";s:3:"min";s:0:"";s:3:"map";s:0:"";}"*/
956// ==================================================
957// fancyBox v3.5.7
958//
959// Licensed GPLv3 for open source use
960// or fancyBox Commercial License for commercial use
961//
962// http://fancyapps.com/fancybox/
963// Copyright 2019 fancyApps
964//
965// ==================================================
966(function (window, document, $, undefined) {
967  "use strict";
968
969  window.console = window.console || {
970    info: function (stuff) {}
971  };
972
973  // If there's no jQuery, fancyBox can't work
974  // =========================================
975
976  if (!$) {
977    return;
978  }
979
980  // Check if fancyBox is already initialized
981  // ========================================
982
983  if ($.fn.fancybox) {
984    console.info("fancyBox already initialized");
985
986    return;
987  }
988
989  // Private default settings
990  // ========================
991
992  var defaults = {
993    // Close existing modals
994    // Set this to false if you do not need to stack multiple instances
995    closeExisting: false,
996
997    // Enable infinite gallery navigation
998    loop: false,
999
1000    // Horizontal space between slides
1001    gutter: 50,
1002
1003    // Enable keyboard navigation
1004    keyboard: true,
1005
1006    // Should allow caption to overlap the content
1007    preventCaptionOverlap: true,
1008
1009    // Should display navigation arrows at the screen edges
1010    arrows: true,
1011
1012    // Should display counter at the top left corner
1013    infobar: true,
1014
1015    // Should display close button (using `btnTpl.smallBtn` template) over the content
1016    // Can be true, false, "auto"
1017    // If "auto" - will be automatically enabled for "html", "inline" or "ajax" items
1018    smallBtn: "auto",
1019
1020    // Should display toolbar (buttons at the top)
1021    // Can be true, false, "auto"
1022    // If "auto" - will be automatically hidden if "smallBtn" is enabled
1023    toolbar: "auto",
1024
1025    // What buttons should appear in the top right corner.
1026    // Buttons will be created using templates from `btnTpl` option
1027    // and they will be placed into toolbar (class="fancybox-toolbar"` element)
1028    buttons: [
1029      "zoom",
1030      //"share",
1031      "slideShow",
1032      //"fullScreen",
1033      //"download",
1034      "thumbs",
1035      "close"
1036    ],
1037
1038    // Detect "idle" time in seconds
1039    idleTime: 3,
1040
1041    // Disable right-click and use simple image protection for images
1042    protect: false,
1043
1044    // Shortcut to make content "modal" - disable keyboard navigtion, hide buttons, etc
1045    modal: false,
1046
1047    image: {
1048      // Wait for images to load before displaying
1049      //   true  - wait for image to load and then display;
1050      //   false - display thumbnail and load the full-sized image over top,
1051      //           requires predefined image dimensions (`data-width` and `data-height` attributes)
1052      preload: false
1053    },
1054
1055    ajax: {
1056      // Object containing settings for ajax request
1057      settings: {
1058        // This helps to indicate that request comes from the modal
1059        // Feel free to change naming
1060        data: {
1061          fancybox: true
1062        }
1063      }
1064    },
1065
1066    iframe: {
1067      // Iframe template
1068      tpl: '<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen" src=""></iframe>',
1069
1070      // Preload iframe before displaying it
1071      // This allows to calculate iframe content width and height
1072      // (note: Due to "Same Origin Policy", you can't get cross domain data).
1073      preload: true,
1074
1075      // Custom CSS styling for iframe wrapping element
1076      // You can use this to set custom iframe dimensions
1077      css: {},
1078
1079      // Iframe tag attributes
1080      attr: {
1081        scrolling: "auto"
1082      }
1083    },
1084
1085    // For HTML5 video only
1086    video: {
1087      tpl: '<video class="fancybox-video" controls controlsList="nodownload" poster="{{poster}}">' +
1088        '<source src="{{src}}" type="{{format}}" />' +
1089        'Sorry, your browser doesn\'t support embedded videos, <a href="{{src}}">download</a> and watch with your favorite video player!' +
1090        "</video>",
1091      format: "", // custom video format
1092      autoStart: true
1093    },
1094
1095    // Default content type if cannot be detected automatically
1096    defaultType: "image",
1097
1098    // Open/close animation type
1099    // Possible values:
1100    //   false            - disable
1101    //   "zoom"           - zoom images from/to thumbnail
1102    //   "fade"
1103    //   "zoom-in-out"
1104    //
1105    animationEffect: "zoom",
1106
1107    // Duration in ms for open/close animation
1108    animationDuration: 366,
1109
1110    // Should image change opacity while zooming
1111    // If opacity is "auto", then opacity will be changed if image and thumbnail have different aspect ratios
1112    zoomOpacity: "auto",
1113
1114    // Transition effect between slides
1115    //
1116    // Possible values:
1117    //   false            - disable
1118    //   "fade'
1119    //   "slide'
1120    //   "circular'
1121    //   "tube'
1122    //   "zoom-in-out'
1123    //   "rotate'
1124    //
1125    transitionEffect: "fade",
1126
1127    // Duration in ms for transition animation
1128    transitionDuration: 366,
1129
1130    // Custom CSS class for slide element
1131    slideClass: "",
1132
1133    // Custom CSS class for layout
1134    baseClass: "",
1135
1136    // Base template for layout
1137    baseTpl: '<div class="fancybox-container" role="dialog" tabindex="-1">' +
1138      '<div class="fancybox-bg"></div>' +
1139      '<div class="fancybox-inner">' +
1140      '<div class="fancybox-infobar"><span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span></div>' +
1141      '<div class="fancybox-toolbar">{{buttons}}</div>' +
1142      '<div class="fancybox-navigation">{{arrows}}</div>' +
1143      '<div class="fancybox-stage"></div>' +
1144      '<div class="fancybox-caption"><div class="fancybox-caption__body"></div></div>' +
1145      "</div>" +
1146      "</div>",
1147
1148    // Loading indicator template
1149    spinnerTpl: '<div class="fancybox-loading"></div>',
1150
1151    // Error message template
1152    errorTpl: '<div class="fancybox-error"><p>{{ERROR}}</p></div>',
1153
1154    btnTpl: {
1155      download: '<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}" href="javascript:;">' +
1156        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.62 17.09V19H5.38v-1.91zm-2.97-6.96L17 11.45l-5 4.87-5-4.87 1.36-1.32 2.68 2.64V5h1.92v7.77z"/></svg>' +
1157        "</a>",
1158
1159      zoom: '<button data-fancybox-zoom class="fancybox-button fancybox-button--zoom" title="{{ZOOM}}">' +
1160        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M18.7 17.3l-3-3a5.9 5.9 0 0 0-.6-7.6 5.9 5.9 0 0 0-8.4 0 5.9 5.9 0 0 0 0 8.4 5.9 5.9 0 0 0 7.7.7l3 3a1 1 0 0 0 1.3 0c.4-.5.4-1 0-1.5zM8.1 13.8a4 4 0 0 1 0-5.7 4 4 0 0 1 5.7 0 4 4 0 0 1 0 5.7 4 4 0 0 1-5.7 0z"/></svg>' +
1161        "</button>",
1162
1163      close: '<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}}">' +
1164        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 10.6L6.6 5.2 5.2 6.6l5.4 5.4-5.4 5.4 1.4 1.4 5.4-5.4 5.4 5.4 1.4-1.4-5.4-5.4 5.4-5.4-1.4-1.4-5.4 5.4z"/></svg>' +
1165        "</button>",
1166
1167      // Arrows
1168      arrowLeft: '<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}">' +
1169        '<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.28 15.7l-1.34 1.37L5 12l4.94-5.07 1.34 1.38-2.68 2.72H19v1.94H8.6z"/></svg></div>' +
1170        "</button>",
1171
1172      arrowRight: '<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}">' +
1173        '<div><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.4 12.97l-2.68 2.72 1.34 1.38L19 12l-4.94-5.07-1.34 1.38 2.68 2.72H5v1.94z"/></svg></div>' +
1174        "</button>",
1175
1176      // This small close button will be appended to your html/inline/ajax content by default,
1177      // if "smallBtn" option is not set to false
1178      smallBtn: '<button type="button" data-fancybox-close class="fancybox-button fancybox-close-small" title="{{CLOSE}}">' +
1179        '<svg xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 24 24"><path d="M13 12l5-5-1-1-5 5-5-5-1 1 5 5-5 5 1 1 5-5 5 5 1-1z"/></svg>' +
1180        "</button>"
1181    },
1182
1183    // Container is injected into this element
1184    parentEl: "body",
1185
1186    // Hide browser vertical scrollbars; use at your own risk
1187    hideScrollbar: true,
1188
1189    // Focus handling
1190    // ==============
1191
1192    // Try to focus on the first focusable element after opening
1193    autoFocus: true,
1194
1195    // Put focus back to active element after closing
1196    backFocus: true,
1197
1198    // Do not let user to focus on element outside modal content
1199    trapFocus: true,
1200
1201    // Module specific options
1202    // =======================
1203
1204    fullScreen: {
1205      autoStart: false
1206    },
1207
1208    // Set `touch: false` to disable panning/swiping
1209    touch: {
1210      vertical: true, // Allow to drag content vertically
1211      momentum: true // Continue movement after releasing mouse/touch when panning
1212    },
1213
1214    // Hash value when initializing manually,
1215    // set `false` to disable hash change
1216    hash: null,
1217
1218    // Customize or add new media types
1219    // Example:
1220    /*
1221      media : {
1222        youtube : {
1223          params : {
1224            autoplay : 0
1225          }
1226        }
1227      }
1228    */
1229    media: {},
1230
1231    slideShow: {
1232      autoStart: false,
1233      speed: 3000
1234    },
1235
1236    thumbs: {
1237      autoStart: false, // Display thumbnails on opening
1238      hideOnClose: true, // Hide thumbnail grid when closing animation starts
1239      parentEl: ".fancybox-container", // Container is injected into this element
1240      axis: "y" // Vertical (y) or horizontal (x) scrolling
1241    },
1242
1243    // Use mousewheel to navigate gallery
1244    // If 'auto' - enabled for images only
1245    wheel: "auto",
1246
1247    // Callbacks
1248    //==========
1249
1250    // See Documentation/API/Events for more information
1251    // Example:
1252    /*
1253      afterShow: function( instance, current ) {
1254        console.info( 'Clicked element:' );
1255        console.info( current.opts.$orig );
1256      }
1257    */
1258
1259    onInit: $.noop, // When instance has been initialized
1260
1261    beforeLoad: $.noop, // Before the content of a slide is being loaded
1262    afterLoad: $.noop, // When the content of a slide is done loading
1263
1264    beforeShow: $.noop, // Before open animation starts
1265    afterShow: $.noop, // When content is done loading and animating
1266
1267    beforeClose: $.noop, // Before the instance attempts to close. Return false to cancel the close.
1268    afterClose: $.noop, // After instance has been closed
1269
1270    onActivate: $.noop, // When instance is brought to front
1271    onDeactivate: $.noop, // When other instance has been activated
1272
1273    // Interaction
1274    // ===========
1275
1276    // Use options below to customize taken action when user clicks or double clicks on the fancyBox area,
1277    // each option can be string or method that returns value.
1278    //
1279    // Possible values:
1280    //   "close"           - close instance
1281    //   "next"            - move to next gallery item
1282    //   "nextOrClose"     - move to next gallery item or close if gallery has only one item
1283    //   "toggleControls"  - show/hide controls
1284    //   "zoom"            - zoom image (if loaded)
1285    //   false             - do nothing
1286
1287    // Clicked on the content
1288    clickContent: function (current, event) {
1289      return current.type === "image" ? "zoom" : false;
1290    },
1291
1292    // Clicked on the slide
1293    clickSlide: "close",
1294
1295    // Clicked on the background (backdrop) element;
1296    // if you have not changed the layout, then most likely you need to use `clickSlide` option
1297    clickOutside: "close",
1298
1299    // Same as previous two, but for double click
1300    dblclickContent: false,
1301    dblclickSlide: false,
1302    dblclickOutside: false,
1303
1304    // Custom options when mobile device is detected
1305    // =============================================
1306
1307    mobile: {
1308      preventCaptionOverlap: false,
1309      idleTime: false,
1310      clickContent: function (current, event) {
1311        return current.type === "image" ? "toggleControls" : false;
1312      },
1313      clickSlide: function (current, event) {
1314        return current.type === "image" ? "toggleControls" : "close";
1315      },
1316      dblclickContent: function (current, event) {
1317        return current.type === "image" ? "zoom" : false;
1318      },
1319      dblclickSlide: function (current, event) {
1320        return current.type === "image" ? "zoom" : false;
1321      }
1322    },
1323
1324    // Internationalization
1325    // ====================
1326
1327    lang: "en",
1328    i18n: {
1329      en: {
1330        CLOSE: "Close",
1331        NEXT: "Next",
1332        PREV: "Previous",
1333        ERROR: "The requested content cannot be loaded. <br/> Please try again later.",
1334        PLAY_START: "Start slideshow",
1335        PLAY_STOP: "Pause slideshow",
1336        FULL_SCREEN: "Full screen",
1337        THUMBS: "Thumbnails",
1338        DOWNLOAD: "Download",
1339        SHARE: "Share",
1340        ZOOM: "Zoom"
1341      },
1342      de: {
1343        CLOSE: "Schlie&szlig;en",
1344        NEXT: "Weiter",
1345        PREV: "Zur&uuml;ck",
1346        ERROR: "Die angeforderten Daten konnten nicht geladen werden. <br/> Bitte versuchen Sie es sp&auml;ter nochmal.",
1347        PLAY_START: "Diaschau starten",
1348        PLAY_STOP: "Diaschau beenden",
1349        FULL_SCREEN: "Vollbild",
1350        THUMBS: "Vorschaubilder",
1351        DOWNLOAD: "Herunterladen",
1352        SHARE: "Teilen",
1353        ZOOM: "Vergr&ouml;&szlig;ern"
1354      }
1355    }
1356  };
1357
1358  // Few useful variables and methods
1359  // ================================
1360
1361  var $W = $(window);
1362  var $D = $(document);
1363
1364  var called = 0;
1365
1366  // Check if an object is a jQuery object and not a native JavaScript object
1367  // ========================================================================
1368  var isQuery = function (obj) {
1369    return obj && obj.hasOwnProperty && obj instanceof $;
1370  };
1371
1372  // Handle multiple browsers for "requestAnimationFrame" and "cancelAnimationFrame"
1373  // ===============================================================================
1374  var requestAFrame = (function () {
1375    return (
1376      window.requestAnimationFrame ||
1377      window.webkitRequestAnimationFrame ||
1378      window.mozRequestAnimationFrame ||
1379      window.oRequestAnimationFrame ||
1380      // if all else fails, use setTimeout
1381      function (callback) {
1382        return window.setTimeout(callback, 1000 / 60);
1383      }
1384    );
1385  })();
1386
1387  var cancelAFrame = (function () {
1388    return (
1389      window.cancelAnimationFrame ||
1390      window.webkitCancelAnimationFrame ||
1391      window.mozCancelAnimationFrame ||
1392      window.oCancelAnimationFrame ||
1393      function (id) {
1394        window.clearTimeout(id);
1395      }
1396    );
1397  })();
1398
1399  // Detect the supported transition-end event property name
1400  // =======================================================
1401  var transitionEnd = (function () {
1402    var el = document.createElement("fakeelement"),
1403      t;
1404
1405    var transitions = {
1406      transition: "transitionend",
1407      OTransition: "oTransitionEnd",
1408      MozTransition: "transitionend",
1409      WebkitTransition: "webkitTransitionEnd"
1410    };
1411
1412    for (t in transitions) {
1413      if (el.style[t] !== undefined) {
1414        return transitions[t];
1415      }
1416    }
1417
1418    return "transitionend";
1419  })();
1420
1421  // Force redraw on an element.
1422  // This helps in cases where the browser doesn't redraw an updated element properly
1423  // ================================================================================
1424  var forceRedraw = function ($el) {
1425    return $el && $el.length && $el[0].offsetHeight;
1426  };
1427
1428  // Exclude array (`buttons`) options from deep merging
1429  // ===================================================
1430  var mergeOpts = function (opts1, opts2) {
1431    var rez = $.extend(true, {}, opts1, opts2);
1432
1433    $.each(opts2, function (key, value) {
1434      if ($.isArray(value)) {
1435        rez[key] = value;
1436      }
1437    });
1438
1439    return rez;
1440  };
1441
1442  // How much of an element is visible in viewport
1443  // =============================================
1444
1445  var inViewport = function (elem) {
1446    var elemCenter, rez;
1447
1448    if (!elem || elem.ownerDocument !== document) {
1449      return false;
1450    }
1451
1452    $(".fancybox-container").css("pointer-events", "none");
1453
1454    elemCenter = {
1455      x: elem.getBoundingClientRect().left + elem.offsetWidth / 2,
1456      y: elem.getBoundingClientRect().top + elem.offsetHeight / 2
1457    };
1458
1459    rez = document.elementFromPoint(elemCenter.x, elemCenter.y) === elem;
1460
1461    $(".fancybox-container").css("pointer-events", "");
1462
1463    return rez;
1464  };
1465
1466  // Class definition
1467  // ================
1468
1469  var FancyBox = function (content, opts, index) {
1470    var self = this;
1471
1472    self.opts = mergeOpts({
1473      index: index
1474    }, $.fancybox.defaults);
1475
1476    if ($.isPlainObject(opts)) {
1477      self.opts = mergeOpts(self.opts, opts);
1478    }
1479
1480    if ($.fancybox.isMobile) {
1481      self.opts = mergeOpts(self.opts, self.opts.mobile);
1482    }
1483
1484    self.id = self.opts.id || ++called;
1485
1486    self.currIndex = parseInt(self.opts.index, 10) || 0;
1487    self.prevIndex = null;
1488
1489    self.prevPos = null;
1490    self.currPos = 0;
1491
1492    self.firstRun = true;
1493
1494    // All group items
1495    self.group = [];
1496
1497    // Existing slides (for current, next and previous gallery items)
1498    self.slides = {};
1499
1500    // Create group elements
1501    self.addContent(content);
1502
1503    if (!self.group.length) {
1504      return;
1505    }
1506
1507    self.init();
1508  };
1509
1510  $.extend(FancyBox.prototype, {
1511    // Create DOM structure
1512    // ====================
1513
1514    init: function () {
1515      var self = this,
1516        firstItem = self.group[self.currIndex],
1517        firstItemOpts = firstItem.opts,
1518        $container,
1519        buttonStr;
1520
1521      if (firstItemOpts.closeExisting) {
1522        $.fancybox.close(true);
1523      }
1524
1525      // Hide scrollbars
1526      // ===============
1527
1528      $("body").addClass("fancybox-active");
1529
1530      if (
1531        !$.fancybox.getInstance() &&
1532        firstItemOpts.hideScrollbar !== false &&
1533        !$.fancybox.isMobile &&
1534        document.body.scrollHeight > window.innerHeight
1535      ) {
1536        $("head").append(
1537          '<style id="fancybox-style-noscroll" type="text/css">.compensate-for-scrollbar{margin-right:' +
1538          (window.innerWidth - document.documentElement.clientWidth) +
1539          "px;}</style>"
1540        );
1541
1542        $("body").addClass("compensate-for-scrollbar");
1543      }
1544
1545      // Build html markup and set references
1546      // ====================================
1547
1548      // Build html code for buttons and insert into main template
1549      buttonStr = "";
1550
1551      $.each(firstItemOpts.buttons, function (index, value) {
1552        buttonStr += firstItemOpts.btnTpl[value] || "";
1553      });
1554
1555      // Create markup from base template, it will be initially hidden to
1556      // avoid unnecessary work like painting while initializing is not complete
1557      $container = $(
1558          self.translate(
1559            self,
1560            firstItemOpts.baseTpl
1561            .replace("{{buttons}}", buttonStr)
1562            .replace("{{arrows}}", firstItemOpts.btnTpl.arrowLeft + firstItemOpts.btnTpl.arrowRight)
1563          )
1564        )
1565        .attr("id", "fancybox-container-" + self.id)
1566        .addClass(firstItemOpts.baseClass)
1567        .data("FancyBox", self)
1568        .appendTo(firstItemOpts.parentEl);
1569
1570      // Create object holding references to jQuery wrapped nodes
1571      self.$refs = {
1572        container: $container
1573      };
1574
1575      ["bg", "inner", "infobar", "toolbar", "stage", "caption", "navigation"].forEach(function (item) {
1576        self.$refs[item] = $container.find(".fancybox-" + item);
1577      });
1578
1579      self.trigger("onInit");
1580
1581      // Enable events, deactive previous instances
1582      self.activate();
1583
1584      // Build slides, load and reveal content
1585      self.jumpTo(self.currIndex);
1586    },
1587
1588    // Simple i18n support - replaces object keys found in template
1589    // with corresponding values
1590    // ============================================================
1591
1592    translate: function (obj, str) {
1593      var arr = obj.opts.i18n[obj.opts.lang] || obj.opts.i18n.en;
1594
1595      return str.replace(/\{\{(\w+)\}\}/g, function (match, n) {
1596        return arr[n] === undefined ? match : arr[n];
1597      });
1598    },
1599
1600    // Populate current group with fresh content
1601    // Check if each object has valid type and content
1602    // ===============================================
1603
1604    addContent: function (content) {
1605      var self = this,
1606        items = $.makeArray(content),
1607        thumbs;
1608
1609      $.each(items, function (i, item) {
1610        var obj = {},
1611          opts = {},
1612          $item,
1613          type,
1614          found,
1615          src,
1616          srcParts;
1617
1618        // Step 1 - Make sure we have an object
1619        // ====================================
1620
1621        if ($.isPlainObject(item)) {
1622          // We probably have manual usage here, something like
1623          // $.fancybox.open( [ { src : "image.jpg", type : "image" } ] )
1624
1625          obj = item;
1626          opts = item.opts || item;
1627        } else if ($.type(item) === "object" && $(item).length) {
1628          // Here we probably have jQuery collection returned by some selector
1629          $item = $(item);
1630
1631          // Support attributes like `data-options='{"touch" : false}'` and `data-touch='false'`
1632          opts = $item.data() || {};
1633          opts = $.extend(true, {}, opts, opts.options);
1634
1635          // Here we store clicked element
1636          opts.$orig = $item;
1637
1638          obj.src = self.opts.src || opts.src || $item.attr("href");
1639
1640          // Assume that simple syntax is used, for example:
1641          //   `$.fancybox.open( $("#test"), {} );`
1642          if (!obj.type && !obj.src) {
1643            obj.type = "inline";
1644            obj.src = item;
1645          }
1646        } else {
1647          // Assume we have a simple html code, for example:
1648          //   $.fancybox.open( '<div><h1>Hi!</h1></div>' );
1649          obj = {
1650            type: "html",
1651            src: item + ""
1652          };
1653        }
1654
1655        // Each gallery object has full collection of options
1656        obj.opts = $.extend(true, {}, self.opts, opts);
1657
1658        // Do not merge buttons array
1659        if ($.isArray(opts.buttons)) {
1660          obj.opts.buttons = opts.buttons;
1661        }
1662
1663        if ($.fancybox.isMobile && obj.opts.mobile) {
1664          obj.opts = mergeOpts(obj.opts, obj.opts.mobile);
1665        }
1666
1667        // Step 2 - Make sure we have content type, if not - try to guess
1668        // ==============================================================
1669
1670        type = obj.type || obj.opts.type;
1671        src = obj.src || "";
1672
1673        if (!type && src) {
1674          if ((found = src.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))) {
1675            type = "video";
1676
1677            if (!obj.opts.video.format) {
1678              obj.opts.video.format = "video/" + (found[1] === "ogv" ? "ogg" : found[1]);
1679            }
1680          } else if (src.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)) {
1681            type = "image";
1682          } else if (src.match(/\.(pdf)((\?|#).*)?$/i)) {
1683            type = "iframe";
1684            obj = $.extend(true, obj, {
1685              contentType: "pdf",
1686              opts: {
1687                iframe: {
1688                  preload: false
1689                }
1690              }
1691            });
1692          } else if (src.charAt(0) === "#") {
1693            type = "inline";
1694          }
1695        }
1696
1697        if (type) {
1698          obj.type = type;
1699        } else {
1700          self.trigger("objectNeedsType", obj);
1701        }
1702
1703        if (!obj.contentType) {
1704          obj.contentType = $.inArray(obj.type, ["html", "inline", "ajax"]) > -1 ? "html" : obj.type;
1705        }
1706
1707        // Step 3 - Some adjustments
1708        // =========================
1709
1710        obj.index = self.group.length;
1711
1712        if (obj.opts.smallBtn == "auto") {
1713          obj.opts.smallBtn = $.inArray(obj.type, ["html", "inline", "ajax"]) > -1;
1714        }
1715
1716        if (obj.opts.toolbar === "auto") {
1717          obj.opts.toolbar = !obj.opts.smallBtn;
1718        }
1719
1720        // Find thumbnail image, check if exists and if is in the viewport
1721        obj.$thumb = obj.opts.$thumb || null;
1722
1723        if (obj.opts.$trigger && obj.index === self.opts.index) {
1724          obj.$thumb = obj.opts.$trigger.find("img:first");
1725
1726          if (obj.$thumb.length) {
1727            obj.opts.$orig = obj.opts.$trigger;
1728          }
1729        }
1730
1731        if (!(obj.$thumb && obj.$thumb.length) && obj.opts.$orig) {
1732          obj.$thumb = obj.opts.$orig.find("img:first");
1733        }
1734
1735        if (obj.$thumb && !obj.$thumb.length) {
1736          obj.$thumb = null;
1737        }
1738
1739        obj.thumb = obj.opts.thumb || (obj.$thumb ? obj.$thumb[0].src : null);
1740
1741        // "caption" is a "special" option, it can be used to customize caption per gallery item
1742        if ($.type(obj.opts.caption) === "function") {
1743          obj.opts.caption = obj.opts.caption.apply(item, [self, obj]);
1744        }
1745
1746        if ($.type(self.opts.caption) === "function") {
1747          obj.opts.caption = self.opts.caption.apply(item, [self, obj]);
1748        }
1749
1750        // Make sure we have caption as a string or jQuery object
1751        if (!(obj.opts.caption instanceof $)) {
1752          obj.opts.caption = obj.opts.caption === undefined ? "" : obj.opts.caption + "";
1753        }
1754
1755        // Check if url contains "filter" used to filter the content
1756        // Example: "ajax.html #something"
1757        if (obj.type === "ajax") {
1758          srcParts = src.split(/\s+/, 2);
1759
1760          if (srcParts.length > 1) {
1761            obj.src = srcParts.shift();
1762
1763            obj.opts.filter = srcParts.shift();
1764          }
1765        }
1766
1767        // Hide all buttons and disable interactivity for modal items
1768        if (obj.opts.modal) {
1769          obj.opts = $.extend(true, obj.opts, {
1770            trapFocus: true,
1771            // Remove buttons
1772            infobar: 0,
1773            toolbar: 0,
1774
1775            smallBtn: 0,
1776
1777            // Disable keyboard navigation
1778            keyboard: 0,
1779
1780            // Disable some modules
1781            slideShow: 0,
1782            fullScreen: 0,
1783            thumbs: 0,
1784            touch: 0,
1785
1786            // Disable click event handlers
1787            clickContent: false,
1788            clickSlide: false,
1789            clickOutside: false,
1790            dblclickContent: false,
1791            dblclickSlide: false,
1792            dblclickOutside: false
1793          });
1794        }
1795
1796        // Step 4 - Add processed object to group
1797        // ======================================
1798
1799        self.group.push(obj);
1800      });
1801
1802      // Update controls if gallery is already opened
1803      if (Object.keys(self.slides).length) {
1804        self.updateControls();
1805
1806        // Update thumbnails, if needed
1807        thumbs = self.Thumbs;
1808
1809        if (thumbs && thumbs.isActive) {
1810          thumbs.create();
1811
1812          thumbs.focus();
1813        }
1814      }
1815    },
1816
1817    // Attach an event handler functions for:
1818    //   - navigation buttons
1819    //   - browser scrolling, resizing;
1820    //   - focusing
1821    //   - keyboard
1822    //   - detecting inactivity
1823    // ======================================
1824
1825    addEvents: function () {
1826      var self = this;
1827
1828      self.removeEvents();
1829
1830      // Make navigation elements clickable
1831      // ==================================
1832
1833      self.$refs.container
1834        .on("click.fb-close", "[data-fancybox-close]", function (e) {
1835          e.stopPropagation();
1836          e.preventDefault();
1837
1838          self.close(e);
1839        })
1840        .on("touchstart.fb-prev click.fb-prev", "[data-fancybox-prev]", function (e) {
1841          e.stopPropagation();
1842          e.preventDefault();
1843
1844          self.previous();
1845        })
1846        .on("touchstart.fb-next click.fb-next", "[data-fancybox-next]", function (e) {
1847          e.stopPropagation();
1848          e.preventDefault();
1849
1850          self.next();
1851        })
1852        .on("click.fb", "[data-fancybox-zoom]", function (e) {
1853          // Click handler for zoom button
1854          self[self.isScaledDown() ? "scaleToActual" : "scaleToFit"]();
1855        });
1856
1857      // Handle page scrolling and browser resizing
1858      // ==========================================
1859
1860      $W.on("orientationchange.fb resize.fb", function (e) {
1861        if (e && e.originalEvent && e.originalEvent.type === "resize") {
1862          if (self.requestId) {
1863            cancelAFrame(self.requestId);
1864          }
1865
1866          self.requestId = requestAFrame(function () {
1867            self.update(e);
1868          });
1869        } else {
1870          if (self.current && self.current.type === "iframe") {
1871            self.$refs.stage.hide();
1872          }
1873
1874          setTimeout(
1875            function () {
1876              self.$refs.stage.show();
1877
1878              self.update(e);
1879            },
1880            $.fancybox.isMobile ? 600 : 250
1881          );
1882        }
1883      });
1884
1885      $D.on("keydown.fb", function (e) {
1886        var instance = $.fancybox ? $.fancybox.getInstance() : null,
1887          current = instance.current,
1888          keycode = e.keyCode || e.which;
1889
1890        // Trap keyboard focus inside of the modal
1891        // =======================================
1892
1893        if (keycode == 9) {
1894          if (current.opts.trapFocus) {
1895            self.focus(e);
1896          }
1897
1898          return;
1899        }
1900
1901        // Enable keyboard navigation
1902        // ==========================
1903
1904        if (!current.opts.keyboard || e.ctrlKey || e.altKey || e.shiftKey || $(e.target).is("input,textarea,video,audio,select")) {
1905          return;
1906        }
1907
1908        // Backspace and Esc keys
1909        if (keycode === 8 || keycode === 27) {
1910          e.preventDefault();
1911
1912          self.close(e);
1913
1914          return;
1915        }
1916
1917        // Left arrow and Up arrow
1918        if (keycode === 37 || keycode === 38) {
1919          e.preventDefault();
1920
1921          self.previous();
1922
1923          return;
1924        }
1925
1926        // Righ arrow and Down arrow
1927        if (keycode === 39 || keycode === 40) {
1928          e.preventDefault();
1929
1930          self.next();
1931
1932          return;
1933        }
1934
1935        self.trigger("afterKeydown", e, keycode);
1936      });
1937
1938      // Hide controls after some inactivity period
1939      if (self.group[self.currIndex].opts.idleTime) {
1940        self.idleSecondsCounter = 0;
1941
1942        $D.on(
1943          "mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",
1944          function (e) {
1945            self.idleSecondsCounter = 0;
1946
1947            if (self.isIdle) {
1948              self.showControls();
1949            }
1950
1951            self.isIdle = false;
1952          }
1953        );
1954
1955        self.idleInterval = window.setInterval(function () {
1956          self.idleSecondsCounter++;
1957
1958          if (self.idleSecondsCounter >= self.group[self.currIndex].opts.idleTime && !self.isDragging) {
1959            self.isIdle = true;
1960            self.idleSecondsCounter = 0;
1961
1962            self.hideControls();
1963          }
1964        }, 1000);
1965      }
1966    },
1967
1968    // Remove events added by the core
1969    // ===============================
1970
1971    removeEvents: function () {
1972      var self = this;
1973
1974      $W.off("orientationchange.fb resize.fb");
1975      $D.off("keydown.fb .fb-idle");
1976
1977      this.$refs.container.off(".fb-close .fb-prev .fb-next");
1978
1979      if (self.idleInterval) {
1980        window.clearInterval(self.idleInterval);
1981
1982        self.idleInterval = null;
1983      }
1984    },
1985
1986    // Change to previous gallery item
1987    // ===============================
1988
1989    previous: function (duration) {
1990      return this.jumpTo(this.currPos - 1, duration);
1991    },
1992
1993    // Change to next gallery item
1994    // ===========================
1995
1996    next: function (duration) {
1997      return this.jumpTo(this.currPos + 1, duration);
1998    },
1999
2000    // Switch to selected gallery item
2001    // ===============================
2002
2003    jumpTo: function (pos, duration) {
2004      var self = this,
2005        groupLen = self.group.length,
2006        firstRun,
2007        isMoved,
2008        loop,
2009        current,
2010        previous,
2011        slidePos,
2012        stagePos,
2013        prop,
2014        diff;
2015
2016      if (self.isDragging || self.isClosing || (self.isAnimating && self.firstRun)) {
2017        return;
2018      }
2019
2020      // Should loop?
2021      pos = parseInt(pos, 10);
2022      loop = self.current ? self.current.opts.loop : self.opts.loop;
2023
2024      if (!loop && (pos < 0 || pos >= groupLen)) {
2025        return false;
2026      }
2027
2028      // Check if opening for the first time; this helps to speed things up
2029      firstRun = self.firstRun = !Object.keys(self.slides).length;
2030
2031      // Create slides
2032      previous = self.current;
2033
2034      self.prevIndex = self.currIndex;
2035      self.prevPos = self.currPos;
2036
2037      current = self.createSlide(pos);
2038
2039      if (groupLen > 1) {
2040        if (loop || current.index < groupLen - 1) {
2041          self.createSlide(pos + 1);
2042        }
2043
2044        if (loop || current.index > 0) {
2045          self.createSlide(pos - 1);
2046        }
2047      }
2048
2049      self.current = current;
2050      self.currIndex = current.index;
2051      self.currPos = current.pos;
2052
2053      self.trigger("beforeShow", firstRun);
2054
2055      self.updateControls();
2056
2057      // Validate duration length
2058      current.forcedDuration = undefined;
2059
2060      if ($.isNumeric(duration)) {
2061        current.forcedDuration = duration;
2062      } else {
2063        duration = current.opts[firstRun ? "animationDuration" : "transitionDuration"];
2064      }
2065
2066      duration = parseInt(duration, 10);
2067
2068      // Check if user has swiped the slides or if still animating
2069      isMoved = self.isMoved(current);
2070
2071      // Make sure current slide is visible
2072      current.$slide.addClass("fancybox-slide--current");
2073
2074      // Fresh start - reveal container, current slide and start loading content
2075      if (firstRun) {
2076        if (current.opts.animationEffect && duration) {
2077          self.$refs.container.css("transition-duration", duration + "ms");
2078        }
2079
2080        self.$refs.container.addClass("fancybox-is-open").trigger("focus");
2081
2082        // Attempt to load content into slide
2083        // This will later call `afterLoad` -> `revealContent`
2084        self.loadSlide(current);
2085
2086        self.preload("image");
2087
2088        return;
2089      }
2090
2091      // Get actual slide/stage positions (before cleaning up)
2092      slidePos = $.fancybox.getTranslate(previous.$slide);
2093      stagePos = $.fancybox.getTranslate(self.$refs.stage);
2094
2095      // Clean up all slides
2096      $.each(self.slides, function (index, slide) {
2097        $.fancybox.stop(slide.$slide, true);
2098      });
2099
2100      if (previous.pos !== current.pos) {
2101        previous.isComplete = false;
2102      }
2103
2104      previous.$slide.removeClass("fancybox-slide--complete fancybox-slide--current");
2105
2106      // If slides are out of place, then animate them to correct position
2107      if (isMoved) {
2108        // Calculate horizontal swipe distance
2109        diff = slidePos.left - (previous.pos * slidePos.width + previous.pos * previous.opts.gutter);
2110
2111        $.each(self.slides, function (index, slide) {
2112          slide.$slide.removeClass("fancybox-animated").removeClass(function (index, className) {
2113            return (className.match(/(^|\s)fancybox-fx-\S+/g) || []).join(" ");
2114          });
2115
2116          // Make sure that each slide is in equal distance
2117          // This is mostly needed for freshly added slides, because they are not yet positioned
2118          var leftPos = slide.pos * slidePos.width + slide.pos * slide.opts.gutter;
2119
2120          $.fancybox.setTranslate(slide.$slide, {
2121            top: 0,
2122            left: leftPos - stagePos.left + diff
2123          });
2124
2125          if (slide.pos !== current.pos) {
2126            slide.$slide.addClass("fancybox-slide--" + (slide.pos > current.pos ? "next" : "previous"));
2127          }
2128
2129          // Redraw to make sure that transition will start
2130          forceRedraw(slide.$slide);
2131
2132          // Animate the slide
2133          $.fancybox.animate(
2134            slide.$slide, {
2135              top: 0,
2136              left: (slide.pos - current.pos) * slidePos.width + (slide.pos - current.pos) * slide.opts.gutter
2137            },
2138            duration,
2139            function () {
2140              slide.$slide
2141                .css({
2142                  transform: "",
2143                  opacity: ""
2144                })
2145                .removeClass("fancybox-slide--next fancybox-slide--previous");
2146
2147              if (slide.pos === self.currPos) {
2148                self.complete();
2149              }
2150            }
2151          );
2152        });
2153      } else if (duration && current.opts.transitionEffect) {
2154        // Set transition effect for previously active slide
2155        prop = "fancybox-animated fancybox-fx-" + current.opts.transitionEffect;
2156
2157        previous.$slide.addClass("fancybox-slide--" + (previous.pos > current.pos ? "next" : "previous"));
2158
2159        $.fancybox.animate(
2160          previous.$slide,
2161          prop,
2162          duration,
2163          function () {
2164            previous.$slide.removeClass(prop).removeClass("fancybox-slide--next fancybox-slide--previous");
2165          },
2166          false
2167        );
2168      }
2169
2170      if (current.isLoaded) {
2171        self.revealContent(current);
2172      } else {
2173        self.loadSlide(current);
2174      }
2175
2176      self.preload("image");
2177    },
2178
2179    // Create new "slide" element
2180    // These are gallery items  that are actually added to DOM
2181    // =======================================================
2182
2183    createSlide: function (pos) {
2184      var self = this,
2185        $slide,
2186        index;
2187
2188      index = pos % self.group.length;
2189      index = index < 0 ? self.group.length + index : index;
2190
2191      if (!self.slides[pos] && self.group[index]) {
2192        $slide = $('<div class="fancybox-slide"></div>').appendTo(self.$refs.stage);
2193
2194        self.slides[pos] = $.extend(true, {}, self.group[index], {
2195          pos: pos,
2196          $slide: $slide,
2197          isLoaded: false
2198        });
2199
2200        self.updateSlide(self.slides[pos]);
2201      }
2202
2203      return self.slides[pos];
2204    },
2205
2206    // Scale image to the actual size of the image;
2207    // x and y values should be relative to the slide
2208    // ==============================================
2209
2210    scaleToActual: function (x, y, duration) {
2211      var self = this,
2212        current = self.current,
2213        $content = current.$content,
2214        canvasWidth = $.fancybox.getTranslate(current.$slide).width,
2215        canvasHeight = $.fancybox.getTranslate(current.$slide).height,
2216        newImgWidth = current.width,
2217        newImgHeight = current.height,
2218        imgPos,
2219        posX,
2220        posY,
2221        scaleX,
2222        scaleY;
2223
2224      if (self.isAnimating || self.isMoved() || !$content || !(current.type == "image" && current.isLoaded && !current.hasError)) {
2225        return;
2226      }
2227
2228      self.isAnimating = true;
2229
2230      $.fancybox.stop($content);
2231
2232      x = x === undefined ? canvasWidth * 0.5 : x;
2233      y = y === undefined ? canvasHeight * 0.5 : y;
2234
2235      imgPos = $.fancybox.getTranslate($content);
2236
2237      imgPos.top -= $.fancybox.getTranslate(current.$slide).top;
2238      imgPos.left -= $.fancybox.getTranslate(current.$slide).left;
2239
2240      scaleX = newImgWidth / imgPos.width;
2241      scaleY = newImgHeight / imgPos.height;
2242
2243      // Get center position for original image
2244      posX = canvasWidth * 0.5 - newImgWidth * 0.5;
2245      posY = canvasHeight * 0.5 - newImgHeight * 0.5;
2246
2247      // Make sure image does not move away from edges
2248      if (newImgWidth > canvasWidth) {
2249        posX = imgPos.left * scaleX - (x * scaleX - x);
2250
2251        if (posX > 0) {
2252          posX = 0;
2253        }
2254
2255        if (posX < canvasWidth - newImgWidth) {
2256          posX = canvasWidth - newImgWidth;
2257        }
2258      }
2259
2260      if (newImgHeight > canvasHeight) {
2261        posY = imgPos.top * scaleY - (y * scaleY - y);
2262
2263        if (posY > 0) {
2264          posY = 0;
2265        }
2266
2267        if (posY < canvasHeight - newImgHeight) {
2268          posY = canvasHeight - newImgHeight;
2269        }
2270      }
2271
2272      self.updateCursor(newImgWidth, newImgHeight);
2273
2274      $.fancybox.animate(
2275        $content, {
2276          top: posY,
2277          left: posX,
2278          scaleX: scaleX,
2279          scaleY: scaleY
2280        },
2281        duration || 366,
2282        function () {
2283          self.isAnimating = false;
2284        }
2285      );
2286
2287      // Stop slideshow
2288      if (self.SlideShow && self.SlideShow.isActive) {
2289        self.SlideShow.stop();
2290      }
2291    },
2292
2293    // Scale image to fit inside parent element
2294    // ========================================
2295
2296    scaleToFit: function (duration) {
2297      var self = this,
2298        current = self.current,
2299        $content = current.$content,
2300        end;
2301
2302      if (self.isAnimating || self.isMoved() || !$content || !(current.type == "image" && current.isLoaded && !current.hasError)) {
2303        return;
2304      }
2305
2306      self.isAnimating = true;
2307
2308      $.fancybox.stop($content);
2309
2310      end = self.getFitPos(current);
2311
2312      self.updateCursor(end.width, end.height);
2313
2314      $.fancybox.animate(
2315        $content, {
2316          top: end.top,
2317          left: end.left,
2318          scaleX: end.width / $content.width(),
2319          scaleY: end.height / $content.height()
2320        },
2321        duration || 366,
2322        function () {
2323          self.isAnimating = false;
2324        }
2325      );
2326    },
2327
2328    // Calculate image size to fit inside viewport
2329    // ===========================================
2330
2331    getFitPos: function (slide) {
2332      var self = this,
2333        $content = slide.$content,
2334        $slide = slide.$slide,
2335        width = slide.width || slide.opts.width,
2336        height = slide.height || slide.opts.height,
2337        maxWidth,
2338        maxHeight,
2339        minRatio,
2340        aspectRatio,
2341        rez = {};
2342
2343      if (!slide.isLoaded || !$content || !$content.length) {
2344        return false;
2345      }
2346
2347      maxWidth = $.fancybox.getTranslate(self.$refs.stage).width;
2348      maxHeight = $.fancybox.getTranslate(self.$refs.stage).height;
2349
2350      maxWidth -=
2351        parseFloat($slide.css("paddingLeft")) +
2352        parseFloat($slide.css("paddingRight")) +
2353        parseFloat($content.css("marginLeft")) +
2354        parseFloat($content.css("marginRight"));
2355
2356      maxHeight -=
2357        parseFloat($slide.css("paddingTop")) +
2358        parseFloat($slide.css("paddingBottom")) +
2359        parseFloat($content.css("marginTop")) +
2360        parseFloat($content.css("marginBottom"));
2361
2362      if (!width || !height) {
2363        width = maxWidth;
2364        height = maxHeight;
2365      }
2366
2367      minRatio = Math.min(1, maxWidth / width, maxHeight / height);
2368
2369      width = minRatio * width;
2370      height = minRatio * height;
2371
2372      // Adjust width/height to precisely fit into container
2373      if (width > maxWidth - 0.5) {
2374        width = maxWidth;
2375      }
2376
2377      if (height > maxHeight - 0.5) {
2378        height = maxHeight;
2379      }
2380
2381      if (slide.type === "image") {
2382        rez.top = Math.floor((maxHeight - height) * 0.5) + parseFloat($slide.css("paddingTop"));
2383        rez.left = Math.floor((maxWidth - width) * 0.5) + parseFloat($slide.css("paddingLeft"));
2384      } else if (slide.contentType === "video") {
2385        // Force aspect ratio for the video
2386        // "I say the whole world must learn of our peaceful ways… by force!"
2387        aspectRatio = slide.opts.width && slide.opts.height ? width / height : slide.opts.ratio || 16 / 9;
2388
2389        if (height > width / aspectRatio) {
2390          height = width / aspectRatio;
2391        } else if (width > height * aspectRatio) {
2392          width = height * aspectRatio;
2393        }
2394      }
2395
2396      rez.width = width;
2397      rez.height = height;
2398
2399      return rez;
2400    },
2401
2402    // Update content size and position for all slides
2403    // ==============================================
2404
2405    update: function (e) {
2406      var self = this;
2407
2408      $.each(self.slides, function (key, slide) {
2409        self.updateSlide(slide, e);
2410      });
2411    },
2412
2413    // Update slide content position and size
2414    // ======================================
2415
2416    updateSlide: function (slide, e) {
2417      var self = this,
2418        $content = slide && slide.$content,
2419        width = slide.width || slide.opts.width,
2420        height = slide.height || slide.opts.height,
2421        $slide = slide.$slide;
2422
2423      // First, prevent caption overlap, if needed
2424      self.adjustCaption(slide);
2425
2426      // Then resize content to fit inside the slide
2427      if ($content && (width || height || slide.contentType === "video") && !slide.hasError) {
2428        $.fancybox.stop($content);
2429
2430        $.fancybox.setTranslate($content, self.getFitPos(slide));
2431
2432        if (slide.pos === self.currPos) {
2433          self.isAnimating = false;
2434
2435          self.updateCursor();
2436        }
2437      }
2438
2439      // Then some adjustments
2440      self.adjustLayout(slide);
2441
2442      if ($slide.length) {
2443        $slide.trigger("refresh");
2444
2445        if (slide.pos === self.currPos) {
2446          self.$refs.toolbar
2447            .add(self.$refs.navigation.find(".fancybox-button--arrow_right"))
2448            .toggleClass("compensate-for-scrollbar", $slide.get(0).scrollHeight > $slide.get(0).clientHeight);
2449        }
2450      }
2451
2452      self.trigger("onUpdate", slide, e);
2453    },
2454
2455    // Horizontally center slide
2456    // =========================
2457
2458    centerSlide: function (duration) {
2459      var self = this,
2460        current = self.current,
2461        $slide = current.$slide;
2462
2463      if (self.isClosing || !current) {
2464        return;
2465      }
2466
2467      $slide.siblings().css({
2468        transform: "",
2469        opacity: ""
2470      });
2471
2472      $slide
2473        .parent()
2474        .children()
2475        .removeClass("fancybox-slide--previous fancybox-slide--next");
2476
2477      $.fancybox.animate(
2478        $slide, {
2479          top: 0,
2480          left: 0,
2481          opacity: 1
2482        },
2483        duration === undefined ? 0 : duration,
2484        function () {
2485          // Clean up
2486          $slide.css({
2487            transform: "",
2488            opacity: ""
2489          });
2490
2491          if (!current.isComplete) {
2492            self.complete();
2493          }
2494        },
2495        false
2496      );
2497    },
2498
2499    // Check if current slide is moved (swiped)
2500    // ========================================
2501
2502    isMoved: function (slide) {
2503      var current = slide || this.current,
2504        slidePos,
2505        stagePos;
2506
2507      if (!current) {
2508        return false;
2509      }
2510
2511      stagePos = $.fancybox.getTranslate(this.$refs.stage);
2512      slidePos = $.fancybox.getTranslate(current.$slide);
2513
2514      return (
2515        !current.$slide.hasClass("fancybox-animated") &&
2516        (Math.abs(slidePos.top - stagePos.top) > 0.5 || Math.abs(slidePos.left - stagePos.left) > 0.5)
2517      );
2518    },
2519
2520    // Update cursor style depending if content can be zoomed
2521    // ======================================================
2522
2523    updateCursor: function (nextWidth, nextHeight) {
2524      var self = this,
2525        current = self.current,
2526        $container = self.$refs.container,
2527        canPan,
2528        isZoomable;
2529
2530      if (!current || self.isClosing || !self.Guestures) {
2531        return;
2532      }
2533
2534      $container.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan");
2535
2536      canPan = self.canPan(nextWidth, nextHeight);
2537
2538      isZoomable = canPan ? true : self.isZoomable();
2539
2540      $container.toggleClass("fancybox-is-zoomable", isZoomable);
2541
2542      $("[data-fancybox-zoom]").prop("disabled", !isZoomable);
2543
2544      if (canPan) {
2545        $container.addClass("fancybox-can-pan");
2546      } else if (
2547        isZoomable &&
2548        (current.opts.clickContent === "zoom" || ($.isFunction(current.opts.clickContent) && current.opts.clickContent(current) == "zoom"))
2549      ) {
2550        $container.addClass("fancybox-can-zoomIn");
2551      } else if (current.opts.touch && (current.opts.touch.vertical || self.group.length > 1) && current.contentType !== "video") {
2552        $container.addClass("fancybox-can-swipe");
2553      }
2554    },
2555
2556    // Check if current slide is zoomable
2557    // ==================================
2558
2559    isZoomable: function () {
2560      var self = this,
2561        current = self.current,
2562        fitPos;
2563
2564      // Assume that slide is zoomable if:
2565      //   - image is still loading
2566      //   - actual size of the image is smaller than available area
2567      if (current && !self.isClosing && current.type === "image" && !current.hasError) {
2568        if (!current.isLoaded) {
2569          return true;
2570        }
2571
2572        fitPos = self.getFitPos(current);
2573
2574        if (fitPos && (current.width > fitPos.width || current.height > fitPos.height)) {
2575          return true;
2576        }
2577      }
2578
2579      return false;
2580    },
2581
2582    // Check if current image dimensions are smaller than actual
2583    // =========================================================
2584
2585    isScaledDown: function (nextWidth, nextHeight) {
2586      var self = this,
2587        rez = false,
2588        current = self.current,
2589        $content = current.$content;
2590
2591      if (nextWidth !== undefined && nextHeight !== undefined) {
2592        rez = nextWidth < current.width && nextHeight < current.height;
2593      } else if ($content) {
2594        rez = $.fancybox.getTranslate($content);
2595        rez = rez.width < current.width && rez.height < current.height;
2596      }
2597
2598      return rez;
2599    },
2600
2601    // Check if image dimensions exceed parent element
2602    // ===============================================
2603
2604    canPan: function (nextWidth, nextHeight) {
2605      var self = this,
2606        current = self.current,
2607        pos = null,
2608        rez = false;
2609
2610      if (current.type === "image" && (current.isComplete || (nextWidth && nextHeight)) && !current.hasError) {
2611        rez = self.getFitPos(current);
2612
2613        if (nextWidth !== undefined && nextHeight !== undefined) {
2614          pos = {
2615            width: nextWidth,
2616            height: nextHeight
2617          };
2618        } else if (current.isComplete) {
2619          pos = $.fancybox.getTranslate(current.$content);
2620        }
2621
2622        if (pos && rez) {
2623          rez = Math.abs(pos.width - rez.width) > 1.5 || Math.abs(pos.height - rez.height) > 1.5;
2624        }
2625      }
2626
2627      return rez;
2628    },
2629
2630    // Load content into the slide
2631    // ===========================
2632
2633    loadSlide: function (slide) {
2634      var self = this,
2635        type,
2636        $slide,
2637        ajaxLoad;
2638
2639      if (slide.isLoading || slide.isLoaded) {
2640        return;
2641      }
2642
2643      slide.isLoading = true;
2644
2645      if (self.trigger("beforeLoad", slide) === false) {
2646        slide.isLoading = false;
2647
2648        return false;
2649      }
2650
2651      type = slide.type;
2652      $slide = slide.$slide;
2653
2654      $slide
2655        .off("refresh")
2656        .trigger("onReset")
2657        .addClass(slide.opts.slideClass);
2658
2659      // Create content depending on the type
2660      switch (type) {
2661        case "image":
2662          self.setImage(slide);
2663
2664          break;
2665
2666        case "iframe":
2667          self.setIframe(slide);
2668
2669          break;
2670
2671        case "html":
2672          self.setContent(slide, slide.src || slide.content);
2673
2674          break;
2675
2676        case "video":
2677          self.setContent(
2678            slide,
2679            slide.opts.video.tpl
2680            .replace(/\{\{src\}\}/gi, slide.src)
2681            .replace("{{format}}", slide.opts.videoFormat || slide.opts.video.format || "")
2682            .replace("{{poster}}", slide.thumb || "")
2683          );
2684
2685          break;
2686
2687        case "inline":
2688          if ($(slide.src).length) {
2689            self.setContent(slide, $(slide.src));
2690          } else {
2691            self.setError(slide);
2692          }
2693
2694          break;
2695
2696        case "ajax":
2697          self.showLoading(slide);
2698
2699          ajaxLoad = $.ajax(
2700            $.extend({}, slide.opts.ajax.settings, {
2701              url: slide.src,
2702              success: function (data, textStatus) {
2703                if (textStatus === "success") {
2704                  self.setContent(slide, data);
2705                }
2706              },
2707              error: function (jqXHR, textStatus) {
2708                if (jqXHR && textStatus !== "abort") {
2709                  self.setError(slide);
2710                }
2711              }
2712            })
2713          );
2714
2715          $slide.one("onReset", function () {
2716            ajaxLoad.abort();
2717          });
2718
2719          break;
2720
2721        default:
2722          self.setError(slide);
2723
2724          break;
2725      }
2726
2727      return true;
2728    },
2729
2730    // Use thumbnail image, if possible
2731    // ================================
2732
2733    setImage: function (slide) {
2734      var self = this,
2735        ghost;
2736
2737      // Check if need to show loading icon
2738      setTimeout(function () {
2739        var $img = slide.$image;
2740
2741        if (!self.isClosing && slide.isLoading && (!$img || !$img.length || !$img[0].complete) && !slide.hasError) {
2742          self.showLoading(slide);
2743        }
2744      }, 50);
2745
2746      //Check if image has srcset
2747      self.checkSrcset(slide);
2748
2749      // This will be wrapper containing both ghost and actual image
2750      slide.$content = $('<div class="fancybox-content"></div>')
2751        .addClass("fancybox-is-hidden")
2752        .appendTo(slide.$slide.addClass("fancybox-slide--image"));
2753
2754      // If we have a thumbnail, we can display it while actual image is loading
2755      // Users will not stare at black screen and actual image will appear gradually
2756      if (slide.opts.preload !== false && slide.opts.width && slide.opts.height && slide.thumb) {
2757        slide.width = slide.opts.width;
2758        slide.height = slide.opts.height;
2759
2760        ghost = document.createElement("img");
2761
2762        ghost.onerror = function () {
2763          $(this).remove();
2764
2765          slide.$ghost = null;
2766        };
2767
2768        ghost.onload = function () {
2769          self.afterLoad(slide);
2770        };
2771
2772        slide.$ghost = $(ghost)
2773          .addClass("fancybox-image")
2774          .appendTo(slide.$content)
2775          .attr("src", slide.thumb);
2776      }
2777
2778      // Start loading actual image
2779      self.setBigImage(slide);
2780    },
2781
2782    // Check if image has srcset and get the source
2783    // ============================================
2784    checkSrcset: function (slide) {
2785      var srcset = slide.opts.srcset || slide.opts.image.srcset,
2786        found,
2787        temp,
2788        pxRatio,
2789        windowWidth;
2790
2791      // If we have "srcset", then we need to find first matching "src" value.
2792      // This is necessary, because when you set an src attribute, the browser will preload the image
2793      // before any javascript or even CSS is applied.
2794      if (srcset) {
2795        pxRatio = window.devicePixelRatio || 1;
2796        windowWidth = window.innerWidth * pxRatio;
2797
2798        temp = srcset.split(",").map(function (el) {
2799          var ret = {};
2800
2801          el.trim()
2802            .split(/\s+/)
2803            .forEach(function (el, i) {
2804              var value = parseInt(el.substring(0, el.length - 1), 10);
2805
2806              if (i === 0) {
2807                return (ret.url = el);
2808              }
2809
2810              if (value) {
2811                ret.value = value;
2812                ret.postfix = el[el.length - 1];
2813              }
2814            });
2815
2816          return ret;
2817        });
2818
2819        // Sort by value
2820        temp.sort(function (a, b) {
2821          return a.value - b.value;
2822        });
2823
2824        // Ok, now we have an array of all srcset values
2825        for (var j = 0; j < temp.length; j++) {
2826          var el = temp[j];
2827
2828          if ((el.postfix === "w" && el.value >= windowWidth) || (el.postfix === "x" && el.value >= pxRatio)) {
2829            found = el;
2830            break;
2831          }
2832        }
2833
2834        // If not found, take the last one
2835        if (!found && temp.length) {
2836          found = temp[temp.length - 1];
2837        }
2838
2839        if (found) {
2840          slide.src = found.url;
2841
2842          // If we have default width/height values, we can calculate height for matching source
2843          if (slide.width && slide.height && found.postfix == "w") {
2844            slide.height = (slide.width / slide.height) * found.value;
2845            slide.width = found.value;
2846          }
2847
2848          slide.opts.srcset = srcset;
2849        }
2850      }
2851    },
2852
2853    // Create full-size image
2854    // ======================
2855
2856    setBigImage: function (slide) {
2857      var self = this,
2858        img = document.createElement("img"),
2859        $img = $(img);
2860
2861      slide.$image = $img
2862        .one("error", function () {
2863          self.setError(slide);
2864        })
2865        .one("load", function () {
2866          var sizes;
2867
2868          if (!slide.$ghost) {
2869            self.resolveImageSlideSize(slide, this.naturalWidth, this.naturalHeight);
2870
2871            self.afterLoad(slide);
2872          }
2873
2874          if (self.isClosing) {
2875            return;
2876          }
2877
2878          if (slide.opts.srcset) {
2879            sizes = slide.opts.sizes;
2880
2881            if (!sizes || sizes === "auto") {
2882              sizes =
2883                (slide.width / slide.height > 1 && $W.width() / $W.height() > 1 ? "100" : Math.round((slide.width / slide.height) * 100)) +
2884                "vw";
2885            }
2886
2887            $img.attr("sizes", sizes).attr("srcset", slide.opts.srcset);
2888          }
2889
2890          // Hide temporary image after some delay
2891          if (slide.$ghost) {
2892            setTimeout(function () {
2893              if (slide.$ghost && !self.isClosing) {
2894                slide.$ghost.hide();
2895              }
2896            }, Math.min(300, Math.max(1000, slide.height / 1600)));
2897          }
2898
2899          self.hideLoading(slide);
2900        })
2901        .addClass("fancybox-image")
2902        .attr("src", slide.src)
2903        .appendTo(slide.$content);
2904
2905      if ((img.complete || img.readyState == "complete") && $img.naturalWidth && $img.naturalHeight) {
2906        $img.trigger("load");
2907      } else if (img.error) {
2908        $img.trigger("error");
2909      }
2910    },
2911
2912    // Computes the slide size from image size and maxWidth/maxHeight
2913    // ==============================================================
2914
2915    resolveImageSlideSize: function (slide, imgWidth, imgHeight) {
2916      var maxWidth = parseInt(slide.opts.width, 10),
2917        maxHeight = parseInt(slide.opts.height, 10);
2918
2919      // Sets the default values from the image
2920      slide.width = imgWidth;
2921      slide.height = imgHeight;
2922
2923      if (maxWidth > 0) {
2924        slide.width = maxWidth;
2925        slide.height = Math.floor((maxWidth * imgHeight) / imgWidth);
2926      }
2927
2928      if (maxHeight > 0) {
2929        slide.width = Math.floor((maxHeight * imgWidth) / imgHeight);
2930        slide.height = maxHeight;
2931      }
2932    },
2933
2934    // Create iframe wrapper, iframe and bindings
2935    // ==========================================
2936
2937    setIframe: function (slide) {
2938      var self = this,
2939        opts = slide.opts.iframe,
2940        $slide = slide.$slide,
2941        $iframe;
2942
2943      slide.$content = $('<div class="fancybox-content' + (opts.preload ? " fancybox-is-hidden" : "") + '"></div>')
2944        .css(opts.css)
2945        .appendTo($slide);
2946
2947      $slide.addClass("fancybox-slide--" + slide.contentType);
2948
2949      slide.$iframe = $iframe = $(opts.tpl.replace(/\{rnd\}/g, new Date().getTime()))
2950        .attr(opts.attr)
2951        .appendTo(slide.$content);
2952
2953      if (opts.preload) {
2954        self.showLoading(slide);
2955
2956        // Unfortunately, it is not always possible to determine if iframe is successfully loaded
2957        // (due to browser security policy)
2958
2959        $iframe.on("load.fb error.fb", function (e) {
2960          this.isReady = 1;
2961
2962          slide.$slide.trigger("refresh");
2963
2964          self.afterLoad(slide);
2965        });
2966
2967        // Recalculate iframe content size
2968        // ===============================
2969
2970        $slide.on("refresh.fb", function () {
2971          var $content = slide.$content,
2972            frameWidth = opts.css.width,
2973            frameHeight = opts.css.height,
2974            $contents,
2975            $body;
2976
2977          if ($iframe[0].isReady !== 1) {
2978            return;
2979          }
2980
2981          try {
2982            $contents = $iframe.contents();
2983            $body = $contents.find("body");
2984          } catch (ignore) {}
2985
2986          // Calculate content dimensions, if it is accessible
2987          if ($body && $body.length && $body.children().length) {
2988            // Avoid scrolling to top (if multiple instances)
2989            $slide.css("overflow", "visible");
2990
2991            $content.css({
2992              width: "100%",
2993              "max-width": "100%",
2994              height: "9999px"
2995            });
2996
2997            if (frameWidth === undefined) {
2998              frameWidth = Math.ceil(Math.max($body[0].clientWidth, $body.outerWidth(true)));
2999            }
3000
3001            $content.css("width", frameWidth ? frameWidth : "").css("max-width", "");
3002
3003            if (frameHeight === undefined) {
3004              frameHeight = Math.ceil(Math.max($body[0].clientHeight, $body.outerHeight(true)));
3005            }
3006
3007            $content.css("height", frameHeight ? frameHeight : "");
3008
3009            $slide.css("overflow", "auto");
3010          }
3011
3012          $content.removeClass("fancybox-is-hidden");
3013        });
3014      } else {
3015        self.afterLoad(slide);
3016      }
3017
3018      $iframe.attr("src", slide.src);
3019
3020      // Remove iframe if closing or changing gallery item
3021      $slide.one("onReset", function () {
3022        // This helps IE not to throw errors when closing
3023        try {
3024          $(this)
3025            .find("iframe")
3026            .hide()
3027            .unbind()
3028            .attr("src", "//about:blank");
3029        } catch (ignore) {}
3030
3031        $(this)
3032          .off("refresh.fb")
3033          .empty();
3034
3035        slide.isLoaded = false;
3036        slide.isRevealed = false;
3037      });
3038    },
3039
3040    // Wrap and append content to the slide
3041    // ======================================
3042
3043    setContent: function (slide, content) {
3044      var self = this;
3045
3046      if (self.isClosing) {
3047        return;
3048      }
3049
3050      self.hideLoading(slide);
3051
3052      if (slide.$content) {
3053        $.fancybox.stop(slide.$content);
3054      }
3055
3056      slide.$slide.empty();
3057
3058      // If content is a jQuery object, then it will be moved to the slide.
3059      // The placeholder is created so we will know where to put it back.
3060      if (isQuery(content) && content.parent().length) {
3061        // Make sure content is not already moved to fancyBox
3062        if (content.hasClass("fancybox-content") || content.parent().hasClass("fancybox-content")) {
3063          content.parents(".fancybox-slide").trigger("onReset");
3064        }
3065
3066        // Create temporary element marking original place of the content
3067        slide.$placeholder = $("<div>")
3068          .hide()
3069          .insertAfter(content);
3070
3071        // Make sure content is visible
3072        content.css("display", "inline-block");
3073      } else if (!slide.hasError) {
3074        // If content is just a plain text, try to convert it to html
3075        if ($.type(content) === "string") {
3076          content = $("<div>")
3077            .append($.trim(content))
3078            .contents();
3079        }
3080
3081        // If "filter" option is provided, then filter content
3082        if (slide.opts.filter) {
3083          content = $("<div>")
3084            .html(content)
3085            .find(slide.opts.filter);
3086        }
3087      }
3088
3089      slide.$slide.one("onReset", function () {
3090        // Pause all html5 video/audio
3091        $(this)
3092          .find("video,audio")
3093          .trigger("pause");
3094
3095        // Put content back
3096        if (slide.$placeholder) {
3097          slide.$placeholder.after(content.removeClass("fancybox-content").hide()).remove();
3098
3099          slide.$placeholder = null;
3100        }
3101
3102        // Remove custom close button
3103        if (slide.$smallBtn) {
3104          slide.$smallBtn.remove();
3105
3106          slide.$smallBtn = null;
3107        }
3108
3109        // Remove content and mark slide as not loaded
3110        if (!slide.hasError) {
3111          $(this).empty();
3112
3113          slide.isLoaded = false;
3114          slide.isRevealed = false;
3115        }
3116      });
3117
3118      $(content).appendTo(slide.$slide);
3119
3120      if ($(content).is("video,audio")) {
3121        $(content).addClass("fancybox-video");
3122
3123        $(content).wrap("<div></div>");
3124
3125        slide.contentType = "video";
3126
3127        slide.opts.width = slide.opts.width || $(content).attr("width");
3128        slide.opts.height = slide.opts.height || $(content).attr("height");
3129      }
3130
3131      slide.$content = slide.$slide
3132        .children()
3133        .filter("div,form,main,video,audio,article,.fancybox-content")
3134        .first();
3135
3136      slide.$content.siblings().hide();
3137
3138      // Re-check if there is a valid content
3139      // (in some cases, ajax response can contain various elements or plain text)
3140      if (!slide.$content.length) {
3141        slide.$content = slide.$slide
3142          .wrapInner("<div></div>")
3143          .children()
3144          .first();
3145      }
3146
3147      slide.$content.addClass("fancybox-content");
3148
3149      slide.$slide.addClass("fancybox-slide--" + slide.contentType);
3150
3151      self.afterLoad(slide);
3152    },
3153
3154    // Display error message
3155    // =====================
3156
3157    setError: function (slide) {
3158      slide.hasError = true;
3159
3160      slide.$slide
3161        .trigger("onReset")
3162        .removeClass("fancybox-slide--" + slide.contentType)
3163        .addClass("fancybox-slide--error");
3164
3165      slide.contentType = "html";
3166
3167      this.setContent(slide, this.translate(slide, slide.opts.errorTpl));
3168
3169      if (slide.pos === this.currPos) {
3170        this.isAnimating = false;
3171      }
3172    },
3173
3174    // Show loading icon inside the slide
3175    // ==================================
3176
3177    showLoading: function (slide) {
3178      var self = this;
3179
3180      slide = slide || self.current;
3181
3182      if (slide && !slide.$spinner) {
3183        slide.$spinner = $(self.translate(self, self.opts.spinnerTpl))
3184          .appendTo(slide.$slide)
3185          .hide()
3186          .fadeIn("fast");
3187      }
3188    },
3189
3190    // Remove loading icon from the slide
3191    // ==================================
3192
3193    hideLoading: function (slide) {
3194      var self = this;
3195
3196      slide = slide || self.current;
3197
3198      if (slide && slide.$spinner) {
3199        slide.$spinner.stop().remove();
3200
3201        delete slide.$spinner;
3202      }
3203    },
3204
3205    // Adjustments after slide content has been loaded
3206    // ===============================================
3207
3208    afterLoad: function (slide) {
3209      var self = this;
3210
3211      if (self.isClosing) {
3212        return;
3213      }
3214
3215      slide.isLoading = false;
3216      slide.isLoaded = true;
3217
3218      self.trigger("afterLoad", slide);
3219
3220      self.hideLoading(slide);
3221
3222      // Add small close button
3223      if (slide.opts.smallBtn && (!slide.$smallBtn || !slide.$smallBtn.length)) {
3224        slide.$smallBtn = $(self.translate(slide, slide.opts.btnTpl.smallBtn)).appendTo(slide.$content);
3225      }
3226
3227      // Disable right click
3228      if (slide.opts.protect && slide.$content && !slide.hasError) {
3229        slide.$content.on("contextmenu.fb", function (e) {
3230          if (e.button == 2) {
3231            e.preventDefault();
3232          }
3233
3234          return true;
3235        });
3236
3237        // Add fake element on top of the image
3238        // This makes a bit harder for user to select image
3239        if (slide.type === "image") {
3240          $('<div class="fancybox-spaceball"></div>').appendTo(slide.$content);
3241        }
3242      }
3243
3244      self.adjustCaption(slide);
3245
3246      self.adjustLayout(slide);
3247
3248      if (slide.pos === self.currPos) {
3249        self.updateCursor();
3250      }
3251
3252      self.revealContent(slide);
3253    },
3254
3255    // Prevent caption overlap,
3256    // fix css inconsistency across browsers
3257    // =====================================
3258
3259    adjustCaption: function (slide) {
3260      var self = this,
3261        current = slide || self.current,
3262        caption = current.opts.caption,
3263        preventOverlap = current.opts.preventCaptionOverlap,
3264        $caption = self.$refs.caption,
3265        $clone,
3266        captionH = false;
3267
3268      $caption.toggleClass("fancybox-caption--separate", preventOverlap);
3269
3270      if (preventOverlap && caption && caption.length) {
3271        if (current.pos !== self.currPos) {
3272          $clone = $caption.clone().appendTo($caption.parent());
3273
3274          $clone
3275            .children()
3276            .eq(0)
3277            .empty()
3278            .html(caption);
3279
3280          captionH = $clone.outerHeight(true);
3281
3282          $clone.empty().remove();
3283        } else if (self.$caption) {
3284          captionH = self.$caption.outerHeight(true);
3285        }
3286
3287        current.$slide.css("padding-bottom", captionH || "");
3288      }
3289    },
3290
3291    // Simple hack to fix inconsistency across browsers, described here (affects Edge, too):
3292    // https://bugzilla.mozilla.org/show_bug.cgi?id=748518
3293    // ====================================================================================
3294
3295    adjustLayout: function (slide) {
3296      var self = this,
3297        current = slide || self.current,
3298        scrollHeight,
3299        marginBottom,
3300        inlinePadding,
3301        actualPadding;
3302
3303      if (current.isLoaded && current.opts.disableLayoutFix !== true) {
3304        current.$content.css("margin-bottom", "");
3305
3306        // If we would always set margin-bottom for the content,
3307        // then it would potentially break vertical align
3308        if (current.$content.outerHeight() > current.$slide.height() + 0.5) {
3309          inlinePadding = current.$slide[0].style["padding-bottom"];
3310          actualPadding = current.$slide.css("padding-bottom");
3311
3312          if (parseFloat(actualPadding) > 0) {
3313            scrollHeight = current.$slide[0].scrollHeight;
3314
3315            current.$slide.css("padding-bottom", 0);
3316
3317            if (Math.abs(scrollHeight - current.$slide[0].scrollHeight) < 1) {
3318              marginBottom = actualPadding;
3319            }
3320
3321            current.$slide.css("padding-bottom", inlinePadding);
3322          }
3323        }
3324
3325        current.$content.css("margin-bottom", marginBottom);
3326      }
3327    },
3328
3329    // Make content visible
3330    // This method is called right after content has been loaded or
3331    // user navigates gallery and transition should start
3332    // ============================================================
3333
3334    revealContent: function (slide) {
3335      var self = this,
3336        $slide = slide.$slide,
3337        end = false,
3338        start = false,
3339        isMoved = self.isMoved(slide),
3340        isRevealed = slide.isRevealed,
3341        effect,
3342        effectClassName,
3343        duration,
3344        opacity;
3345
3346      slide.isRevealed = true;
3347
3348      effect = slide.opts[self.firstRun ? "animationEffect" : "transitionEffect"];
3349      duration = slide.opts[self.firstRun ? "animationDuration" : "transitionDuration"];
3350
3351      duration = parseInt(slide.forcedDuration === undefined ? duration : slide.forcedDuration, 10);
3352
3353      if (isMoved || slide.pos !== self.currPos || !duration) {
3354        effect = false;
3355      }
3356
3357      // Check if can zoom
3358      if (effect === "zoom") {
3359        if (slide.pos === self.currPos && duration && slide.type === "image" && !slide.hasError && (start = self.getThumbPos(slide))) {
3360          end = self.getFitPos(slide);
3361        } else {
3362          effect = "fade";
3363        }
3364      }
3365
3366      // Zoom animation
3367      // ==============
3368      if (effect === "zoom") {
3369        self.isAnimating = true;
3370
3371        end.scaleX = end.width / start.width;
3372        end.scaleY = end.height / start.height;
3373
3374        // Check if we need to animate opacity
3375        opacity = slide.opts.zoomOpacity;
3376
3377        if (opacity == "auto") {
3378          opacity = Math.abs(slide.width / slide.height - start.width / start.height) > 0.1;
3379        }
3380
3381        if (opacity) {
3382          start.opacity = 0.1;
3383          end.opacity = 1;
3384        }
3385
3386        // Draw image at start position
3387        $.fancybox.setTranslate(slide.$content.removeClass("fancybox-is-hidden"), start);
3388
3389        forceRedraw(slide.$content);
3390
3391        // Start animation
3392        $.fancybox.animate(slide.$content, end, duration, function () {
3393          self.isAnimating = false;
3394
3395          self.complete();
3396        });
3397
3398        return;
3399      }
3400
3401      self.updateSlide(slide);
3402
3403      // Simply show content if no effect
3404      // ================================
3405      if (!effect) {
3406        slide.$content.removeClass("fancybox-is-hidden");
3407
3408        if (!isRevealed && isMoved && slide.type === "image" && !slide.hasError) {
3409          slide.$content.hide().fadeIn("fast");
3410        }
3411
3412        if (slide.pos === self.currPos) {
3413          self.complete();
3414        }
3415
3416        return;
3417      }
3418
3419      // Prepare for CSS transiton
3420      // =========================
3421      $.fancybox.stop($slide);
3422
3423      //effectClassName = "fancybox-animated fancybox-slide--" + (slide.pos >= self.prevPos ? "next" : "previous") + " fancybox-fx-" + effect;
3424      effectClassName = "fancybox-slide--" + (slide.pos >= self.prevPos ? "next" : "previous") + " fancybox-animated fancybox-fx-" + effect;
3425
3426      $slide.addClass(effectClassName).removeClass("fancybox-slide--current"); //.addClass(effectClassName);
3427
3428      slide.$content.removeClass("fancybox-is-hidden");
3429
3430      // Force reflow
3431      forceRedraw($slide);
3432
3433      if (slide.type !== "image") {
3434        slide.$content.hide().show(0);
3435      }
3436
3437      $.fancybox.animate(
3438        $slide,
3439        "fancybox-slide--current",
3440        duration,
3441        function () {
3442          $slide.removeClass(effectClassName).css({
3443            transform: "",
3444            opacity: ""
3445          });
3446
3447          if (slide.pos === self.currPos) {
3448            self.complete();
3449          }
3450        },
3451        true
3452      );
3453    },
3454
3455    // Check if we can and have to zoom from thumbnail
3456    //================================================
3457
3458    getThumbPos: function (slide) {
3459      var rez = false,
3460        $thumb = slide.$thumb,
3461        thumbPos,
3462        btw,
3463        brw,
3464        bbw,
3465        blw;
3466
3467      if (!$thumb || !inViewport($thumb[0])) {
3468        return false;
3469      }
3470
3471      thumbPos = $.fancybox.getTranslate($thumb);
3472
3473      btw = parseFloat($thumb.css("border-top-width") || 0);
3474      brw = parseFloat($thumb.css("border-right-width") || 0);
3475      bbw = parseFloat($thumb.css("border-bottom-width") || 0);
3476      blw = parseFloat($thumb.css("border-left-width") || 0);
3477
3478      rez = {
3479        top: thumbPos.top + btw,
3480        left: thumbPos.left + blw,
3481        width: thumbPos.width - brw - blw,
3482        height: thumbPos.height - btw - bbw,
3483        scaleX: 1,
3484        scaleY: 1
3485      };
3486
3487      return thumbPos.width > 0 && thumbPos.height > 0 ? rez : false;
3488    },
3489
3490    // Final adjustments after current gallery item is moved to position
3491    // and it`s content is loaded
3492    // ==================================================================
3493
3494    complete: function () {
3495      var self = this,
3496        current = self.current,
3497        slides = {},
3498        $el;
3499
3500      if (self.isMoved() || !current.isLoaded) {
3501        return;
3502      }
3503
3504      if (!current.isComplete) {
3505        current.isComplete = true;
3506
3507        current.$slide.siblings().trigger("onReset");
3508
3509        self.preload("inline");
3510
3511        // Trigger any CSS transiton inside the slide
3512        forceRedraw(current.$slide);
3513
3514        current.$slide.addClass("fancybox-slide--complete");
3515
3516        // Remove unnecessary slides
3517        $.each(self.slides, function (key, slide) {
3518          if (slide.pos >= self.currPos - 1 && slide.pos <= self.currPos + 1) {
3519            slides[slide.pos] = slide;
3520          } else if (slide) {
3521            $.fancybox.stop(slide.$slide);
3522
3523            slide.$slide.off().remove();
3524          }
3525        });
3526
3527        self.slides = slides;
3528      }
3529
3530      self.isAnimating = false;
3531
3532      self.updateCursor();
3533
3534      self.trigger("afterShow");
3535
3536      // Autoplay first html5 video/audio
3537      if (!!current.opts.video.autoStart) {
3538        current.$slide
3539          .find("video,audio")
3540          .filter(":visible:first")
3541          .trigger("play")
3542          .one("ended", function () {
3543            if (Document.exitFullscreen) {
3544              Document.exitFullscreen();
3545            } else if (this.webkitExitFullscreen) {
3546              this.webkitExitFullscreen();
3547            }
3548
3549            self.next();
3550          });
3551      }
3552
3553      // Try to focus on the first focusable element
3554      if (current.opts.autoFocus && current.contentType === "html") {
3555        // Look for the first input with autofocus attribute
3556        $el = current.$content.find("input[autofocus]:enabled:visible:first");
3557
3558        if ($el.length) {
3559          $el.trigger("focus");
3560        } else {
3561          self.focus(null, true);
3562        }
3563      }
3564
3565      // Avoid jumping
3566      current.$slide.scrollTop(0).scrollLeft(0);
3567    },
3568
3569    // Preload next and previous slides
3570    // ================================
3571
3572    preload: function (type) {
3573      var self = this,
3574        prev,
3575        next;
3576
3577      if (self.group.length < 2) {
3578        return;
3579      }
3580
3581      next = self.slides[self.currPos + 1];
3582      prev = self.slides[self.currPos - 1];
3583
3584      if (prev && prev.type === type) {
3585        self.loadSlide(prev);
3586      }
3587
3588      if (next && next.type === type) {
3589        self.loadSlide(next);
3590      }
3591    },
3592
3593    // Try to find and focus on the first focusable element
3594    // ====================================================
3595
3596    focus: function (e, firstRun) {
3597      var self = this,
3598        focusableStr = [
3599          "a[href]",
3600          "area[href]",
3601          'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',
3602          "select:not([disabled]):not([aria-hidden])",
3603          "textarea:not([disabled]):not([aria-hidden])",
3604          "button:not([disabled]):not([aria-hidden])",
3605          "iframe",
3606          "object",
3607          "embed",
3608          "video",
3609          "audio",
3610          "[contenteditable]",
3611          '[tabindex]:not([tabindex^="-"])'
3612        ].join(","),
3613        focusableItems,
3614        focusedItemIndex;
3615
3616      if (self.isClosing) {
3617        return;
3618      }
3619
3620      if (e || !self.current || !self.current.isComplete) {
3621        // Focus on any element inside fancybox
3622        focusableItems = self.$refs.container.find("*:visible");
3623      } else {
3624        // Focus inside current slide
3625        focusableItems = self.current.$slide.find("*:visible" + (firstRun ? ":not(.fancybox-close-small)" : ""));
3626      }
3627
3628      focusableItems = focusableItems.filter(focusableStr).filter(function () {
3629        return $(this).css("visibility") !== "hidden" && !$(this).hasClass("disabled");
3630      });
3631
3632      if (focusableItems.length) {
3633        focusedItemIndex = focusableItems.index(document.activeElement);
3634
3635        if (e && e.shiftKey) {
3636          // Back tab
3637          if (focusedItemIndex < 0 || focusedItemIndex == 0) {
3638            e.preventDefault();
3639
3640            focusableItems.eq(focusableItems.length - 1).trigger("focus");
3641          }
3642        } else {
3643          // Outside or Forward tab
3644          if (focusedItemIndex < 0 || focusedItemIndex == focusableItems.length - 1) {
3645            if (e) {
3646              e.preventDefault();
3647            }
3648
3649            focusableItems.eq(0).trigger("focus");
3650          }
3651        }
3652      } else {
3653        self.$refs.container.trigger("focus");
3654      }
3655    },
3656
3657    // Activates current instance - brings container to the front and enables keyboard,
3658    // notifies other instances about deactivating
3659    // =================================================================================
3660
3661    activate: function () {
3662      var self = this;
3663
3664      // Deactivate all instances
3665      $(".fancybox-container").each(function () {
3666        var instance = $(this).data("FancyBox");
3667
3668        // Skip self and closing instances
3669        if (instance && instance.id !== self.id && !instance.isClosing) {
3670          instance.trigger("onDeactivate");
3671
3672          instance.removeEvents();
3673
3674          instance.isVisible = false;
3675        }
3676      });
3677
3678      self.isVisible = true;
3679
3680      if (self.current || self.isIdle) {
3681        self.update();
3682
3683        self.updateControls();
3684      }
3685
3686      self.trigger("onActivate");
3687
3688      self.addEvents();
3689    },
3690
3691    // Start closing procedure
3692    // This will start "zoom-out" animation if needed and clean everything up afterwards
3693    // =================================================================================
3694
3695    close: function (e, d) {
3696      var self = this,
3697        current = self.current,
3698        effect,
3699        duration,
3700        $content,
3701        domRect,
3702        opacity,
3703        start,
3704        end;
3705
3706      var done = function () {
3707        self.cleanUp(e);
3708      };
3709
3710      if (self.isClosing) {
3711        return false;
3712      }
3713
3714      self.isClosing = true;
3715
3716      // If beforeClose callback prevents closing, make sure content is centered
3717      if (self.trigger("beforeClose", e) === false) {
3718        self.isClosing = false;
3719
3720        requestAFrame(function () {
3721          self.update();
3722        });
3723
3724        return false;
3725      }
3726
3727      // Remove all events
3728      // If there are multiple instances, they will be set again by "activate" method
3729      self.removeEvents();
3730
3731      $content = current.$content;
3732      effect = current.opts.animationEffect;
3733      duration = $.isNumeric(d) ? d : effect ? current.opts.animationDuration : 0;
3734
3735      current.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated");
3736
3737      if (e !== true) {
3738        $.fancybox.stop(current.$slide);
3739      } else {
3740        effect = false;
3741      }
3742
3743      // Remove other slides
3744      current.$slide
3745        .siblings()
3746        .trigger("onReset")
3747        .remove();
3748
3749      // Trigger animations
3750      if (duration) {
3751        self.$refs.container
3752          .removeClass("fancybox-is-open")
3753          .addClass("fancybox-is-closing")
3754          .css("transition-duration", duration + "ms");
3755      }
3756
3757      // Clean up
3758      self.hideLoading(current);
3759
3760      self.hideControls(true);
3761
3762      self.updateCursor();
3763
3764      // Check if possible to zoom-out
3765      if (
3766        effect === "zoom" &&
3767        !($content && duration && current.type === "image" && !self.isMoved() && !current.hasError && (end = self.getThumbPos(current)))
3768      ) {
3769        effect = "fade";
3770      }
3771
3772      if (effect === "zoom") {
3773        $.fancybox.stop($content);
3774
3775        domRect = $.fancybox.getTranslate($content);
3776
3777        start = {
3778          top: domRect.top,
3779          left: domRect.left,
3780          scaleX: domRect.width / end.width,
3781          scaleY: domRect.height / end.height,
3782          width: end.width,
3783          height: end.height
3784        };
3785
3786        // Check if we need to animate opacity
3787        opacity = current.opts.zoomOpacity;
3788
3789        if (opacity == "auto") {
3790          opacity = Math.abs(current.width / current.height - end.width / end.height) > 0.1;
3791        }
3792
3793        if (opacity) {
3794          end.opacity = 0;
3795        }
3796
3797        $.fancybox.setTranslate($content, start);
3798
3799        forceRedraw($content);
3800
3801        $.fancybox.animate($content, end, duration, done);
3802
3803        return true;
3804      }
3805
3806      if (effect && duration) {
3807        $.fancybox.animate(
3808          current.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"),
3809          "fancybox-animated fancybox-fx-" + effect,
3810          duration,
3811          done
3812        );
3813      } else {
3814        // If skip animation
3815        if (e === true) {
3816          setTimeout(done, duration);
3817        } else {
3818          done();
3819        }
3820      }
3821
3822      return true;
3823    },
3824
3825    // Final adjustments after removing the instance
3826    // =============================================
3827
3828    cleanUp: function (e) {
3829      var self = this,
3830        instance,
3831        $focus = self.current.opts.$orig,
3832        x,
3833        y;
3834
3835      self.current.$slide.trigger("onReset");
3836
3837      self.$refs.container.empty().remove();
3838
3839      self.trigger("afterClose", e);
3840
3841      // Place back focus
3842      if (!!self.current.opts.backFocus) {
3843        if (!$focus || !$focus.length || !$focus.is(":visible")) {
3844          $focus = self.$trigger;
3845        }
3846
3847        if ($focus && $focus.length) {
3848          x = window.scrollX;
3849          y = window.scrollY;
3850
3851          $focus.trigger("focus");
3852
3853          $("html, body")
3854            .scrollTop(y)
3855            .scrollLeft(x);
3856        }
3857      }
3858
3859      self.current = null;
3860
3861      // Check if there are other instances
3862      instance = $.fancybox.getInstance();
3863
3864      if (instance) {
3865        instance.activate();
3866      } else {
3867        $("body").removeClass("fancybox-active compensate-for-scrollbar");
3868
3869        $("#fancybox-style-noscroll").remove();
3870      }
3871    },
3872
3873    // Call callback and trigger an event
3874    // ==================================
3875
3876    trigger: function (name, slide) {
3877      var args = Array.prototype.slice.call(arguments, 1),
3878        self = this,
3879        obj = slide && slide.opts ? slide : self.current,
3880        rez;
3881
3882      if (obj) {
3883        args.unshift(obj);
3884      } else {
3885        obj = self;
3886      }
3887
3888      args.unshift(self);
3889
3890      if ($.isFunction(obj.opts[name])) {
3891        rez = obj.opts[name].apply(obj, args);
3892      }
3893
3894      if (rez === false) {
3895        return rez;
3896      }
3897
3898      if (name === "afterClose" || !self.$refs) {
3899        $D.trigger(name + ".fb", args);
3900      } else {
3901        self.$refs.container.trigger(name + ".fb", args);
3902      }
3903    },
3904
3905    // Update infobar values, navigation button states and reveal caption
3906    // ==================================================================
3907
3908    updateControls: function () {
3909      var self = this,
3910        current = self.current,
3911        index = current.index,
3912        $container = self.$refs.container,
3913        $caption = self.$refs.caption,
3914        caption = current.opts.caption;
3915
3916      // Recalculate content dimensions
3917      current.$slide.trigger("refresh");
3918
3919      // Set caption
3920      if (caption && caption.length) {
3921        self.$caption = $caption;
3922
3923        $caption
3924          .children()
3925          .eq(0)
3926          .html(caption);
3927      } else {
3928        self.$caption = null;
3929      }
3930
3931      if (!self.hasHiddenControls && !self.isIdle) {
3932        self.showControls();
3933      }
3934
3935      // Update info and navigation elements
3936      $container.find("[data-fancybox-count]").html(self.group.length);
3937      $container.find("[data-fancybox-index]").html(index + 1);
3938
3939      $container.find("[data-fancybox-prev]").prop("disabled", !current.opts.loop && index <= 0);
3940      $container.find("[data-fancybox-next]").prop("disabled", !current.opts.loop && index >= self.group.length - 1);
3941
3942      if (current.type === "image") {
3943        // Re-enable buttons; update download button source
3944        $container
3945          .find("[data-fancybox-zoom]")
3946          .show()
3947          .end()
3948          .find("[data-fancybox-download]")
3949          .attr("href", current.opts.image.src || current.src)
3950          .show();
3951      } else if (current.opts.toolbar) {
3952        $container.find("[data-fancybox-download],[data-fancybox-zoom]").hide();
3953      }
3954
3955      // Make sure focus is not on disabled button/element
3956      if ($(document.activeElement).is(":hidden,[disabled]")) {
3957        self.$refs.container.trigger("focus");
3958      }
3959    },
3960
3961    // Hide toolbar and caption
3962    // ========================
3963
3964    hideControls: function (andCaption) {
3965      var self = this,
3966        arr = ["infobar", "toolbar", "nav"];
3967
3968      if (andCaption || !self.current.opts.preventCaptionOverlap) {
3969        arr.push("caption");
3970      }
3971
3972      this.$refs.container.removeClass(
3973        arr
3974        .map(function (i) {
3975          return "fancybox-show-" + i;
3976        })
3977        .join(" ")
3978      );
3979
3980      this.hasHiddenControls = true;
3981    },
3982
3983    showControls: function () {
3984      var self = this,
3985        opts = self.current ? self.current.opts : self.opts,
3986        $container = self.$refs.container;
3987
3988      self.hasHiddenControls = false;
3989      self.idleSecondsCounter = 0;
3990
3991      $container
3992        .toggleClass("fancybox-show-toolbar", !!(opts.toolbar && opts.buttons))
3993        .toggleClass("fancybox-show-infobar", !!(opts.infobar && self.group.length > 1))
3994        .toggleClass("fancybox-show-caption", !!self.$caption)
3995        .toggleClass("fancybox-show-nav", !!(opts.arrows && self.group.length > 1))
3996        .toggleClass("fancybox-is-modal", !!opts.modal);
3997    },
3998
3999    // Toggle toolbar and caption
4000    // ==========================
4001
4002    toggleControls: function () {
4003      if (this.hasHiddenControls) {
4004        this.showControls();
4005      } else {
4006        this.hideControls();
4007      }
4008    }
4009  });
4010
4011  $.fancybox = {
4012    version: "3.5.7",
4013    defaults: defaults,
4014
4015    // Get current instance and execute a command.
4016    //
4017    // Examples of usage:
4018    //
4019    //   $instance = $.fancybox.getInstance();
4020    //   $.fancybox.getInstance().jumpTo( 1 );
4021    //   $.fancybox.getInstance( 'jumpTo', 1 );
4022    //   $.fancybox.getInstance( function() {
4023    //       console.info( this.currIndex );
4024    //   });
4025    // ======================================================
4026
4027    getInstance: function (command) {
4028      var instance = $('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),
4029        args = Array.prototype.slice.call(arguments, 1);
4030
4031      if (instance instanceof FancyBox) {
4032        if ($.type(command) === "string") {
4033          instance[command].apply(instance, args);
4034        } else if ($.type(command) === "function") {
4035          command.apply(instance, args);
4036        }
4037
4038        return instance;
4039      }
4040
4041      return false;
4042    },
4043
4044    // Create new instance
4045    // ===================
4046
4047    open: function (items, opts, index) {
4048      return new FancyBox(items, opts, index);
4049    },
4050
4051    // Close current or all instances
4052    // ==============================
4053
4054    close: function (all) {
4055      var instance = this.getInstance();
4056
4057      if (instance) {
4058        instance.close();
4059
4060        // Try to find and close next instance
4061        if (all === true) {
4062          this.close(all);
4063        }
4064      }
4065    },
4066
4067    // Close all instances and unbind all events
4068    // =========================================
4069
4070    destroy: function () {
4071      this.close(true);
4072
4073      $D.add("body").off("click.fb-start", "**");
4074    },
4075
4076    // Try to detect mobile devices
4077    // ============================
4078
4079    isMobile: /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),
4080
4081    // Detect if 'translate3d' support is available
4082    // ============================================
4083
4084    use3d: (function () {
4085      var div = document.createElement("div");
4086
4087      return (
4088        window.getComputedStyle &&
4089        window.getComputedStyle(div) &&
4090        window.getComputedStyle(div).getPropertyValue("transform") &&
4091        !(document.documentMode && document.documentMode < 11)
4092      );
4093    })(),
4094
4095    // Helper function to get current visual state of an element
4096    // returns array[ top, left, horizontal-scale, vertical-scale, opacity ]
4097    // =====================================================================
4098
4099    getTranslate: function ($el) {
4100      var domRect;
4101
4102      if (!$el || !$el.length) {
4103        return false;
4104      }
4105
4106      domRect = $el[0].getBoundingClientRect();
4107
4108      return {
4109        top: domRect.top || 0,
4110        left: domRect.left || 0,
4111        width: domRect.width,
4112        height: domRect.height,
4113        opacity: parseFloat($el.css("opacity"))
4114      };
4115    },
4116
4117    // Shortcut for setting "translate3d" properties for element
4118    // Can set be used to set opacity, too
4119    // ========================================================
4120
4121    setTranslate: function ($el, props) {
4122      var str = "",
4123        css = {};
4124
4125      if (!$el || !props) {
4126        return;
4127      }
4128
4129      if (props.left !== undefined || props.top !== undefined) {
4130        str =
4131          (props.left === undefined ? $el.position().left : props.left) +
4132          "px, " +
4133          (props.top === undefined ? $el.position().top : props.top) +
4134          "px";
4135
4136        if (this.use3d) {
4137          str = "translate3d(" + str + ", 0px)";
4138        } else {
4139          str = "translate(" + str + ")";
4140        }
4141      }
4142
4143      if (props.scaleX !== undefined && props.scaleY !== undefined) {
4144        str += " scale(" + props.scaleX + ", " + props.scaleY + ")";
4145      } else if (props.scaleX !== undefined) {
4146        str += " scaleX(" + props.scaleX + ")";
4147      }
4148
4149      if (str.length) {
4150        css.transform = str;
4151      }
4152
4153      if (props.opacity !== undefined) {
4154        css.opacity = props.opacity;
4155      }
4156
4157      if (props.width !== undefined) {
4158        css.width = props.width;
4159      }
4160
4161      if (props.height !== undefined) {
4162        css.height = props.height;
4163      }
4164
4165      return $el.css(css);
4166    },
4167
4168    // Simple CSS transition handler
4169    // =============================
4170
4171    animate: function ($el, to, duration, callback, leaveAnimationName) {
4172      var self = this,
4173        from;
4174
4175      if ($.isFunction(duration)) {
4176        callback = duration;
4177        duration = null;
4178      }
4179
4180      self.stop($el);
4181
4182      from = self.getTranslate($el);
4183
4184      $el.on(transitionEnd, function (e) {
4185        // Skip events from child elements and z-index change
4186        if (e && e.originalEvent && (!$el.is(e.originalEvent.target) || e.originalEvent.propertyName == "z-index")) {
4187          return;
4188        }
4189
4190        self.stop($el);
4191
4192        if ($.isNumeric(duration)) {
4193          $el.css("transition-duration", "");
4194        }
4195
4196        if ($.isPlainObject(to)) {
4197          if (to.scaleX !== undefined && to.scaleY !== undefined) {
4198            self.setTranslate($el, {
4199              top: to.top,
4200              left: to.left,
4201              width: from.width * to.scaleX,
4202              height: from.height * to.scaleY,
4203              scaleX: 1,
4204              scaleY: 1
4205            });
4206          }
4207        } else if (leaveAnimationName !== true) {
4208          $el.removeClass(to);
4209        }
4210
4211        if ($.isFunction(callback)) {
4212          callback(e);
4213        }
4214      });
4215
4216      if ($.isNumeric(duration)) {
4217        $el.css("transition-duration", duration + "ms");
4218      }
4219
4220      // Start animation by changing CSS properties or class name
4221      if ($.isPlainObject(to)) {
4222        if (to.scaleX !== undefined && to.scaleY !== undefined) {
4223          delete to.width;
4224          delete to.height;
4225
4226          if ($el.parent().hasClass("fancybox-slide--image")) {
4227            $el.parent().addClass("fancybox-is-scaling");
4228          }
4229        }
4230
4231        $.fancybox.setTranslate($el, to);
4232      } else {
4233        $el.addClass(to);
4234      }
4235
4236      // Make sure that `transitionend` callback gets fired
4237      $el.data(
4238        "timer",
4239        setTimeout(function () {
4240          $el.trigger(transitionEnd);
4241        }, duration + 33)
4242      );
4243    },
4244
4245    stop: function ($el, callCallback) {
4246      if ($el && $el.length) {
4247        clearTimeout($el.data("timer"));
4248
4249        if (callCallback) {
4250          $el.trigger(transitionEnd);
4251        }
4252
4253        $el.off(transitionEnd).css("transition-duration", "");
4254
4255        $el.parent().removeClass("fancybox-is-scaling");
4256      }
4257    }
4258  };
4259
4260  // Default click handler for "fancyboxed" links
4261  // ============================================
4262
4263  function _run(e, opts) {
4264    var items = [],
4265      index = 0,
4266      $target,
4267      value,
4268      instance;
4269
4270    // Avoid opening multiple times
4271    if (e && e.isDefaultPrevented()) {
4272      return;
4273    }
4274
4275    e.preventDefault();
4276
4277    opts = opts || {};
4278
4279    if (e && e.data) {
4280      opts = mergeOpts(e.data.options, opts);
4281    }
4282
4283    $target = opts.$target || $(e.currentTarget).trigger("blur");
4284    instance = $.fancybox.getInstance();
4285
4286    if (instance && instance.$trigger && instance.$trigger.is($target)) {
4287      return;
4288    }
4289
4290    if (opts.selector) {
4291      items = $(opts.selector);
4292    } else {
4293      // Get all related items and find index for clicked one
4294      value = $target.attr("data-fancybox") || "";
4295
4296      if (value) {
4297        items = e.data ? e.data.items : [];
4298        items = items.length ? items.filter('[data-fancybox="' + value + '"]') : $('[data-fancybox="' + value + '"]');
4299      } else {
4300        items = [$target];
4301      }
4302    }
4303
4304    index = $(items).index($target);
4305
4306    // Sometimes current item can not be found
4307    if (index < 0) {
4308      index = 0;
4309    }
4310
4311    instance = $.fancybox.open(items, opts, index);
4312
4313    // Save last active element
4314    instance.$trigger = $target;
4315  }
4316
4317  // Create a jQuery plugin
4318  // ======================
4319
4320  $.fn.fancybox = function (options) {
4321    var selector;
4322
4323    options = options || {};
4324    selector = options.selector || false;
4325
4326    if (selector) {
4327      // Use body element instead of document so it executes first
4328      $("body")
4329        .off("click.fb-start", selector)
4330        .on("click.fb-start", selector, {
4331          options: options
4332        }, _run);
4333    } else {
4334      this.off("click.fb-start").on(
4335        "click.fb-start", {
4336          items: this,
4337          options: options
4338        },
4339        _run
4340      );
4341    }
4342
4343    return this;
4344  };
4345
4346  // Self initializing plugin for all elements having `data-fancybox` attribute
4347  // ==========================================================================
4348
4349  $D.on("click.fb-start", "[data-fancybox]", _run);
4350
4351  // Enable "trigger elements"
4352  // =========================
4353
4354  $D.on("click.fb-start", "[data-fancybox-trigger]", function (e) {
4355    $('[data-fancybox="' + $(this).attr("data-fancybox-trigger") + '"]')
4356      .eq($(this).attr("data-fancybox-index") || 0)
4357      .trigger("click.fb-start", {
4358        $trigger: $(this)
4359      });
4360  });
4361
4362  // Track focus event for better accessibility styling
4363  // ==================================================
4364  (function () {
4365    var buttonStr = ".fancybox-button",
4366      focusStr = "fancybox-focus",
4367      $pressed = null;
4368
4369    $D.on("mousedown mouseup focus blur", buttonStr, function (e) {
4370      switch (e.type) {
4371        case "mousedown":
4372          $pressed = $(this);
4373          break;
4374        case "mouseup":
4375          $pressed = null;
4376          break;
4377        case "focusin":
4378          $(buttonStr).removeClass(focusStr);
4379
4380          if (!$(this).is($pressed) && !$(this).is("[disabled]")) {
4381            $(this).addClass(focusStr);
4382          }
4383          break;
4384        case "focusout":
4385          $(buttonStr).removeClass(focusStr);
4386          break;
4387      }
4388    });
4389  })();
4390})(window, document, jQuery);
4391// ==========================================================================
4392//
4393// Media
4394// Adds additional media type support
4395//
4396// ==========================================================================
4397(function ($) {
4398  "use strict";
4399
4400  // Object containing properties for each media type
4401  var defaults = {
4402    youtube: {
4403      matcher: /(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,
4404      params: {
4405        autoplay: 1,
4406        autohide: 1,
4407        fs: 1,
4408        rel: 0,
4409        hd: 1,
4410        wmode: "transparent",
4411        enablejsapi: 1,
4412        html5: 1
4413      },
4414      paramPlace: 8,
4415      type: "iframe",
4416      url: "https://www.youtube-nocookie.com/embed/$4",
4417      thumb: "https://img.youtube.com/vi/$4/hqdefault.jpg"
4418    },
4419
4420    vimeo: {
4421      matcher: /^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,
4422      params: {
4423        autoplay: 1,
4424        hd: 1,
4425        show_title: 1,
4426        show_byline: 1,
4427        show_portrait: 0,
4428        fullscreen: 1
4429      },
4430      paramPlace: 3,
4431      type: "iframe",
4432      url: "//player.vimeo.com/video/$2"
4433    },
4434
4435    instagram: {
4436      matcher: /(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,
4437      type: "image",
4438      url: "//$1/p/$2/media/?size=l"
4439    },
4440
4441    // Examples:
4442    // http://maps.google.com/?ll=48.857995,2.294297&spn=0.007666,0.021136&t=m&z=16
4443    // https://www.google.com/maps/@37.7852006,-122.4146355,14.65z
4444    // https://www.google.com/maps/@52.2111123,2.9237542,6.61z?hl=en
4445    // https://www.google.com/maps/place/Googleplex/@37.4220041,-122.0833494,17z/data=!4m5!3m4!1s0x0:0x6c296c66619367e0!8m2!3d37.4219998!4d-122.0840572
4446    gmap_place: {
4447      matcher: /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,
4448      type: "iframe",
4449      url: function (rez) {
4450        return (
4451          "//maps.google." +
4452          rez[2] +
4453          "/?ll=" +
4454          (rez[9] ? rez[9] + "&z=" + Math.floor(rez[10]) + (rez[12] ? rez[12].replace(/^\//, "&") : "") : rez[12] + "").replace(/\?/, "&") +
4455          "&output=" +
4456          (rez[12] && rez[12].indexOf("layer=c") > 0 ? "svembed" : "embed")
4457        );
4458      }
4459    },
4460
4461    // Examples:
4462    // https://www.google.com/maps/search/Empire+State+Building/
4463    // https://www.google.com/maps/search/?api=1&query=centurylink+field
4464    // https://www.google.com/maps/search/?api=1&query=47.5951518,-122.3316393
4465    gmap_search: {
4466      matcher: /(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,
4467      type: "iframe",
4468      url: function (rez) {
4469        return "//maps.google." + rez[2] + "/maps?q=" + rez[5].replace("query=", "q=").replace("api=1", "") + "&output=embed";
4470      }
4471    }
4472  };
4473
4474  // Formats matching url to final form
4475  var format = function (url, rez, params) {
4476    if (!url) {
4477      return;
4478    }
4479
4480    params = params || "";
4481
4482    if ($.type(params) === "object") {
4483      params = $.param(params, true);
4484    }
4485
4486    $.each(rez, function (key, value) {
4487      url = url.replace("$" + key, value || "");
4488    });
4489
4490    if (params.length) {
4491      url += (url.indexOf("?") > 0 ? "&" : "?") + params;
4492    }
4493
4494    return url;
4495  };
4496
4497  $(document).on("objectNeedsType.fb", function (e, instance, item) {
4498    var url = item.src || "",
4499      type = false,
4500      media,
4501      thumb,
4502      rez,
4503      params,
4504      urlParams,
4505      paramObj,
4506      provider;
4507
4508    media = $.extend(true, {}, defaults, item.opts.media);
4509
4510    // Look for any matching media type
4511    $.each(media, function (providerName, providerOpts) {
4512      rez = url.match(providerOpts.matcher);
4513
4514      if (!rez) {
4515        return;
4516      }
4517
4518      type = providerOpts.type;
4519      provider = providerName;
4520      paramObj = {};
4521
4522      if (providerOpts.paramPlace && rez[providerOpts.paramPlace]) {
4523        urlParams = rez[providerOpts.paramPlace];
4524
4525        if (urlParams[0] == "?") {
4526          urlParams = urlParams.substring(1);
4527        }
4528
4529        urlParams = urlParams.split("&");
4530
4531        for (var m = 0; m < urlParams.length; ++m) {
4532          var p = urlParams[m].split("=", 2);
4533
4534          if (p.length == 2) {
4535            paramObj[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
4536          }
4537        }
4538      }
4539
4540      params = $.extend(true, {}, providerOpts.params, item.opts[providerName], paramObj);
4541
4542      url =
4543        $.type(providerOpts.url) === "function" ? providerOpts.url.call(this, rez, params, item) : format(providerOpts.url, rez, params);
4544
4545      thumb =
4546        $.type(providerOpts.thumb) === "function" ? providerOpts.thumb.call(this, rez, params, item) : format(providerOpts.thumb, rez);
4547
4548      if (providerName === "youtube") {
4549        url = url.replace(/&t=((\d+)m)?(\d+)s/, function (match, p1, m, s) {
4550          return "&start=" + ((m ? parseInt(m, 10) * 60 : 0) + parseInt(s, 10));
4551        });
4552      } else if (providerName === "vimeo") {
4553        url = url.replace("&%23", "#");
4554      }
4555
4556      return false;
4557    });
4558
4559    // If it is found, then change content type and update the url
4560
4561    if (type) {
4562      if (!item.opts.thumb && !(item.opts.$thumb && item.opts.$thumb.length)) {
4563        item.opts.thumb = thumb;
4564      }
4565
4566      if (type === "iframe") {
4567        item.opts = $.extend(true, item.opts, {
4568          iframe: {
4569            preload: false,
4570            attr: {
4571              scrolling: "no"
4572            }
4573          }
4574        });
4575      }
4576
4577      $.extend(item, {
4578        type: type,
4579        src: url,
4580        origSrc: item.src,
4581        contentSource: provider,
4582        contentType: type === "image" ? "image" : provider == "gmap_place" || provider == "gmap_search" ? "map" : "video"
4583      });
4584    } else if (url) {
4585      item.type = item.opts.defaultType;
4586    }
4587  });
4588
4589  // Load YouTube/Video API on request to detect when video finished playing
4590  var VideoAPILoader = {
4591    youtube: {
4592      src: "https://www.youtube.com/iframe_api",
4593      class: "YT",
4594      loading: false,
4595      loaded: false
4596    },
4597
4598    vimeo: {
4599      src: "https://player.vimeo.com/api/player.js",
4600      class: "Vimeo",
4601      loading: false,
4602      loaded: false
4603    },
4604
4605    load: function (vendor) {
4606      var _this = this,
4607        script;
4608
4609      if (this[vendor].loaded) {
4610        setTimeout(function () {
4611          _this.done(vendor);
4612        });
4613        return;
4614      }
4615
4616      if (this[vendor].loading) {
4617        return;
4618      }
4619
4620      this[vendor].loading = true;
4621
4622      script = document.createElement("script");
4623      script.type = "text/javascript";
4624      script.src = this[vendor].src;
4625
4626      if (vendor === "youtube") {
4627        window.onYouTubeIframeAPIReady = function () {
4628          _this[vendor].loaded = true;
4629          _this.done(vendor);
4630        };
4631      } else {
4632        script.onload = function () {
4633          _this[vendor].loaded = true;
4634          _this.done(vendor);
4635        };
4636      }
4637
4638      document.body.appendChild(script);
4639    },
4640    done: function (vendor) {
4641      var instance, $el, player;
4642
4643      if (vendor === "youtube") {
4644        delete window.onYouTubeIframeAPIReady;
4645      }
4646
4647      instance = $.fancybox.getInstance();
4648
4649      if (instance) {
4650        $el = instance.current.$content.find("iframe");
4651
4652        if (vendor === "youtube" && YT !== undefined && YT) {
4653          player = new YT.Player($el.attr("id"), {
4654            events: {
4655              onStateChange: function (e) {
4656                if (e.data == 0) {
4657                  instance.next();
4658                }
4659              }
4660            }
4661          });
4662        } else if (vendor === "vimeo" && Vimeo !== undefined && Vimeo) {
4663          player = new Vimeo.Player($el);
4664
4665          player.on("ended", function () {
4666            instance.next();
4667          });
4668        }
4669      }
4670    }
4671  };
4672
4673  $(document).on({
4674    "afterShow.fb": function (e, instance, current) {
4675      if (instance.group.length > 1 && (current.contentSource === "youtube" || current.contentSource === "vimeo")) {
4676        VideoAPILoader.load(current.contentSource);
4677      }
4678    }
4679  });
4680})(jQuery);
4681// ==========================================================================
4682//
4683// Guestures
4684// Adds touch guestures, handles click and tap events
4685//
4686// ==========================================================================
4687(function (window, document, $) {
4688  "use strict";
4689
4690  var requestAFrame = (function () {
4691    return (
4692      window.requestAnimationFrame ||
4693      window.webkitRequestAnimationFrame ||
4694      window.mozRequestAnimationFrame ||
4695      window.oRequestAnimationFrame ||
4696      // if all else fails, use setTimeout
4697      function (callback) {
4698        return window.setTimeout(callback, 1000 / 60);
4699      }
4700    );
4701  })();
4702
4703  var cancelAFrame = (function () {
4704    return (
4705      window.cancelAnimationFrame ||
4706      window.webkitCancelAnimationFrame ||
4707      window.mozCancelAnimationFrame ||
4708      window.oCancelAnimationFrame ||
4709      function (id) {
4710        window.clearTimeout(id);
4711      }
4712    );
4713  })();
4714
4715  var getPointerXY = function (e) {
4716    var result = [];
4717
4718    e = e.originalEvent || e || window.e;
4719    e = e.touches && e.touches.length ? e.touches : e.changedTouches && e.changedTouches.length ? e.changedTouches : [e];
4720
4721    for (var key in e) {
4722      if (e[key].pageX) {
4723        result.push({
4724          x: e[key].pageX,
4725          y: e[key].pageY
4726        });
4727      } else if (e[key].clientX) {
4728        result.push({
4729          x: e[key].clientX,
4730          y: e[key].clientY
4731        });
4732      }
4733    }
4734
4735    return result;
4736  };
4737
4738  var distance = function (point2, point1, what) {
4739    if (!point1 || !point2) {
4740      return 0;
4741    }
4742
4743    if (what === "x") {
4744      return point2.x - point1.x;
4745    } else if (what === "y") {
4746      return point2.y - point1.y;
4747    }
4748
4749    return Math.sqrt(Math.pow(point2.x - point1.x, 2) + Math.pow(point2.y - point1.y, 2));
4750  };
4751
4752  var isClickable = function ($el) {
4753    if (
4754      $el.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe') ||
4755      $.isFunction($el.get(0).onclick) ||
4756      $el.data("selectable")
4757    ) {
4758      return true;
4759    }
4760
4761    // Check for attributes like data-fancybox-next or data-fancybox-close
4762    for (var i = 0, atts = $el[0].attributes, n = atts.length; i < n; i++) {
4763      if (atts[i].nodeName.substr(0, 14) === "data-fancybox-") {
4764        return true;
4765      }
4766    }
4767
4768    return false;
4769  };
4770
4771  var hasScrollbars = function (el) {
4772    var overflowY = window.getComputedStyle(el)["overflow-y"],
4773      overflowX = window.getComputedStyle(el)["overflow-x"],
4774      vertical = (overflowY === "scroll" || overflowY === "auto") && el.scrollHeight > el.clientHeight,
4775      horizontal = (overflowX === "scroll" || overflowX === "auto") && el.scrollWidth > el.clientWidth;
4776
4777    return vertical || horizontal;
4778  };
4779
4780  var isScrollable = function ($el) {
4781    var rez = false;
4782
4783    while (true) {
4784      rez = hasScrollbars($el.get(0));
4785
4786      if (rez) {
4787        break;
4788      }
4789
4790      $el = $el.parent();
4791
4792      if (!$el.length || $el.hasClass("fancybox-stage") || $el.is("body")) {
4793        break;
4794      }
4795    }
4796
4797    return rez;
4798  };
4799
4800  var Guestures = function (instance) {
4801    var self = this;
4802
4803    self.instance = instance;
4804
4805    self.$bg = instance.$refs.bg;
4806    self.$stage = instance.$refs.stage;
4807    self.$container = instance.$refs.container;
4808
4809    self.destroy();
4810
4811    self.$container.on("touchstart.fb.touch mousedown.fb.touch", $.proxy(self, "ontouchstart"));
4812  };
4813
4814  Guestures.prototype.destroy = function () {
4815    var self = this;
4816
4817    self.$container.off(".fb.touch");
4818
4819    $(document).off(".fb.touch");
4820
4821    if (self.requestId) {
4822      cancelAFrame(self.requestId);
4823      self.requestId = null;
4824    }
4825
4826    if (self.tapped) {
4827      clearTimeout(self.tapped);
4828      self.tapped = null;
4829    }
4830  };
4831
4832  Guestures.prototype.ontouchstart = function (e) {
4833    var self = this,
4834      $target = $(e.target),
4835      instance = self.instance,
4836      current = instance.current,
4837      $slide = current.$slide,
4838      $content = current.$content,
4839      isTouchDevice = e.type == "touchstart";
4840
4841    // Do not respond to both (touch and mouse) events
4842    if (isTouchDevice) {
4843      self.$container.off("mousedown.fb.touch");
4844    }
4845
4846    // Ignore right click
4847    if (e.originalEvent && e.originalEvent.button == 2) {
4848      return;
4849    }
4850
4851    // Ignore taping on links, buttons, input elements
4852    if (!$slide.length || !$target.length || isClickable($target) || isClickable($target.parent())) {
4853      return;
4854    }
4855    // Ignore clicks on the scrollbar
4856    if (!$target.is("img") && e.originalEvent.clientX > $target[0].clientWidth + $target.offset().left) {
4857      return;
4858    }
4859
4860    // Ignore clicks while zooming or closing
4861    if (!current || instance.isAnimating || current.$slide.hasClass("fancybox-animated")) {
4862      e.stopPropagation();
4863      e.preventDefault();
4864
4865      return;
4866    }
4867
4868    self.realPoints = self.startPoints = getPointerXY(e);
4869
4870    if (!self.startPoints.length) {
4871      return;
4872    }
4873
4874    // Allow other scripts to catch touch event if "touch" is set to false
4875    if (current.touch) {
4876      e.stopPropagation();
4877    }
4878
4879    self.startEvent = e;
4880
4881    self.canTap = true;
4882    self.$target = $target;
4883    self.$content = $content;
4884    self.opts = current.opts.touch;
4885
4886    self.isPanning = false;
4887    self.isSwiping = false;
4888    self.isZooming = false;
4889    self.isScrolling = false;
4890    self.canPan = instance.canPan();
4891
4892    self.startTime = new Date().getTime();
4893    self.distanceX = self.distanceY = self.distance = 0;
4894
4895    self.canvasWidth = Math.round($slide[0].clientWidth);
4896    self.canvasHeight = Math.round($slide[0].clientHeight);
4897
4898    self.contentLastPos = null;
4899    self.contentStartPos = $.fancybox.getTranslate(self.$content) || {
4900      top: 0,
4901      left: 0
4902    };
4903    self.sliderStartPos = $.fancybox.getTranslate($slide);
4904
4905    // Since position will be absolute, but we need to make it relative to the stage
4906    self.stagePos = $.fancybox.getTranslate(instance.$refs.stage);
4907
4908    self.sliderStartPos.top -= self.stagePos.top;
4909    self.sliderStartPos.left -= self.stagePos.left;
4910
4911    self.contentStartPos.top -= self.stagePos.top;
4912    self.contentStartPos.left -= self.stagePos.left;
4913
4914    $(document)
4915      .off(".fb.touch")
4916      .on(isTouchDevice ? "touchend.fb.touch touchcancel.fb.touch" : "mouseup.fb.touch mouseleave.fb.touch", $.proxy(self, "ontouchend"))
4917      .on(isTouchDevice ? "touchmove.fb.touch" : "mousemove.fb.touch", $.proxy(self, "ontouchmove"));
4918
4919    if ($.fancybox.isMobile) {
4920      document.addEventListener("scroll", self.onscroll, true);
4921    }
4922
4923    // Skip if clicked outside the sliding area
4924    if (!(self.opts || self.canPan) || !($target.is(self.$stage) || self.$stage.find($target).length)) {
4925      if ($target.is(".fancybox-image")) {
4926        e.preventDefault();
4927      }
4928
4929      if (!($.fancybox.isMobile && $target.parents(".fancybox-caption").length)) {
4930        return;
4931      }
4932    }
4933
4934    self.isScrollable = isScrollable($target) || isScrollable($target.parent());
4935
4936    // Check if element is scrollable and try to prevent default behavior (scrolling)
4937    if (!($.fancybox.isMobile && self.isScrollable)) {
4938      e.preventDefault();
4939    }
4940
4941    // One finger or mouse click - swipe or pan an image
4942    if (self.startPoints.length === 1 || current.hasError) {
4943      if (self.canPan) {
4944        $.fancybox.stop(self.$content);
4945
4946        self.isPanning = true;
4947      } else {
4948        self.isSwiping = true;
4949      }
4950
4951      self.$container.addClass("fancybox-is-grabbing");
4952    }
4953
4954    // Two fingers - zoom image
4955    if (self.startPoints.length === 2 && current.type === "image" && (current.isLoaded || current.$ghost)) {
4956      self.canTap = false;
4957      self.isSwiping = false;
4958      self.isPanning = false;
4959
4960      self.isZooming = true;
4961
4962      $.fancybox.stop(self.$content);
4963
4964      self.centerPointStartX = (self.startPoints[0].x + self.startPoints[1].x) * 0.5 - $(window).scrollLeft();
4965      self.centerPointStartY = (self.startPoints[0].y + self.startPoints[1].y) * 0.5 - $(window).scrollTop();
4966
4967      self.percentageOfImageAtPinchPointX = (self.centerPointStartX - self.contentStartPos.left) / self.contentStartPos.width;
4968      self.percentageOfImageAtPinchPointY = (self.centerPointStartY - self.contentStartPos.top) / self.contentStartPos.height;
4969
4970      self.startDistanceBetweenFingers = distance(self.startPoints[0], self.startPoints[1]);
4971    }
4972  };
4973
4974  Guestures.prototype.onscroll = function (e) {
4975    var self = this;
4976
4977    self.isScrolling = true;
4978
4979    document.removeEventListener("scroll", self.onscroll, true);
4980  };
4981
4982  Guestures.prototype.ontouchmove = function (e) {
4983    var self = this;
4984
4985    // Make sure user has not released over iframe or disabled element
4986    if (e.originalEvent.buttons !== undefined && e.originalEvent.buttons === 0) {
4987      self.ontouchend(e);
4988      return;
4989    }
4990
4991    if (self.isScrolling) {
4992      self.canTap = false;
4993      return;
4994    }
4995
4996    self.newPoints = getPointerXY(e);
4997
4998    if (!(self.opts || self.canPan) || !self.newPoints.length || !self.newPoints.length) {
4999      return;
5000    }
5001
5002    if (!(self.isSwiping && self.isSwiping === true)) {
5003      e.preventDefault();
5004    }
5005
5006    self.distanceX = distance(self.newPoints[0], self.startPoints[0], "x");
5007    self.distanceY = distance(self.newPoints[0], self.startPoints[0], "y");
5008
5009    self.distance = distance(self.newPoints[0], self.startPoints[0]);
5010
5011    // Skip false ontouchmove events (Chrome)
5012    if (self.distance > 0) {
5013      if (self.isSwiping) {
5014        self.onSwipe(e);
5015      } else if (self.isPanning) {
5016        self.onPan();
5017      } else if (self.isZooming) {
5018        self.onZoom();
5019      }
5020    }
5021  };
5022
5023  Guestures.prototype.onSwipe = function (e) {
5024    var self = this,
5025      instance = self.instance,
5026      swiping = self.isSwiping,
5027      left = self.sliderStartPos.left || 0,
5028      angle;
5029
5030    // If direction is not yet determined
5031    if (swiping === true) {
5032      // We need at least 10px distance to correctly calculate an angle
5033      if (Math.abs(self.distance) > 10) {
5034        self.canTap = false;
5035
5036        if (instance.group.length < 2 && self.opts.vertical) {
5037          self.isSwiping = "y";
5038        } else if (instance.isDragging || self.opts.vertical === false || (self.opts.vertical === "auto" && $(window).width() > 800)) {
5039          self.isSwiping = "x";
5040        } else {
5041          angle = Math.abs((Math.atan2(self.distanceY, self.distanceX) * 180) / Math.PI);
5042
5043          self.isSwiping = angle > 45 && angle < 135 ? "y" : "x";
5044        }
5045
5046        if (self.isSwiping === "y" && $.fancybox.isMobile && self.isScrollable) {
5047          self.isScrolling = true;
5048
5049          return;
5050        }
5051
5052        instance.isDragging = self.isSwiping;
5053
5054        // Reset points to avoid jumping, because we dropped first swipes to calculate the angle
5055        self.startPoints = self.newPoints;
5056
5057        $.each(instance.slides, function (index, slide) {
5058          var slidePos, stagePos;
5059
5060          $.fancybox.stop(slide.$slide);
5061
5062          slidePos = $.fancybox.getTranslate(slide.$slide);
5063          stagePos = $.fancybox.getTranslate(instance.$refs.stage);
5064
5065          slide.$slide
5066            .css({
5067              transform: "",
5068              opacity: "",
5069              "transition-duration": ""
5070            })
5071            .removeClass("fancybox-animated")
5072            .removeClass(function (index, className) {
5073              return (className.match(/(^|\s)fancybox-fx-\S+/g) || []).join(" ");
5074            });
5075
5076          if (slide.pos === instance.current.pos) {
5077            self.sliderStartPos.top = slidePos.top - stagePos.top;
5078            self.sliderStartPos.left = slidePos.left - stagePos.left;
5079          }
5080
5081          $.fancybox.setTranslate(slide.$slide, {
5082            top: slidePos.top - stagePos.top,
5083            left: slidePos.left - stagePos.left
5084          });
5085        });
5086
5087        // Stop slideshow
5088        if (instance.SlideShow && instance.SlideShow.isActive) {
5089          instance.SlideShow.stop();
5090        }
5091      }
5092
5093      return;
5094    }
5095
5096    // Sticky edges
5097    if (swiping == "x") {
5098      if (
5099        self.distanceX > 0 &&
5100        (self.instance.group.length < 2 || (self.instance.current.index === 0 && !self.instance.current.opts.loop))
5101      ) {
5102        left = left + Math.pow(self.distanceX, 0.8);
5103      } else if (
5104        self.distanceX < 0 &&
5105        (self.instance.group.length < 2 ||
5106          (self.instance.current.index === self.instance.group.length - 1 && !self.instance.current.opts.loop))
5107      ) {
5108        left = left - Math.pow(-self.distanceX, 0.8);
5109      } else {
5110        left = left + self.distanceX;
5111      }
5112    }
5113
5114    self.sliderLastPos = {
5115      top: swiping == "x" ? 0 : self.sliderStartPos.top + self.distanceY,
5116      left: left
5117    };
5118
5119    if (self.requestId) {
5120      cancelAFrame(self.requestId);
5121
5122      self.requestId = null;
5123    }
5124
5125    self.requestId = requestAFrame(function () {
5126      if (self.sliderLastPos) {
5127        $.each(self.instance.slides, function (index, slide) {
5128          var pos = slide.pos - self.instance.currPos;
5129
5130          $.fancybox.setTranslate(slide.$slide, {
5131            top: self.sliderLastPos.top,
5132            left: self.sliderLastPos.left + pos * self.canvasWidth + pos * slide.opts.gutter
5133          });
5134        });
5135
5136        self.$container.addClass("fancybox-is-sliding");
5137      }
5138    });
5139  };
5140
5141  Guestures.prototype.onPan = function () {
5142    var self = this;
5143
5144    // Prevent accidental movement (sometimes, when tapping casually, finger can move a bit)
5145    if (distance(self.newPoints[0], self.realPoints[0]) < ($.fancybox.isMobile ? 10 : 5)) {
5146      self.startPoints = self.newPoints;
5147      return;
5148    }
5149
5150    self.canTap = false;
5151
5152    self.contentLastPos = self.limitMovement();
5153
5154    if (self.requestId) {
5155      cancelAFrame(self.requestId);
5156    }
5157
5158    self.requestId = requestAFrame(function () {
5159      $.fancybox.setTranslate(self.$content, self.contentLastPos);
5160    });
5161  };
5162
5163  // Make panning sticky to the edges
5164  Guestures.prototype.limitMovement = function () {
5165    var self = this;
5166
5167    var canvasWidth = self.canvasWidth;
5168    var canvasHeight = self.canvasHeight;
5169
5170    var distanceX = self.distanceX;
5171    var distanceY = self.distanceY;
5172
5173    var contentStartPos = self.contentStartPos;
5174
5175    var currentOffsetX = contentStartPos.left;
5176    var currentOffsetY = contentStartPos.top;
5177
5178    var currentWidth = contentStartPos.width;
5179    var currentHeight = contentStartPos.height;
5180
5181    var minTranslateX, minTranslateY, maxTranslateX, maxTranslateY, newOffsetX, newOffsetY;
5182
5183    if (currentWidth > canvasWidth) {
5184      newOffsetX = currentOffsetX + distanceX;
5185    } else {
5186      newOffsetX = currentOffsetX;
5187    }
5188
5189    newOffsetY = currentOffsetY + distanceY;
5190
5191    // Slow down proportionally to traveled distance
5192    minTranslateX = Math.max(0, canvasWidth * 0.5 - currentWidth * 0.5);
5193    minTranslateY = Math.max(0, canvasHeight * 0.5 - currentHeight * 0.5);
5194
5195    maxTranslateX = Math.min(canvasWidth - currentWidth, canvasWidth * 0.5 - currentWidth * 0.5);
5196    maxTranslateY = Math.min(canvasHeight - currentHeight, canvasHeight * 0.5 - currentHeight * 0.5);
5197
5198    //   ->
5199    if (distanceX > 0 && newOffsetX > minTranslateX) {
5200      newOffsetX = minTranslateX - 1 + Math.pow(-minTranslateX + currentOffsetX + distanceX, 0.8) || 0;
5201    }
5202
5203    //    <-
5204    if (distanceX < 0 && newOffsetX < maxTranslateX) {
5205      newOffsetX = maxTranslateX + 1 - Math.pow(maxTranslateX - currentOffsetX - distanceX, 0.8) || 0;
5206    }
5207
5208    //   \/
5209    if (distanceY > 0 && newOffsetY > minTranslateY) {
5210      newOffsetY = minTranslateY - 1 + Math.pow(-minTranslateY + currentOffsetY + distanceY, 0.8) || 0;
5211    }
5212
5213    //   /\
5214    if (distanceY < 0 && newOffsetY < maxTranslateY) {
5215      newOffsetY = maxTranslateY + 1 - Math.pow(maxTranslateY - currentOffsetY - distanceY, 0.8) || 0;
5216    }
5217
5218    return {
5219      top: newOffsetY,
5220      left: newOffsetX
5221    };
5222  };
5223
5224  Guestures.prototype.limitPosition = function (newOffsetX, newOffsetY, newWidth, newHeight) {
5225    var self = this;
5226
5227    var canvasWidth = self.canvasWidth;
5228    var canvasHeight = self.canvasHeight;
5229
5230    if (newWidth > canvasWidth) {
5231      newOffsetX = newOffsetX > 0 ? 0 : newOffsetX;
5232      newOffsetX = newOffsetX < canvasWidth - newWidth ? canvasWidth - newWidth : newOffsetX;
5233    } else {
5234      // Center horizontally
5235      newOffsetX = Math.max(0, canvasWidth / 2 - newWidth / 2);
5236    }
5237
5238    if (newHeight > canvasHeight) {
5239      newOffsetY = newOffsetY > 0 ? 0 : newOffsetY;
5240      newOffsetY = newOffsetY < canvasHeight - newHeight ? canvasHeight - newHeight : newOffsetY;
5241    } else {
5242      // Center vertically
5243      newOffsetY = Math.max(0, canvasHeight / 2 - newHeight / 2);
5244    }
5245
5246    return {
5247      top: newOffsetY,
5248      left: newOffsetX
5249    };
5250  };
5251
5252  Guestures.prototype.onZoom = function () {
5253    var self = this;
5254
5255    // Calculate current distance between points to get pinch ratio and new width and height
5256    var contentStartPos = self.contentStartPos;
5257
5258    var currentWidth = contentStartPos.width;
5259    var currentHeight = contentStartPos.height;
5260
5261    var currentOffsetX = contentStartPos.left;
5262    var currentOffsetY = contentStartPos.top;
5263
5264    var endDistanceBetweenFingers = distance(self.newPoints[0], self.newPoints[1]);
5265
5266    var pinchRatio = endDistanceBetweenFingers / self.startDistanceBetweenFingers;
5267
5268    var newWidth = Math.floor(currentWidth * pinchRatio);
5269    var newHeight = Math.floor(currentHeight * pinchRatio);
5270
5271    // This is the translation due to pinch-zooming
5272    var translateFromZoomingX = (currentWidth - newWidth) * self.percentageOfImageAtPinchPointX;
5273    var translateFromZoomingY = (currentHeight - newHeight) * self.percentageOfImageAtPinchPointY;
5274
5275    // Point between the two touches
5276    var centerPointEndX = (self.newPoints[0].x + self.newPoints[1].x) / 2 - $(window).scrollLeft();
5277    var centerPointEndY = (self.newPoints[0].y + self.newPoints[1].y) / 2 - $(window).scrollTop();
5278
5279    // And this is the translation due to translation of the centerpoint
5280    // between the two fingers
5281    var translateFromTranslatingX = centerPointEndX - self.centerPointStartX;
5282    var translateFromTranslatingY = centerPointEndY - self.centerPointStartY;
5283
5284    // The new offset is the old/current one plus the total translation
5285    var newOffsetX = currentOffsetX + (translateFromZoomingX + translateFromTranslatingX);
5286    var newOffsetY = currentOffsetY + (translateFromZoomingY + translateFromTranslatingY);
5287
5288    var newPos = {
5289      top: newOffsetY,
5290      left: newOffsetX,
5291      scaleX: pinchRatio,
5292      scaleY: pinchRatio
5293    };
5294
5295    self.canTap = false;
5296
5297    self.newWidth = newWidth;
5298    self.newHeight = newHeight;
5299
5300    self.contentLastPos = newPos;
5301
5302    if (self.requestId) {
5303      cancelAFrame(self.requestId);
5304    }
5305
5306    self.requestId = requestAFrame(function () {
5307      $.fancybox.setTranslate(self.$content, self.contentLastPos);
5308    });
5309  };
5310
5311  Guestures.prototype.ontouchend = function (e) {
5312    var self = this;
5313
5314    var swiping = self.isSwiping;
5315    var panning = self.isPanning;
5316    var zooming = self.isZooming;
5317    var scrolling = self.isScrolling;
5318
5319    self.endPoints = getPointerXY(e);
5320    self.dMs = Math.max(new Date().getTime() - self.startTime, 1);
5321
5322    self.$container.removeClass("fancybox-is-grabbing");
5323
5324    $(document).off(".fb.touch");
5325
5326    document.removeEventListener("scroll", self.onscroll, true);
5327
5328    if (self.requestId) {
5329      cancelAFrame(self.requestId);
5330
5331      self.requestId = null;
5332    }
5333
5334    self.isSwiping = false;
5335    self.isPanning = false;
5336    self.isZooming = false;
5337    self.isScrolling = false;
5338
5339    self.instance.isDragging = false;
5340
5341    if (self.canTap) {
5342      return self.onTap(e);
5343    }
5344
5345    self.speed = 100;
5346
5347    // Speed in px/ms
5348    self.velocityX = (self.distanceX / self.dMs) * 0.5;
5349    self.velocityY = (self.distanceY / self.dMs) * 0.5;
5350
5351    if (panning) {
5352      self.endPanning();
5353    } else if (zooming) {
5354      self.endZooming();
5355    } else {
5356      self.endSwiping(swiping, scrolling);
5357    }
5358
5359    return;
5360  };
5361
5362  Guestures.prototype.endSwiping = function (swiping, scrolling) {
5363    var self = this,
5364      ret = false,
5365      len = self.instance.group.length,
5366      distanceX = Math.abs(self.distanceX),
5367      canAdvance = swiping == "x" && len > 1 && ((self.dMs > 130 && distanceX > 10) || distanceX > 50),
5368      speedX = 300;
5369
5370    self.sliderLastPos = null;
5371
5372    // Close if swiped vertically / navigate if horizontally
5373    if (swiping == "y" && !scrolling && Math.abs(self.distanceY) > 50) {
5374      // Continue vertical movement
5375      $.fancybox.animate(
5376        self.instance.current.$slide, {
5377          top: self.sliderStartPos.top + self.distanceY + self.velocityY * 150,
5378          opacity: 0
5379        },
5380        200
5381      );
5382      ret = self.instance.close(true, 250);
5383    } else if (canAdvance && self.distanceX > 0) {
5384      ret = self.instance.previous(speedX);
5385    } else if (canAdvance && self.distanceX < 0) {
5386      ret = self.instance.next(speedX);
5387    }
5388
5389    if (ret === false && (swiping == "x" || swiping == "y")) {
5390      self.instance.centerSlide(200);
5391    }
5392
5393    self.$container.removeClass("fancybox-is-sliding");
5394  };
5395
5396  // Limit panning from edges
5397  // ========================
5398  Guestures.prototype.endPanning = function () {
5399    var self = this,
5400      newOffsetX,
5401      newOffsetY,
5402      newPos;
5403
5404    if (!self.contentLastPos) {
5405      return;
5406    }
5407
5408    if (self.opts.momentum === false || self.dMs > 350) {
5409      newOffsetX = self.contentLastPos.left;
5410      newOffsetY = self.contentLastPos.top;
5411    } else {
5412      // Continue movement
5413      newOffsetX = self.contentLastPos.left + self.velocityX * 500;
5414      newOffsetY = self.contentLastPos.top + self.velocityY * 500;
5415    }
5416
5417    newPos = self.limitPosition(newOffsetX, newOffsetY, self.contentStartPos.width, self.contentStartPos.height);
5418
5419    newPos.width = self.contentStartPos.width;
5420    newPos.height = self.contentStartPos.height;
5421
5422    $.fancybox.animate(self.$content, newPos, 366);
5423  };
5424
5425  Guestures.prototype.endZooming = function () {
5426    var self = this;
5427
5428    var current = self.instance.current;
5429
5430    var newOffsetX, newOffsetY, newPos, reset;
5431
5432    var newWidth = self.newWidth;
5433    var newHeight = self.newHeight;
5434
5435    if (!self.contentLastPos) {
5436      return;
5437    }
5438
5439    newOffsetX = self.contentLastPos.left;
5440    newOffsetY = self.contentLastPos.top;
5441
5442    reset = {
5443      top: newOffsetY,
5444      left: newOffsetX,
5445      width: newWidth,
5446      height: newHeight,
5447      scaleX: 1,
5448      scaleY: 1
5449    };
5450
5451    // Reset scalex/scaleY values; this helps for perfomance and does not break animation
5452    $.fancybox.setTranslate(self.$content, reset);
5453
5454    if (newWidth < self.canvasWidth && newHeight < self.canvasHeight) {
5455      self.instance.scaleToFit(150);
5456    } else if (newWidth > current.width || newHeight > current.height) {
5457      self.instance.scaleToActual(self.centerPointStartX, self.centerPointStartY, 150);
5458    } else {
5459      newPos = self.limitPosition(newOffsetX, newOffsetY, newWidth, newHeight);
5460
5461      $.fancybox.animate(self.$content, newPos, 150);
5462    }
5463  };
5464
5465  Guestures.prototype.onTap = function (e) {
5466    var self = this;
5467    var $target = $(e.target);
5468
5469    var instance = self.instance;
5470    var current = instance.current;
5471
5472    var endPoints = (e && getPointerXY(e)) || self.startPoints;
5473
5474    var tapX = endPoints[0] ? endPoints[0].x - $(window).scrollLeft() - self.stagePos.left : 0;
5475    var tapY = endPoints[0] ? endPoints[0].y - $(window).scrollTop() - self.stagePos.top : 0;
5476
5477    var where;
5478
5479    var process = function (prefix) {
5480      var action = current.opts[prefix];
5481
5482      if ($.isFunction(action)) {
5483        action = action.apply(instance, [current, e]);
5484      }
5485
5486      if (!action) {
5487        return;
5488      }
5489
5490      switch (action) {
5491        case "close":
5492          instance.close(self.startEvent);
5493
5494          break;
5495
5496        case "toggleControls":
5497          instance.toggleControls();
5498
5499          break;
5500
5501        case "next":
5502          instance.next();
5503
5504          break;
5505
5506        case "nextOrClose":
5507          if (instance.group.length > 1) {
5508            instance.next();
5509          } else {
5510            instance.close(self.startEvent);
5511          }
5512
5513          break;
5514
5515        case "zoom":
5516          if (current.type == "image" && (current.isLoaded || current.$ghost)) {
5517            if (instance.canPan()) {
5518              instance.scaleToFit();
5519            } else if (instance.isScaledDown()) {
5520              instance.scaleToActual(tapX, tapY);
5521            } else if (instance.group.length < 2) {
5522              instance.close(self.startEvent);
5523            }
5524          }
5525
5526          break;
5527      }
5528    };
5529
5530    // Ignore right click
5531    if (e.originalEvent && e.originalEvent.button == 2) {
5532      return;
5533    }
5534
5535    // Skip if clicked on the scrollbar
5536    if (!$target.is("img") && tapX > $target[0].clientWidth + $target.offset().left) {
5537      return;
5538    }
5539
5540    // Check where is clicked
5541    if ($target.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container")) {
5542      where = "Outside";
5543    } else if ($target.is(".fancybox-slide")) {
5544      where = "Slide";
5545    } else if (
5546      instance.current.$content &&
5547      instance.current.$content
5548      .find($target)
5549      .addBack()
5550      .filter($target).length
5551    ) {
5552      where = "Content";
5553    } else {
5554      return;
5555    }
5556
5557    // Check if this is a double tap
5558    if (self.tapped) {
5559      // Stop previously created single tap
5560      clearTimeout(self.tapped);
5561      self.tapped = null;
5562
5563      // Skip if distance between taps is too big
5564      if (Math.abs(tapX - self.tapX) > 50 || Math.abs(tapY - self.tapY) > 50) {
5565        return this;
5566      }
5567
5568      // OK, now we assume that this is a double-tap
5569      process("dblclick" + where);
5570    } else {
5571      // Single tap will be processed if user has not clicked second time within 300ms
5572      // or there is no need to wait for double-tap
5573      self.tapX = tapX;
5574      self.tapY = tapY;
5575
5576      if (current.opts["dblclick" + where] && current.opts["dblclick" + where] !== current.opts["click" + where]) {
5577        self.tapped = setTimeout(function () {
5578          self.tapped = null;
5579
5580          if (!instance.isAnimating) {
5581            process("click" + where);
5582          }
5583        }, 500);
5584      } else {
5585        process("click" + where);
5586      }
5587    }
5588
5589    return this;
5590  };
5591
5592  $(document)
5593    .on("onActivate.fb", function (e, instance) {
5594      if (instance && !instance.Guestures) {
5595        instance.Guestures = new Guestures(instance);
5596      }
5597    })
5598    .on("beforeClose.fb", function (e, instance) {
5599      if (instance && instance.Guestures) {
5600        instance.Guestures.destroy();
5601      }
5602    });
5603})(window, document, jQuery);
5604// ==========================================================================
5605//
5606// SlideShow
5607// Enables slideshow functionality
5608//
5609// Example of usage:
5610// $.fancybox.getInstance().SlideShow.start()
5611//
5612// ==========================================================================
5613(function (document, $) {
5614  "use strict";
5615
5616  $.extend(true, $.fancybox.defaults, {
5617    btnTpl: {
5618      slideShow: '<button data-fancybox-play class="fancybox-button fancybox-button--play" title="{{PLAY_START}}">' +
5619        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 5.4v13.2l11-6.6z"/></svg>' +
5620        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.33 5.75h2.2v12.5h-2.2V5.75zm5.15 0h2.2v12.5h-2.2V5.75z"/></svg>' +
5621        "</button>"
5622    },
5623    slideShow: {
5624      autoStart: false,
5625      speed: 3000,
5626      progress: true
5627    }
5628  });
5629
5630  var SlideShow = function (instance) {
5631    this.instance = instance;
5632    this.init();
5633  };
5634
5635  $.extend(SlideShow.prototype, {
5636    timer: null,
5637    isActive: false,
5638    $button: null,
5639
5640    init: function () {
5641      var self = this,
5642        instance = self.instance,
5643        opts = instance.group[instance.currIndex].opts.slideShow;
5644
5645      self.$button = instance.$refs.toolbar.find("[data-fancybox-play]").on("click", function () {
5646        self.toggle();
5647      });
5648
5649      if (instance.group.length < 2 || !opts) {
5650        self.$button.hide();
5651      } else if (opts.progress) {
5652        self.$progress = $('<div class="fancybox-progress"></div>').appendTo(instance.$refs.inner);
5653      }
5654    },
5655
5656    set: function (force) {
5657      var self = this,
5658        instance = self.instance,
5659        current = instance.current;
5660
5661      // Check if reached last element
5662      if (current && (force === true || current.opts.loop || instance.currIndex < instance.group.length - 1)) {
5663        if (self.isActive && current.contentType !== "video") {
5664          if (self.$progress) {
5665            $.fancybox.animate(self.$progress.show(), {
5666              scaleX: 1
5667            }, current.opts.slideShow.speed);
5668          }
5669
5670          self.timer = setTimeout(function () {
5671            if (!instance.current.opts.loop && instance.current.index == instance.group.length - 1) {
5672              instance.jumpTo(0);
5673            } else {
5674              instance.next();
5675            }
5676          }, current.opts.slideShow.speed);
5677        }
5678      } else {
5679        self.stop();
5680        instance.idleSecondsCounter = 0;
5681        instance.showControls();
5682      }
5683    },
5684
5685    clear: function () {
5686      var self = this;
5687
5688      clearTimeout(self.timer);
5689
5690      self.timer = null;
5691
5692      if (self.$progress) {
5693        self.$progress.removeAttr("style").hide();
5694      }
5695    },
5696
5697    start: function () {
5698      var self = this,
5699        current = self.instance.current;
5700
5701      if (current) {
5702        self.$button
5703          .attr("title", (current.opts.i18n[current.opts.lang] || current.opts.i18n.en).PLAY_STOP)
5704          .removeClass("fancybox-button--play")
5705          .addClass("fancybox-button--pause");
5706
5707        self.isActive = true;
5708
5709        if (current.isComplete) {
5710          self.set(true);
5711        }
5712
5713        self.instance.trigger("onSlideShowChange", true);
5714      }
5715    },
5716
5717    stop: function () {
5718      var self = this,
5719        current = self.instance.current;
5720
5721      self.clear();
5722
5723      self.$button
5724        .attr("title", (current.opts.i18n[current.opts.lang] || current.opts.i18n.en).PLAY_START)
5725        .removeClass("fancybox-button--pause")
5726        .addClass("fancybox-button--play");
5727
5728      self.isActive = false;
5729
5730      self.instance.trigger("onSlideShowChange", false);
5731
5732      if (self.$progress) {
5733        self.$progress.removeAttr("style").hide();
5734      }
5735    },
5736
5737    toggle: function () {
5738      var self = this;
5739
5740      if (self.isActive) {
5741        self.stop();
5742      } else {
5743        self.start();
5744      }
5745    }
5746  });
5747
5748  $(document).on({
5749    "onInit.fb": function (e, instance) {
5750      if (instance && !instance.SlideShow) {
5751        instance.SlideShow = new SlideShow(instance);
5752      }
5753    },
5754
5755    "beforeShow.fb": function (e, instance, current, firstRun) {
5756      var SlideShow = instance && instance.SlideShow;
5757
5758      if (firstRun) {
5759        if (SlideShow && current.opts.slideShow.autoStart) {
5760          SlideShow.start();
5761        }
5762      } else if (SlideShow && SlideShow.isActive) {
5763        SlideShow.clear();
5764      }
5765    },
5766
5767    "afterShow.fb": function (e, instance, current) {
5768      var SlideShow = instance && instance.SlideShow;
5769
5770      if (SlideShow && SlideShow.isActive) {
5771        SlideShow.set();
5772      }
5773    },
5774
5775    "afterKeydown.fb": function (e, instance, current, keypress, keycode) {
5776      var SlideShow = instance && instance.SlideShow;
5777
5778      // "P" or Spacebar
5779      if (SlideShow && current.opts.slideShow && (keycode === 80 || keycode === 32) && !$(document.activeElement).is("button,a,input")) {
5780        keypress.preventDefault();
5781
5782        SlideShow.toggle();
5783      }
5784    },
5785
5786    "beforeClose.fb onDeactivate.fb": function (e, instance) {
5787      var SlideShow = instance && instance.SlideShow;
5788
5789      if (SlideShow) {
5790        SlideShow.stop();
5791      }
5792    }
5793  });
5794
5795  // Page Visibility API to pause slideshow when window is not active
5796  $(document).on("visibilitychange", function () {
5797    var instance = $.fancybox.getInstance(),
5798      SlideShow = instance && instance.SlideShow;
5799
5800    if (SlideShow && SlideShow.isActive) {
5801      if (document.hidden) {
5802        SlideShow.clear();
5803      } else {
5804        SlideShow.set();
5805      }
5806    }
5807  });
5808})(document, jQuery);
5809// ==========================================================================
5810//
5811// FullScreen
5812// Adds fullscreen functionality
5813//
5814// ==========================================================================
5815(function (document, $) {
5816  "use strict";
5817
5818  // Collection of methods supported by user browser
5819  var fn = (function () {
5820    var fnMap = [
5821      ["requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror"],
5822      // new WebKit
5823      [
5824        "webkitRequestFullscreen",
5825        "webkitExitFullscreen",
5826        "webkitFullscreenElement",
5827        "webkitFullscreenEnabled",
5828        "webkitfullscreenchange",
5829        "webkitfullscreenerror"
5830      ],
5831      // old WebKit (Safari 5.1)
5832      [
5833        "webkitRequestFullScreen",
5834        "webkitCancelFullScreen",
5835        "webkitCurrentFullScreenElement",
5836        "webkitCancelFullScreen",
5837        "webkitfullscreenchange",
5838        "webkitfullscreenerror"
5839      ],
5840      [
5841        "mozRequestFullScreen",
5842        "mozCancelFullScreen",
5843        "mozFullScreenElement",
5844        "mozFullScreenEnabled",
5845        "mozfullscreenchange",
5846        "mozfullscreenerror"
5847      ],
5848      ["msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError"]
5849    ];
5850
5851    var ret = {};
5852
5853    for (var i = 0; i < fnMap.length; i++) {
5854      var val = fnMap[i];
5855
5856      if (val && val[1] in document) {
5857        for (var j = 0; j < val.length; j++) {
5858          ret[fnMap[0][j]] = val[j];
5859        }
5860
5861        return ret;
5862      }
5863    }
5864
5865    return false;
5866  })();
5867
5868  if (fn) {
5869    var FullScreen = {
5870      request: function (elem) {
5871        elem = elem || document.documentElement;
5872
5873        elem[fn.requestFullscreen](elem.ALLOW_KEYBOARD_INPUT);
5874      },
5875      exit: function () {
5876        document[fn.exitFullscreen]();
5877      },
5878      toggle: function (elem) {
5879        elem = elem || document.documentElement;
5880
5881        if (this.isFullscreen()) {
5882          this.exit();
5883        } else {
5884          this.request(elem);
5885        }
5886      },
5887      isFullscreen: function () {
5888        return Boolean(document[fn.fullscreenElement]);
5889      },
5890      enabled: function () {
5891        return Boolean(document[fn.fullscreenEnabled]);
5892      }
5893    };
5894
5895    $.extend(true, $.fancybox.defaults, {
5896      btnTpl: {
5897        fullScreen: '<button data-fancybox-fullscreen class="fancybox-button fancybox-button--fsenter" title="{{FULL_SCREEN}}">' +
5898          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"/></svg>' +
5899          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M5 16h3v3h2v-5H5zm3-8H5v2h5V5H8zm6 11h2v-3h3v-2h-5zm2-11V5h-2v5h5V8z"/></svg>' +
5900          "</button>"
5901      },
5902      fullScreen: {
5903        autoStart: false
5904      }
5905    });
5906
5907    $(document).on(fn.fullscreenchange, function () {
5908      var isFullscreen = FullScreen.isFullscreen(),
5909        instance = $.fancybox.getInstance();
5910
5911      if (instance) {
5912        // If image is zooming, then force to stop and reposition properly
5913        if (instance.current && instance.current.type === "image" && instance.isAnimating) {
5914          instance.isAnimating = false;
5915
5916          instance.update(true, true, 0);
5917
5918          if (!instance.isComplete) {
5919            instance.complete();
5920          }
5921        }
5922
5923        instance.trigger("onFullscreenChange", isFullscreen);
5924
5925        instance.$refs.container.toggleClass("fancybox-is-fullscreen", isFullscreen);
5926
5927        instance.$refs.toolbar
5928          .find("[data-fancybox-fullscreen]")
5929          .toggleClass("fancybox-button--fsenter", !isFullscreen)
5930          .toggleClass("fancybox-button--fsexit", isFullscreen);
5931      }
5932    });
5933  }
5934
5935  $(document).on({
5936    "onInit.fb": function (e, instance) {
5937      var $container;
5938
5939      if (!fn) {
5940        instance.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();
5941
5942        return;
5943      }
5944
5945      if (instance && instance.group[instance.currIndex].opts.fullScreen) {
5946        $container = instance.$refs.container;
5947
5948        $container.on("click.fb-fullscreen", "[data-fancybox-fullscreen]", function (e) {
5949          e.stopPropagation();
5950          e.preventDefault();
5951
5952          FullScreen.toggle();
5953        });
5954
5955        if (instance.opts.fullScreen && instance.opts.fullScreen.autoStart === true) {
5956          FullScreen.request();
5957        }
5958
5959        // Expose API
5960        instance.FullScreen = FullScreen;
5961      } else if (instance) {
5962        instance.$refs.toolbar.find("[data-fancybox-fullscreen]").hide();
5963      }
5964    },
5965
5966    "afterKeydown.fb": function (e, instance, current, keypress, keycode) {
5967      // "F"
5968      if (instance && instance.FullScreen && keycode === 70) {
5969        keypress.preventDefault();
5970
5971        instance.FullScreen.toggle();
5972      }
5973    },
5974
5975    "beforeClose.fb": function (e, instance) {
5976      if (instance && instance.FullScreen && instance.$refs.container.hasClass("fancybox-is-fullscreen")) {
5977        FullScreen.exit();
5978      }
5979    }
5980  });
5981})(document, jQuery);
5982// ==========================================================================
5983//
5984// Thumbs
5985// Displays thumbnails in a grid
5986//
5987// ==========================================================================
5988(function (document, $) {
5989  "use strict";
5990
5991  var CLASS = "fancybox-thumbs",
5992    CLASS_ACTIVE = CLASS + "-active";
5993
5994  // Make sure there are default values
5995  $.fancybox.defaults = $.extend(
5996    true, {
5997      btnTpl: {
5998        thumbs: '<button data-fancybox-thumbs class="fancybox-button fancybox-button--thumbs" title="{{THUMBS}}">' +
5999          '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M14.59 14.59h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76h-3.76v-3.76zm-4.47 0h3.76v3.76H5.65v-3.76zm8.94-4.47h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76h-3.76V5.65zm-4.47 0h3.76v3.76H5.65V5.65z"/></svg>' +
6000          "</button>"
6001      },
6002      thumbs: {
6003        autoStart: false, // Display thumbnails on opening
6004        hideOnClose: true, // Hide thumbnail grid when closing animation starts
6005        parentEl: ".fancybox-container", // Container is injected into this element
6006        axis: "y" // Vertical (y) or horizontal (x) scrolling
6007      }
6008    },
6009    $.fancybox.defaults
6010  );
6011
6012  var FancyThumbs = function (instance) {
6013    this.init(instance);
6014  };
6015
6016  $.extend(FancyThumbs.prototype, {
6017    $button: null,
6018    $grid: null,
6019    $list: null,
6020    isVisible: false,
6021    isActive: false,
6022
6023    init: function (instance) {
6024      var self = this,
6025        group = instance.group,
6026        enabled = 0;
6027
6028      self.instance = instance;
6029      self.opts = group[instance.currIndex].opts.thumbs;
6030
6031      instance.Thumbs = self;
6032
6033      self.$button = instance.$refs.toolbar.find("[data-fancybox-thumbs]");
6034
6035      // Enable thumbs if at least two group items have thumbnails
6036      for (var i = 0, len = group.length; i < len; i++) {
6037        if (group[i].thumb) {
6038          enabled++;
6039        }
6040
6041        if (enabled > 1) {
6042          break;
6043        }
6044      }
6045
6046      if (enabled > 1 && !!self.opts) {
6047        self.$button.removeAttr("style").on("click", function () {
6048          self.toggle();
6049        });
6050
6051        self.isActive = true;
6052      } else {
6053        self.$button.hide();
6054      }
6055    },
6056
6057    create: function () {
6058      var self = this,
6059        instance = self.instance,
6060        parentEl = self.opts.parentEl,
6061        list = [],
6062        src;
6063
6064      if (!self.$grid) {
6065        // Create main element
6066        self.$grid = $('<div class="' + CLASS + " " + CLASS + "-" + self.opts.axis + '"></div>').appendTo(
6067          instance.$refs.container
6068          .find(parentEl)
6069          .addBack()
6070          .filter(parentEl)
6071        );
6072
6073        // Add "click" event that performs gallery navigation
6074        self.$grid.on("click", "a", function () {
6075          instance.jumpTo($(this).attr("data-index"));
6076        });
6077      }
6078
6079      // Build the list
6080      if (!self.$list) {
6081        self.$list = $('<div class="' + CLASS + '__list">').appendTo(self.$grid);
6082      }
6083
6084      $.each(instance.group, function (i, item) {
6085        src = item.thumb;
6086
6087        if (!src && item.type === "image") {
6088          src = item.src;
6089        }
6090
6091        list.push(
6092          '<a href="javascript:;" tabindex="0" data-index="' +
6093          i +
6094          '"' +
6095          (src && src.length ? ' style="background-image:url(' + src + ')"' : 'class="fancybox-thumbs-missing"') +
6096          "></a>"
6097        );
6098      });
6099
6100      self.$list[0].innerHTML = list.join("");
6101
6102      if (self.opts.axis === "x") {
6103        // Set fixed width for list element to enable horizontal scrolling
6104        self.$list.width(
6105          parseInt(self.$grid.css("padding-right"), 10) +
6106          instance.group.length *
6107          self.$list
6108          .children()
6109          .eq(0)
6110          .outerWidth(true)
6111        );
6112      }
6113    },
6114
6115    focus: function (duration) {
6116      var self = this,
6117        $list = self.$list,
6118        $grid = self.$grid,
6119        thumb,
6120        thumbPos;
6121
6122      if (!self.instance.current) {
6123        return;
6124      }
6125
6126      thumb = $list
6127        .children()
6128        .removeClass(CLASS_ACTIVE)
6129        .filter('[data-index="' + self.instance.current.index + '"]')
6130        .addClass(CLASS_ACTIVE);
6131
6132      thumbPos = thumb.position();
6133
6134      // Check if need to scroll to make current thumb visible
6135      if (self.opts.axis === "y" && (thumbPos.top < 0 || thumbPos.top > $list.height() - thumb.outerHeight())) {
6136        $list.stop().animate({
6137            scrollTop: $list.scrollTop() + thumbPos.top
6138          },
6139          duration
6140        );
6141      } else if (
6142        self.opts.axis === "x" &&
6143        (thumbPos.left < $grid.scrollLeft() || thumbPos.left > $grid.scrollLeft() + ($grid.width() - thumb.outerWidth()))
6144      ) {
6145        $list
6146          .parent()
6147          .stop()
6148          .animate({
6149              scrollLeft: thumbPos.left
6150            },
6151            duration
6152          );
6153      }
6154    },
6155
6156    update: function () {
6157      var that = this;
6158      that.instance.$refs.container.toggleClass("fancybox-show-thumbs", this.isVisible);
6159
6160      if (that.isVisible) {
6161        if (!that.$grid) {
6162          that.create();
6163        }
6164
6165        that.instance.trigger("onThumbsShow");
6166
6167        that.focus(0);
6168      } else if (that.$grid) {
6169        that.instance.trigger("onThumbsHide");
6170      }
6171
6172      // Update content position
6173      that.instance.update();
6174    },
6175
6176    hide: function () {
6177      this.isVisible = false;
6178      this.update();
6179    },
6180
6181    show: function () {
6182      this.isVisible = true;
6183      this.update();
6184    },
6185
6186    toggle: function () {
6187      this.isVisible = !this.isVisible;
6188      this.update();
6189    }
6190  });
6191
6192  $(document).on({
6193    "onInit.fb": function (e, instance) {
6194      var Thumbs;
6195
6196      if (instance && !instance.Thumbs) {
6197        Thumbs = new FancyThumbs(instance);
6198
6199        if (Thumbs.isActive && Thumbs.opts.autoStart === true) {
6200          Thumbs.show();
6201        }
6202      }
6203    },
6204
6205    "beforeShow.fb": function (e, instance, item, firstRun) {
6206      var Thumbs = instance && instance.Thumbs;
6207
6208      if (Thumbs && Thumbs.isVisible) {
6209        Thumbs.focus(firstRun ? 0 : 250);
6210      }
6211    },
6212
6213    "afterKeydown.fb": function (e, instance, current, keypress, keycode) {
6214      var Thumbs = instance && instance.Thumbs;
6215
6216      // "G"
6217      if (Thumbs && Thumbs.isActive && keycode === 71) {
6218        keypress.preventDefault();
6219
6220        Thumbs.toggle();
6221      }
6222    },
6223
6224    "beforeClose.fb": function (e, instance) {
6225      var Thumbs = instance && instance.Thumbs;
6226
6227      if (Thumbs && Thumbs.isVisible && Thumbs.opts.hideOnClose !== false) {
6228        Thumbs.$grid.hide();
6229      }
6230    }
6231  });
6232})(document, jQuery);
6233//// ==========================================================================
6234//
6235// Share
6236// Displays simple form for sharing current url
6237//
6238// ==========================================================================
6239(function (document, $) {
6240  "use strict";
6241
6242  $.extend(true, $.fancybox.defaults, {
6243    btnTpl: {
6244      share: '<button data-fancybox-share class="fancybox-button fancybox-button--share" title="{{SHARE}}">' +
6245        '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.55 19c1.4-8.4 9.1-9.8 11.9-9.8V5l7 7-7 6.3v-3.5c-2.8 0-10.5 2.1-11.9 4.2z"/></svg>' +
6246        "</button>"
6247    },
6248    share: {
6249      url: function (instance, item) {
6250        return (
6251          (!instance.currentHash && !(item.type === "inline" || item.type === "html") ? item.origSrc || item.src : false) || window.location
6252        );
6253      },
6254      tpl: '<div class="fancybox-share">' +
6255        "<h1>{{SHARE}}</h1>" +
6256        "<p>" +
6257        '<a class="fancybox-share__button fancybox-share__button--fb" href="https://www.facebook.com/sharer/sharer.php?u={{url}}">' +
6258        '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m287 456v-299c0-21 6-35 35-35h38v-63c-7-1-29-3-55-3-54 0-91 33-91 94v306m143-254h-205v72h196" /></svg>' +
6259        "<span>Facebook</span>" +
6260        "</a>" +
6261        '<a class="fancybox-share__button fancybox-share__button--tw" href="https://twitter.com/intent/tweet?url={{url}}&text={{descr}}">' +
6262        '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m456 133c-14 7-31 11-47 13 17-10 30-27 37-46-15 10-34 16-52 20-61-62-157-7-141 75-68-3-129-35-169-85-22 37-11 86 26 109-13 0-26-4-37-9 0 39 28 72 65 80-12 3-25 4-37 2 10 33 41 57 77 57-42 30-77 38-122 34 170 111 378-32 359-208 16-11 30-25 41-42z" /></svg>' +
6263        "<span>Twitter</span>" +
6264        "</a>" +
6265        '<a class="fancybox-share__button fancybox-share__button--pt" href="https://www.pinterest.com/pin/create/button/?url={{url}}&description={{descr}}&media={{media}}">' +
6266        '<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m265 56c-109 0-164 78-164 144 0 39 15 74 47 87 5 2 10 0 12-5l4-19c2-6 1-8-3-13-9-11-15-25-15-45 0-58 43-110 113-110 62 0 96 38 96 88 0 67-30 122-73 122-24 0-42-19-36-44 6-29 20-60 20-81 0-19-10-35-31-35-25 0-44 26-44 60 0 21 7 36 7 36l-30 125c-8 37-1 83 0 87 0 3 4 4 5 2 2-3 32-39 42-75l16-64c8 16 31 29 56 29 74 0 124-67 124-157 0-69-58-132-146-132z" fill="#fff"/></svg>' +
6267        "<span>Pinterest</span>" +
6268        "</a>" +
6269        "</p>" +
6270        '<p><input class="fancybox-share__input" type="text" value="{{url_raw}}" onclick="select()" /></p>' +
6271        "</div>"
6272    }
6273  });
6274
6275  function escapeHtml(string) {
6276    var entityMap = {
6277      "&": "&amp;",
6278      "<": "&lt;",
6279      ">": "&gt;",
6280      '"': "&quot;",
6281      "'": "&#39;",
6282      "/": "&#x2F;",
6283      "`": "&#x60;",
6284      "=": "&#x3D;"
6285    };
6286
6287    return String(string).replace(/[&<>"'`=\/]/g, function (s) {
6288      return entityMap[s];
6289    });
6290  }
6291
6292  $(document).on("click", "[data-fancybox-share]", function () {
6293    var instance = $.fancybox.getInstance(),
6294      current = instance.current || null,
6295      url,
6296      tpl;
6297
6298    if (!current) {
6299      return;
6300    }
6301
6302    if ($.type(current.opts.share.url) === "function") {
6303      url = current.opts.share.url.apply(current, [instance, current]);
6304    }
6305
6306    tpl = current.opts.share.tpl
6307      .replace(/\{\{media\}\}/g, current.type === "image" ? encodeURIComponent(current.src) : "")
6308      .replace(/\{\{url\}\}/g, encodeURIComponent(url))
6309      .replace(/\{\{url_raw\}\}/g, escapeHtml(url))
6310      .replace(/\{\{descr\}\}/g, instance.$caption ? encodeURIComponent(instance.$caption.text()) : "");
6311
6312    $.fancybox.open({
6313      src: instance.translate(instance, tpl),
6314      type: "html",
6315      opts: {
6316        touch: false,
6317        animationEffect: false,
6318        afterLoad: function (shareInstance, shareCurrent) {
6319          // Close self if parent instance is closing
6320          instance.$refs.container.one("beforeClose.fb", function () {
6321            shareInstance.close(null, 0);
6322          });
6323
6324          // Opening links in a popup window
6325          shareCurrent.$content.find(".fancybox-share__button").click(function () {
6326            window.open(this.href, "Share", "width=550, height=450");
6327            return false;
6328          });
6329        },
6330        mobile: {
6331          autoFocus: false
6332        }
6333      }
6334    });
6335  });
6336})(document, jQuery);
6337// ==========================================================================
6338//
6339// Hash
6340// Enables linking to each modal
6341//
6342// ==========================================================================
6343(function (window, document, $) {
6344  "use strict";
6345
6346  // Simple $.escapeSelector polyfill (for jQuery prior v3)
6347  if (!$.escapeSelector) {
6348    $.escapeSelector = function (sel) {
6349      var rcssescape = /([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g;
6350      var fcssescape = function (ch, asCodePoint) {
6351        if (asCodePoint) {
6352          // U+0000 NULL becomes U+FFFD REPLACEMENT CHARACTER
6353          if (ch === "\0") {
6354            return "\uFFFD";
6355          }
6356
6357          // Control characters and (dependent upon position) numbers get escaped as code points
6358          return ch.slice(0, -1) + "\\" + ch.charCodeAt(ch.length - 1).toString(16) + " ";
6359        }
6360
6361        // Other potentially-special ASCII characters get backslash-escaped
6362        return "\\" + ch;
6363      };
6364
6365      return (sel + "").replace(rcssescape, fcssescape);
6366    };
6367  }
6368
6369  // Get info about gallery name and current index from url
6370  function parseUrl() {
6371    var hash = window.location.hash.substr(1),
6372      rez = hash.split("-"),
6373      index = rez.length > 1 && /^\+?\d+$/.test(rez[rez.length - 1]) ? parseInt(rez.pop(-1), 10) || 1 : 1,
6374      gallery = rez.join("-");
6375
6376    return {
6377      hash: hash,
6378      /* Index is starting from 1 */
6379      index: index < 1 ? 1 : index,
6380      gallery: gallery
6381    };
6382  }
6383
6384  // Trigger click evnt on links to open new fancyBox instance
6385  function triggerFromUrl(url) {
6386    if (url.gallery !== "") {
6387      // If we can find element matching 'data-fancybox' atribute,
6388      // then triggering click event should start fancyBox
6389      $("[data-fancybox='" + $.escapeSelector(url.gallery) + "']")
6390        .eq(url.index - 1)
6391        .focus()
6392        .trigger("click.fb-start");
6393    }
6394  }
6395
6396  // Get gallery name from current instance
6397  function getGalleryID(instance) {
6398    var opts, ret;
6399
6400    if (!instance) {
6401      return false;
6402    }
6403
6404    opts = instance.current ? instance.current.opts : instance.opts;
6405    ret = opts.hash || (opts.$orig ? opts.$orig.data("fancybox") || opts.$orig.data("fancybox-trigger") : "");
6406
6407    return ret === "" ? false : ret;
6408  }
6409
6410  // Start when DOM becomes ready
6411  $(function () {
6412    // Check if user has disabled this module
6413    if ($.fancybox.defaults.hash === false) {
6414      return;
6415    }
6416
6417    // Update hash when opening/closing fancyBox
6418    $(document).on({
6419      "onInit.fb": function (e, instance) {
6420        var url, gallery;
6421
6422        if (instance.group[instance.currIndex].opts.hash === false) {
6423          return;
6424        }
6425
6426        url = parseUrl();
6427        gallery = getGalleryID(instance);
6428
6429        // Make sure gallery start index matches index from hash
6430        if (gallery && url.gallery && gallery == url.gallery) {
6431          instance.currIndex = url.index - 1;
6432        }
6433      },
6434
6435      "beforeShow.fb": function (e, instance, current, firstRun) {
6436        var gallery;
6437
6438        if (!current || current.opts.hash === false) {
6439          return;
6440        }
6441
6442        // Check if need to update window hash
6443        gallery = getGalleryID(instance);
6444
6445        if (!gallery) {
6446          return;
6447        }
6448
6449        // Variable containing last hash value set by fancyBox
6450        // It will be used to determine if fancyBox needs to close after hash change is detected
6451        instance.currentHash = gallery + (instance.group.length > 1 ? "-" + (current.index + 1) : "");
6452
6453        // If current hash is the same (this instance most likely is opened by hashchange), then do nothing
6454        if (window.location.hash === "#" + instance.currentHash) {
6455          return;
6456        }
6457
6458        if (firstRun && !instance.origHash) {
6459          instance.origHash = window.location.hash;
6460        }
6461
6462        if (instance.hashTimer) {
6463          clearTimeout(instance.hashTimer);
6464        }
6465
6466        // Update hash
6467        instance.hashTimer = setTimeout(function () {
6468          if ("replaceState" in window.history) {
6469            window.history[firstRun ? "pushState" : "replaceState"]({},
6470              document.title,
6471              window.location.pathname + window.location.search + "#" + instance.currentHash
6472            );
6473
6474            if (firstRun) {
6475              instance.hasCreatedHistory = true;
6476            }
6477          } else {
6478            window.location.hash = instance.currentHash;
6479          }
6480
6481          instance.hashTimer = null;
6482        }, 300);
6483      },
6484
6485      "beforeClose.fb": function (e, instance, current) {
6486        if (!current || current.opts.hash === false) {
6487          return;
6488        }
6489
6490        clearTimeout(instance.hashTimer);
6491
6492        // Goto previous history entry
6493        if (instance.currentHash && instance.hasCreatedHistory) {
6494          window.history.back();
6495        } else if (instance.currentHash) {
6496          if ("replaceState" in window.history) {
6497            window.history.replaceState({}, document.title, window.location.pathname + window.location.search + (instance.origHash || ""));
6498          } else {
6499            window.location.hash = instance.origHash;
6500          }
6501        }
6502
6503        instance.currentHash = null;
6504      }
6505    });
6506
6507    // Check if need to start/close after url has changed
6508    $(window).on("hashchange.fb", function () {
6509      var url = parseUrl(),
6510        fb = null;
6511
6512      // Find last fancyBox instance that has "hash"
6513      $.each(
6514        $(".fancybox-container")
6515        .get()
6516        .reverse(),
6517        function (index, value) {
6518          var tmp = $(value).data("FancyBox");
6519
6520          if (tmp && tmp.currentHash) {
6521            fb = tmp;
6522            return false;
6523          }
6524        }
6525      );
6526
6527      if (fb) {
6528        // Now, compare hash values
6529        if (fb.currentHash !== url.gallery + "-" + url.index && !(url.index === 1 && fb.currentHash == url.gallery)) {
6530          fb.currentHash = null;
6531
6532          fb.close();
6533        }
6534      } else if (url.gallery !== "") {
6535        triggerFromUrl(url);
6536      }
6537    });
6538
6539    // Check current hash and trigger click event on matching element to start fancyBox, if needed
6540    setTimeout(function () {
6541      if (!$.fancybox.getInstance()) {
6542        triggerFromUrl(parseUrl());
6543      }
6544    }, 50);
6545  });
6546})(window, document, jQuery);
6547// ==========================================================================
6548//
6549// Wheel
6550// Basic mouse weheel support for gallery navigation
6551//
6552// ==========================================================================
6553(function (document, $) {
6554  "use strict";
6555
6556  var prevTime = new Date().getTime();
6557
6558  $(document).on({
6559    "onInit.fb": function (e, instance, current) {
6560      instance.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll", function (e) {
6561        var current = instance.current,
6562          currTime = new Date().getTime();
6563
6564        if (instance.group.length < 2 || current.opts.wheel === false || (current.opts.wheel === "auto" && current.type !== "image")) {
6565          return;
6566        }
6567
6568        e.preventDefault();
6569        e.stopPropagation();
6570
6571        if (current.$slide.hasClass("fancybox-animated")) {
6572          return;
6573        }
6574
6575        e = e.originalEvent || e;
6576
6577        if (currTime - prevTime < 250) {
6578          return;
6579        }
6580
6581        prevTime = currTime;
6582
6583        instance[(-e.deltaY || -e.deltaX || e.wheelDelta || -e.detail) < 0 ? "next" : "previous"]();
6584      });
6585    }
6586  });
6587})(document, jQuery);
6588/* End */
6589;
6590; /* Start:"a:4:{s:4:"full";s:66:"/local/templates/aspro_max/js/jquery.flexslider.js?165235572059389";s:6:"source";s:50:"/local/templates/aspro_max/js/jquery.flexslider.js";s:3:"min";s:0:"";s:3:"map";s:0:"";}"*/
6591/*
6592 * jQuery FlexSlider v2.6.3
6593 * Copyright 2012 WooThemes
6594 * Contributing Author: Tyler Smith
6595 */
6596;
6597(function ($) {
6598
6599  var focused = true;
6600
6601  // Turns a mouse event into a touch event
6602  function toTouchEvent(e) {
6603    var touch = {
6604      identifier: 0,
6605      target: e.target,
6606      screenX: e.screenX,
6607      screenY: e.screenY,
6608      clientX: e.clientX,
6609      clientY: e.clientY,
6610      pageX: e.pageX,
6611      pageY: e.pageY
6612    }
6613    var touchEvent = {
6614      touches: [touch],
6615      targetTouches: [touch],
6616      changedTouches: [touch],
6617      altKey: e.altKey,
6618      metaKey: e.metaKey,
6619      ctrlKey: e.ctrlKey,