https://www.chilischarf.at/typo3temp/assets/compressed/merged-c6ae…da5da9f50fd889988fa0d6e3.js.gzip?1713432833

1

2// ==================================================
3// fancyBox v3.5.7
4//
5// Licensed GPLv3 for open source use
6// or fancyBox Commercial License for commercial use
7//
8// http://fancyapps.com/fancybox/
9// Copyright 2019 fancyApps
10//
11// ==================================================
12!function(t,e,n,o){"use strict";function i(t,e){var o,i,a,s=[],r=0;t&&t.isDefaultPrevented()||(t.preventDefault(),e=e||{},t&&t.data&&(e=h(t.data.options,e)),o=e.$target||n(t.currentTarget).trigger("blur"),(a=n.fancybox.getInstance())&&a.$trigger&&a.$trigger.is(o)||(e.selector?s=n(e.selector):(i=o.attr("data-fancybox")||"",i?(s=t.data?t.data.items:[],s=s.length?s.filter('[data-fancybox="'+i+'"]'):n('[data-fancybox="'+i+'"]')):s=[o]),r=n(s).index(o),r<0&&(r=0),a=n.fancybox.open(s,e,r),a.$trigger=o))}if(t.console=t.console||{info:function(t){}},n){if(n.fn.fancybox)return void console.info("fancyBox already initialized");var a={closeExisting:!1,loop:!1,gutter:50,keyboard:!0,preventCaptionOverlap:!0,arrows:!0,infobar:!0,smallBtn:"auto",toolbar:"auto",buttons:["zoom","slideShow","thumbs","close"],idleTime:3,protect:!1,modal:!1,image:{preload:!1},ajax:{settings:{data:{fancybox:!0}}},iframe:{tpl:'<iframe id="fancybox-frame{rnd}" name="fancybox-frame{rnd}" class="fancybox-iframe" allowfullscreen="allowfullscreen" allow="autoplay; fullscreen" src=""></iframe>',preload:!0,css:{},attr:{scrolling:"auto"}},video:{tpl:'<video class="fancybox-video" controls controlsList="nodownload" poster="{{poster}}"><source src="{{src}}" type="{{format}}" />Sorry, your browser doesn\'t support embedded videos, <a href="{{src}}">download</a> and watch with your favorite video player!</video>',format:"",autoStart:!0},defaultType:"image",animationEffect:"zoom",animationDuration:366,zoomOpacity:"auto",transitionEffect:"fade",transitionDuration:366,slideClass:"",baseClass:"",baseTpl:'<div class="fancybox-container" role="dialog" tabindex="-1"><div class="fancybox-bg"></div><div class="fancybox-inner"><div class="fancybox-infobar"><span data-fancybox-index></span>&nbsp;/&nbsp;<span data-fancybox-count></span></div><div class="fancybox-toolbar">{{buttons}}</div><div class="fancybox-navigation">{{arrows}}</div><div class="fancybox-stage"></div><div class="fancybox-caption"><div class="fancybox-caption__body"></div></div></div></div>',spinnerTpl:'<div class="fancybox-loading"></div>',errorTpl:'<div class="fancybox-error"><p>{{ERROR}}</p></div>',btnTpl:{download:'<a download data-fancybox-download class="fancybox-button fancybox-button--download" title="{{DOWNLOAD}}" href="javascript:;"><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></a>',zoom:'<button data-fancybox-zoom class="fancybox-button fancybox-button--zoom" title="{{ZOOM}}"><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></button>',close:'<button data-fancybox-close class="fancybox-button fancybox-button--close" title="{{CLOSE}}"><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></button>',arrowLeft:'<button data-fancybox-prev class="fancybox-button fancybox-button--arrow_left" title="{{PREV}}"><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></button>',arrowRight:'<button data-fancybox-next class="fancybox-button fancybox-button--arrow_right" title="{{NEXT}}"><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></button>',smallBtn:'<button type="button" data-fancybox-close class="fancybox-button fancybox-close-small" title="{{CLOSE}}"><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></button>'},parentEl:"body",hideScrollbar:!0,autoFocus:!0,backFocus:!0,trapFocus:!0,fullScreen:{autoStart:!1},touch:{vertical:!0,momentum:!0},hash:null,media:{},slideShow:{autoStart:!1,speed:3e3},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"},wheel:"auto",onInit:n.noop,beforeLoad:n.noop,afterLoad:n.noop,beforeShow:n.noop,afterShow:n.noop,beforeClose:n.noop,afterClose:n.noop,onActivate:n.noop,onDeactivate:n.noop,clickContent:function(t,e){return"image"===t.type&&"zoom"},clickSlide:"close",clickOutside:"close",dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1,mobile:{preventCaptionOverlap:!1,idleTime:!1,clickContent:function(t,e){return"image"===t.type&&"toggleControls"},clickSlide:function(t,e){return"image"===t.type?"toggleControls":"close"},dblclickContent:function(t,e){return"image"===t.type&&"zoom"},dblclickSlide:function(t,e){return"image"===t.type&&"zoom"}},lang:"en",i18n:{en:{CLOSE:"Close",NEXT:"Next",PREV:"Previous",ERROR:"The requested content cannot be loaded. <br/> Please try again later.",PLAY_START:"Start slideshow",PLAY_STOP:"Pause slideshow",FULL_SCREEN:"Full screen",THUMBS:"Thumbnails",DOWNLOAD:"Download",SHARE:"Share",ZOOM:"Zoom"},de:{CLOSE:"Schlie&szlig;en",NEXT:"Weiter",PREV:"Zur&uuml;ck",ERROR:"Die angeforderten Daten konnten nicht geladen werden. <br/> Bitte versuchen Sie es sp&auml;ter nochmal.",PLAY_START:"Diaschau starten",PLAY_STOP:"Diaschau beenden",FULL_SCREEN:"Vollbild",THUMBS:"Vorschaubilder",DOWNLOAD:"Herunterladen",SHARE:"Teilen",ZOOM:"Vergr&ouml;&szlig;ern"}}},s=n(t),r=n(e),c=0,l=function(t){return t&&t.hasOwnProperty&&t instanceof n},d=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),u=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),f=function(){var t,n=e.createElement("fakeelement"),o={transition:"transitionend",OTransition:"oTransitionEnd",MozTransition:"transitionend",WebkitTransition:"webkitTransitionEnd"};for(t in o)if(void 0!==n.style[t])return o[t];return"transitionend"}(),p=function(t){return t&&t.length&&t[0].offsetHeight},h=function(t,e){var o=n.extend(!0,{},t,e);return n.each(e,function(t,e){n.isArray(e)&&(o[t]=e)}),o},g=function(t){var o,i;return!(!t||t.ownerDocument!==e)&&(n(".fancybox-container").css("pointer-events","none"),o={x:t.getBoundingClientRect().left+t.offsetWidth/2,y:t.getBoundingClientRect().top+t.offsetHeight/2},i=e.elementFromPoint(o.x,o.y)===t,n(".fancybox-container").css("pointer-events",""),i)},b=function(t,e,o){var i=this;i.opts=h({index:o},n.fancybox.defaults),n.isPlainObject(e)&&(i.opts=h(i.opts,e)),n.fancybox.isMobile&&(i.opts=h(i.opts,i.opts.mobile)),i.id=i.opts.id||++c,i.currIndex=parseInt(i.opts.index,10)||0,i.prevIndex=null,i.prevPos=null,i.currPos=0,i.firstRun=!0,i.group=[],i.slides={},i.addContent(t),i.group.length&&i.init()};n.extend(b.prototype,{init:function(){var o,i,a=this,s=a.group[a.currIndex],r=s.opts;r.closeExisting&&n.fancybox.close(!0),n("body").addClass("fancybox-active"),!n.fancybox.getInstance()&&!1!==r.hideScrollbar&&!n.fancybox.isMobile&&e.body.scrollHeight>t.innerHeight&&(n("head").append('<style id="fancybox-style-noscroll" type="text/css">.compensate-for-scrollbar{margin-right:'+(t.innerWidth-e.documentElement.clientWidth)+"px;}</style>"),n("body").addClass("compensate-for-scrollbar")),i="",n.each(r.buttons,function(t,e){i+=r.btnTpl[e]||""}),o=n(a.translate(a,r.baseTpl.replace("{{buttons}}",i).replace("{{arrows}}",r.btnTpl.arrowLeft+r.btnTpl.arrowRight))).attr("id","fancybox-container-"+a.id).addClass(r.baseClass).data("FancyBox",a).appendTo(r.parentEl),a.$refs={container:o},["bg","inner","infobar","toolbar","stage","caption","navigation"].forEach(function(t){a.$refs[t]=o.find(".fancybox-"+t)}),a.trigger("onInit"),a.activate(),a.jumpTo(a.currIndex)},translate:function(t,e){var n=t.opts.i18n[t.opts.lang]||t.opts.i18n.en;return e.replace(/\{\{(\w+)\}\}/g,function(t,e){return void 0===n[e]?t:n[e]})},addContent:function(t){var e,o=this,i=n.makeArray(t);n.each(i,function(t,e){var i,a,s,r,c,l={},d={};n.isPlainObject(e)?(l=e,d=e.opts||e):"object"===n.type(e)&&n(e).length?(i=n(e),d=i.data()||{},d=n.extend(!0,{},d,d.options),d.$orig=i,l.src=o.opts.src||d.src||i.attr("href"),l.type||l.src||(l.type="inline",l.src=e)):l={type:"html",src:e+""},l.opts=n.extend(!0,{},o.opts,d),n.isArray(d.buttons)&&(l.opts.buttons=d.buttons),n.fancybox.isMobile&&l.opts.mobile&&(l.opts=h(l.opts,l.opts.mobile)),a=l.type||l.opts.type,r=l.src||"",!a&&r&&((s=r.match(/\.(mp4|mov|ogv|webm)((\?|#).*)?$/i))?(a="video",l.opts.video.format||(l.opts.video.format="video/"+("ogv"===s[1]?"ogg":s[1]))):r.match(/(^data:image\/[a-z0-9+\/=]*,)|(\.(jp(e|g|eg)|gif|png|bmp|webp|svg|ico)((\?|#).*)?$)/i)?a="image":r.match(/\.(pdf)((\?|#).*)?$/i)?(a="iframe",l=n.extend(!0,l,{contentType:"pdf",opts:{iframe:{preload:!1}}})):"#"===r.charAt(0)&&(a="inline")),a?l.type=a:o.trigger("objectNeedsType",l),l.contentType||(l.contentType=n.inArray(l.type,["html","inline","ajax"])>-1?"html":l.type),l.index=o.group.length,"auto"==l.opts.smallBtn&&(l.opts.smallBtn=n.inArray(l.type,["html","inline","ajax"])>-1),"auto"===l.opts.toolbar&&(l.opts.toolbar=!l.opts.smallBtn),l.$thumb=l.opts.$thumb||null,l.opts.$trigger&&l.index===o.opts.index&&(l.$thumb=l.opts.$trigger.find("img:first"),l.$thumb.length&&(l.opts.$orig=l.opts.$trigger)),l.$thumb&&l.$thumb.length||!l.opts.$orig||(l.$thumb=l.opts.$orig.find("img:first")),l.$thumb&&!l.$thumb.length&&(l.$thumb=null),l.thumb=l.opts.thumb||(l.$thumb?l.$thumb[0].src:null),"function"===n.type(l.opts.caption)&&(l.opts.caption=l.opts.caption.apply(e,[o,l])),"function"===n.type(o.opts.caption)&&(l.opts.caption=o.opts.caption.apply(e,[o,l])),l.opts.caption instanceof n||(l.opts.caption=void 0===l.opts.caption?"":l.opts.caption+""),"ajax"===l.type&&(c=r.split(/\s+/,2),c.length>1&&(l.src=c.shift(),l.opts.filter=c.shift())),l.opts.modal&&(l.opts=n.extend(!0,l.opts,{trapFocus:!0,infobar:0,toolbar:0,smallBtn:0,keyboard:0,slideShow:0,fullScreen:0,thumbs:0,touch:0,clickContent:!1,clickSlide:!1,clickOutside:!1,dblclickContent:!1,dblclickSlide:!1,dblclickOutside:!1})),o.group.push(l)}),Object.keys(o.slides).length&&(o.updateControls(),(e=o.Thumbs)&&e.isActive&&(e.create(),e.focus()))},addEvents:function(){var e=this;e.removeEvents(),e.$refs.container.on("click.fb-close","[data-fancybox-close]",function(t){t.stopPropagation(),t.preventDefault(),e.close(t)}).on("touchstart.fb-prev click.fb-prev","[data-fancybox-prev]",function(t){t.stopPropagation(),t.preventDefault(),e.previous()}).on("touchstart.fb-next click.fb-next","[data-fancybox-next]",function(t){t.stopPropagation(),t.preventDefault(),e.next()}).on("click.fb","[data-fancybox-zoom]",function(t){e[e.isScaledDown()?"scaleToActual":"scaleToFit"]()}),s.on("orientationchange.fb resize.fb",function(t){t&&t.originalEvent&&"resize"===t.originalEvent.type?(e.requestId&&u(e.requestId),e.requestId=d(function(){e.update(t)})):(e.current&&"iframe"===e.current.type&&e.$refs.stage.hide(),setTimeout(function(){e.$refs.stage.show(),e.update(t)},n.fancybox.isMobile?600:250))}),r.on("keydown.fb",function(t){var o=n.fancybox?n.fancybox.getInstance():null,i=o.current,a=t.keyCode||t.which;if(9==a)return void(i.opts.trapFocus&&e.focus(t));if(!(!i.opts.keyboard||t.ctrlKey||t.altKey||t.shiftKey||n(t.target).is("input,textarea,video,audio,select")))return 8===a||27===a?(t.preventDefault(),void e.close(t)):37===a||38===a?(t.preventDefault(),void e.previous()):39===a||40===a?(t.preventDefault(),void e.next()):void e.trigger("afterKeydown",t,a)}),e.group[e.currIndex].opts.idleTime&&(e.idleSecondsCounter=0,r.on("mousemove.fb-idle mouseleave.fb-idle mousedown.fb-idle touchstart.fb-idle touchmove.fb-idle scroll.fb-idle keydown.fb-idle",function(t){e.idleSecondsCounter=0,e.isIdle&&e.showControls(),e.isIdle=!1}),e.idleInterval=t.setInterval(function(){++e.idleSecondsCounter>=e.group[e.currIndex].opts.idleTime&&!e.isDragging&&(e.isIdle=!0,e.idleSecondsCounter=0,e.hideControls())},1e3))},removeEvents:function(){var e=this;s.off("orientationchange.fb resize.fb"),r.off("keydown.fb .fb-idle"),this.$refs.container.off(".fb-close .fb-prev .fb-next"),e.idleInterval&&(t.clearInterval(e.idleInterval),e.idleInterval=null)},previous:function(t){return this.jumpTo(this.currPos-1,t)},next:function(t){return this.jumpTo(this.currPos+1,t)},jumpTo:function(t,e){var o,i,a,s,r,c,l,d,u,f=this,h=f.group.length;if(!(f.isDragging||f.isClosing||f.isAnimating&&f.firstRun)){if(t=parseInt(t,10),!(a=f.current?f.current.opts.loop:f.opts.loop)&&(t<0||t>=h))return!1;if(o=f.firstRun=!Object.keys(f.slides).length,r=f.current,f.prevIndex=f.currIndex,f.prevPos=f.currPos,s=f.createSlide(t),h>1&&((a||s.index<h-1)&&f.createSlide(t+1),(a||s.index>0)&&f.createSlide(t-1)),f.current=s,f.currIndex=s.index,f.currPos=s.pos,f.trigger("beforeShow",o),f.updateControls(),s.forcedDuration=void 0,n.isNumeric(e)?s.forcedDuration=e:e=s.opts[o?"animationDuration":"transitionDuration"],e=parseInt(e,10),i=f.isMoved(s),s.$slide.addClass("fancybox-slide--current"),o)return s.opts.animationEffect&&e&&f.$refs.container.css("transition-duration",e+"ms"),f.$refs.container.addClass("fancybox-is-open").trigger("focus"),f.loadSlide(s),void f.preload("image");c=n.fancybox.getTranslate(r.$slide),l=n.fancybox.getTranslate(f.$refs.stage),n.each(f.slides,function(t,e){n.fancybox.stop(e.$slide,!0)}),r.pos!==s.pos&&(r.isComplete=!1),r.$slide.removeClass("fancybox-slide--complete fancybox-slide--current"),i?(u=c.left-(r.pos*c.width+r.pos*r.opts.gutter),n.each(f.slides,function(t,o){o.$slide.removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")});var i=o.pos*c.width+o.pos*o.opts.gutter;n.fancybox.setTranslate(o.$slide,{top:0,left:i-l.left+u}),o.pos!==s.pos&&o.$slide.addClass("fancybox-slide--"+(o.pos>s.pos?"next":"previous")),p(o.$slide),n.fancybox.animate(o.$slide,{top:0,left:(o.pos-s.pos)*c.width+(o.pos-s.pos)*o.opts.gutter},e,function(){o.$slide.css({transform:"",opacity:""}).removeClass("fancybox-slide--next fancybox-slide--previous"),o.pos===f.currPos&&f.complete()})})):e&&s.opts.transitionEffect&&(d="fancybox-animated fancybox-fx-"+s.opts.transitionEffect,r.$slide.addClass("fancybox-slide--"+(r.pos>s.pos?"next":"previous")),n.fancybox.animate(r.$slide,d,e,function(){r.$slide.removeClass(d).removeClass("fancybox-slide--next fancybox-slide--previous")},!1)),s.isLoaded?f.revealContent(s):f.loadSlide(s),f.preload("image")}},createSlide:function(t){var e,o,i=this;return o=t%i.group.length,o=o<0?i.group.length+o:o,!i.slides[t]&&i.group[o]&&(e=n('<div class="fancybox-slide"></div>').appendTo(i.$refs.stage),i.slides[t]=n.extend(!0,{},i.group[o],{pos:t,$slide:e,isLoaded:!1}),i.updateSlide(i.slides[t])),i.slides[t]},scaleToActual:function(t,e,o){var i,a,s,r,c,l=this,d=l.current,u=d.$content,f=n.fancybox.getTranslate(d.$slide).width,p=n.fancybox.getTranslate(d.$slide).height,h=d.width,g=d.height;l.isAnimating||l.isMoved()||!u||"image"!=d.type||!d.isLoaded||d.hasError||(l.isAnimating=!0,n.fancybox.stop(u),t=void 0===t?.5*f:t,e=void 0===e?.5*p:e,i=n.fancybox.getTranslate(u),i.top-=n.fancybox.getTranslate(d.$slide).top,i.left-=n.fancybox.getTranslate(d.$slide).left,r=h/i.width,c=g/i.height,a=.5*f-.5*h,s=.5*p-.5*g,h>f&&(a=i.left*r-(t*r-t),a>0&&(a=0),a<f-h&&(a=f-h)),g>p&&(s=i.top*c-(e*c-e),s>0&&(s=0),s<p-g&&(s=p-g)),l.updateCursor(h,g),n.fancybox.animate(u,{top:s,left:a,scaleX:r,scaleY:c},o||366,function(){l.isAnimating=!1}),l.SlideShow&&l.SlideShow.isActive&&l.SlideShow.stop())},scaleToFit:function(t){var e,o=this,i=o.current,a=i.$content;o.isAnimating||o.isMoved()||!a||"image"!=i.type||!i.isLoaded||i.hasError||(o.isAnimating=!0,n.fancybox.stop(a),e=o.getFitPos(i),o.updateCursor(e.width,e.height),n.fancybox.animate(a,{top:e.top,left:e.left,scaleX:e.width/a.width(),scaleY:e.height/a.height()},t||366,function(){o.isAnimating=!1}))},getFitPos:function(t){var e,o,i,a,s=this,r=t.$content,c=t.$slide,l=t.width||t.opts.width,d=t.height||t.opts.height,u={};return!!(t.isLoaded&&r&&r.length)&&(e=n.fancybox.getTranslate(s.$refs.stage).width,o=n.fancybox.getTranslate(s.$refs.stage).height,e-=parseFloat(c.css("paddingLeft"))+parseFloat(c.css("paddingRight"))+parseFloat(r.css("marginLeft"))+parseFloat(r.css("marginRight")),o-=parseFloat(c.css("paddingTop"))+parseFloat(c.css("paddingBottom"))+parseFloat(r.css("marginTop"))+parseFloat(r.css("marginBottom")),l&&d||(l=e,d=o),i=Math.min(1,e/l,o/d),l*=i,d*=i,l>e-.5&&(l=e),d>o-.5&&(d=o),"image"===t.type?(u.top=Math.floor(.5*(o-d))+parseFloat(c.css("paddingTop")),u.left=Math.floor(.5*(e-l))+parseFloat(c.css("paddingLeft"))):"video"===t.contentType&&(a=t.opts.width&&t.opts.height?l/d:t.opts.ratio||16/9,d>l/a?d=l/a:l>d*a&&(l=d*a)),u.width=l,u.height=d,u)},update:function(t){var e=this;n.each(e.slides,function(n,o){e.updateSlide(o,t)})},updateSlide:function(t,e){var o=this,i=t&&t.$content,a=t.width||t.opts.width,s=t.height||t.opts.height,r=t.$slide;o.adjustCaption(t),i&&(a||s||"video"===t.contentType)&&!t.hasError&&(n.fancybox.stop(i),n.fancybox.setTranslate(i,o.getFitPos(t)),t.pos===o.currPos&&(o.isAnimating=!1,o.updateCursor())),o.adjustLayout(t),r.length&&(r.trigger("refresh"),t.pos===o.currPos&&o.$refs.toolbar.add(o.$refs.navigation.find(".fancybox-button--arrow_right")).toggleClass("compensate-for-scrollbar",r.get(0).scrollHeight>r.get(0).clientHeight)),o.trigger("onUpdate",t,e)},centerSlide:function(t){var e=this,o=e.current,i=o.$slide;!e.isClosing&&o&&(i.siblings().css({transform:"",opacity:""}),i.parent().children().removeClass("fancybox-slide--previous fancybox-slide--next"),n.fancybox.animate(i,{top:0,left:0,opacity:1},void 0===t?0:t,function(){i.css({transform:"",opacity:""}),o.isComplete||e.complete()},!1))},isMoved:function(t){var e,o,i=t||this.current;return!!i&&(o=n.fancybox.getTranslate(this.$refs.stage),e=n.fancybox.getTranslate(i.$slide),!i.$slide.hasClass("fancybox-animated")&&(Math.abs(e.top-o.top)>.5||Math.abs(e.left-o.left)>.5))},updateCursor:function(t,e){var o,i,a=this,s=a.current,r=a.$refs.container;s&&!a.isClosing&&a.Guestures&&(r.removeClass("fancybox-is-zoomable fancybox-can-zoomIn fancybox-can-zoomOut fancybox-can-swipe fancybox-can-pan"),o=a.canPan(t,e),i=!!o||a.isZoomable(),r.toggleClass("fancybox-is-zoomable",i),n("[data-fancybox-zoom]").prop("disabled",!i),o?r.addClass("fancybox-can-pan"):i&&("zoom"===s.opts.clickContent||n.isFunction(s.opts.clickContent)&&"zoom"==s.opts.clickContent(s))?r.addClass("fancybox-can-zoomIn"):s.opts.touch&&(s.opts.touch.vertical||a.group.length>1)&&"video"!==s.contentType&&r.addClass("fancybox-can-swipe"))},isZoomable:function(){var t,e=this,n=e.current;if(n&&!e.isClosing&&"image"===n.type&&!n.hasError){if(!n.isLoaded)return!0;if((t=e.getFitPos(n))&&(n.width>t.width||n.height>t.height))return!0}return!1},isScaledDown:function(t,e){var o=this,i=!1,a=o.current,s=a.$content;return void 0!==t&&void 0!==e?i=t<a.width&&e<a.height:s&&(i=n.fancybox.getTranslate(s),i=i.width<a.width&&i.height<a.height),i},canPan:function(t,e){var o=this,i=o.current,a=null,s=!1;return"image"===i.type&&(i.isComplete||t&&e)&&!i.hasError&&(s=o.getFitPos(i),void 0!==t&&void 0!==e?a={width:t,height:e}:i.isComplete&&(a=n.fancybox.getTranslate(i.$content)),a&&s&&(s=Math.abs(a.width-s.width)>1.5||Math.abs(a.height-s.height)>1.5)),s},loadSlide:function(t){var e,o,i,a=this;if(!t.isLoading&&!t.isLoaded){if(t.isLoading=!0,!1===a.trigger("beforeLoad",t))return t.isLoading=!1,!1;switch(e=t.type,o=t.$slide,o.off("refresh").trigger("onReset").addClass(t.opts.slideClass),e){case"image":a.setImage(t);break;case"iframe":a.setIframe(t);break;case"html":a.setContent(t,t.src||t.content);break;case"video":a.setContent(t,t.opts.video.tpl.replace(/\{\{src\}\}/gi,t.src).replace("{{format}}",t.opts.videoFormat||t.opts.video.format||"").replace("{{poster}}",t.thumb||""));break;case"inline":n(t.src).length?a.setContent(t,n(t.src)):a.setError(t);break;case"ajax":a.showLoading(t),i=n.ajax(n.extend({},t.opts.ajax.settings,{url:t.src,success:function(e,n){"success"===n&&a.setContent(t,e)},error:function(e,n){e&&"abort"!==n&&a.setError(t)}})),o.one("onReset",function(){i.abort()});break;default:a.setError(t)}return!0}},setImage:function(t){var o,i=this;setTimeout(function(){var e=t.$image;i.isClosing||!t.isLoading||e&&e.length&&e[0].complete||t.hasError||i.showLoading(t)},50),i.checkSrcset(t),t.$content=n('<div class="fancybox-content"></div>').addClass("fancybox-is-hidden").appendTo(t.$slide.addClass("fancybox-slide--image")),!1!==t.opts.preload&&t.opts.width&&t.opts.height&&t.thumb&&(t.width=t.opts.width,t.height=t.opts.height,o=e.createElement("img"),o.onerror=function(){n(this).remove(),t.$ghost=null},o.onload=function(){i.afterLoad(t)},t.$ghost=n(o).addClass("fancybox-image").appendTo(t.$content).attr("src",t.thumb)),i.setBigImage(t)},checkSrcset:function(e){var n,o,i,a,s=e.opts.srcset||e.opts.image.srcset;if(s){i=t.devicePixelRatio||1,a=t.innerWidth*i,o=s.split(",").map(function(t){var e={};return t.trim().split(/\s+/).forEach(function(t,n){var o=parseInt(t.substring(0,t.length-1),10);if(0===n)return e.url=t;o&&(e.value=o,e.postfix=t[t.length-1])}),e}),o.sort(function(t,e){return t.value-e.value});for(var r=0;r<o.length;r++){var c=o[r];if("w"===c.postfix&&c.value>=a||"x"===c.postfix&&c.value>=i){n=c;break}}!n&&o.length&&(n=o[o.length-1]),n&&(e.src=n.url,e.width&&e.height&&"w"==n.postfix&&(e.height=e.width/e.height*n.value,e.width=n.value),e.opts.srcset=s)}},setBigImage:function(t){var o=this,i=e.createElement("img"),a=n(i);t.$image=a.one("error",function(){o.setError(t)}).one("load",function(){var e;t.$ghost||(o.resolveImageSlideSize(t,this.naturalWidth,this.naturalHeight),o.afterLoad(t)),o.isClosing||(t.opts.srcset&&(e=t.opts.sizes,e&&"auto"!==e||(e=(t.width/t.height>1&&s.width()/s.height()>1?"100":Math.round(t.width/t.height*100))+"vw"),a.attr("sizes",e).attr("srcset",t.opts.srcset)),t.$ghost&&setTimeout(function(){t.$ghost&&!o.isClosing&&t.$ghost.hide()},Math.min(300,Math.max(1e3,t.height/1600))),o.hideLoading(t))}).addClass("fancybox-image").attr("src",t.src).appendTo(t.$content),(i.complete||"complete"==i.readyState)&&a.naturalWidth&&a.naturalHeight?a.trigger("load"):i.error&&a.trigger("error")},resolveImageSlideSize:function(t,e,n){var o=parseInt(t.opts.width,10),i=parseInt(t.opts.height,10);t.width=e,t.height=n,o>0&&(t.width=o,t.height=Math.floor(o*n/e)),i>0&&(t.width=Math.floor(i*e/n),t.height=i)},setIframe:function(t){var e,o=this,i=t.opts.iframe,a=t.$slide;t.$content=n('<div class="fancybox-content'+(i.preload?" fancybox-is-hidden":"")+'"></div>').css(i.css).appendTo(a),a.addClass("fancybox-slide--"+t.contentType),t.$iframe=e=n(i.tpl.replace(/\{rnd\}/g,(new Date).getTime())).attr(i.attr).appendTo(t.$content),i.preload?(o.showLoading(t),e.on("load.fb error.fb",function(e){this.isReady=1,t.$slide.trigger("refresh"),o.afterLoad(t)}),a.on("refresh.fb",function(){var n,o,s=t.$content,r=i.css.width,c=i.css.height;if(1===e[0].isReady){try{n=e.contents(),o=n.find("body")}catch(t){}o&&o.length&&o.children().length&&(a.css("overflow","visible"),s.css({width:"100%","max-width":"100%",height:"9999px"}),void 0===r&&(r=Math.ceil(Math.max(o[0].clientWidth,o.outerWidth(!0)))),s.css("width",r||"").css("max-width",""),void 0===c&&(c=Math.ceil(Math.max(o[0].clientHeight,o.outerHeight(!0)))),s.css("height",c||""),a.css("overflow","auto")),s.removeClass("fancybox-is-hidden")}})):o.afterLoad(t),e.attr("src",t.src),a.one("onReset",function(){try{n(this).find("iframe").hide().unbind().attr("src","//about:blank")}catch(t){}n(this).off("refresh.fb").empty(),t.isLoaded=!1,t.isRevealed=!1})},setContent:function(t,e){var o=this;o.isClosing||(o.hideLoading(t),t.$content&&n.fancybox.stop(t.$content),t.$slide.empty(),l(e)&&e.parent().length?((e.hasClass("fancybox-content")||e.parent().hasClass("fancybox-content"))&&e.parents(".fancybox-slide").trigger("onReset"),t.$placeholder=n("<div>").hide().insertAfter(e),e.css("display","inline-block")):t.hasError||("string"===n.type(e)&&(e=n("<div>").append(n.trim(e)).contents()),t.opts.filter&&(e=n("<div>").html(e).find(t.opts.filter))),t.$slide.one("onReset",function(){n(this).find("video,audio").trigger("pause"),t.$placeholder&&(t.$placeholder.after(e.removeClass("fancybox-content").hide()).remove(),t.$placeholder=null),t.$smallBtn&&(t.$smallBtn.remove(),t.$smallBtn=null),t.hasError||(n(this).empty(),t.isLoaded=!1,t.isRevealed=!1)}),n(e).appendTo(t.$slide),n(e).is("video,audio")&&(n(e).addClass("fancybox-video"),n(e).wrap("<div></div>"),t.contentType="video",t.opts.width=t.opts.width||n(e).attr("width"),t.opts.height=t.opts.height||n(e).attr("height")),t.$content=t.$slide.children().filter("div,form,main,video,audio,article,.fancybox-content").first(),t.$content.siblings().hide(),t.$content.length||(t.$content=t.$slide.wrapInner("<div></div>").children().first()),t.$content.addClass("fancybox-content"),t.$slide.addClass("fancybox-slide--"+t.contentType),o.afterLoad(t))},setError:function(t){t.hasError=!0,t.$slide.trigger("onReset").removeClass("fancybox-slide--"+t.contentType).addClass("fancybox-slide--error"),t.contentType="html",this.setContent(t,this.translate(t,t.opts.errorTpl)),t.pos===this.currPos&&(this.isAnimating=!1)},showLoading:function(t){var e=this;(t=t||e.current)&&!t.$spinner&&(t.$spinner=n(e.translate(e,e.opts.spinnerTpl)).appendTo(t.$slide).hide().fadeIn("fast"))},hideLoading:function(t){var e=this;(t=t||e.current)&&t.$spinner&&(t.$spinner.stop().remove(),delete t.$spinner)},afterLoad:function(t){var e=this;e.isClosing||(t.isLoading=!1,t.isLoaded=!0,e.trigger("afterLoad",t),e.hideLoading(t),!t.opts.smallBtn||t.$smallBtn&&t.$smallBtn.length||(t.$smallBtn=n(e.translate(t,t.opts.btnTpl.smallBtn)).appendTo(t.$content)),t.opts.protect&&t.$content&&!t.hasError&&(t.$content.on("contextmenu.fb",function(t){return 2==t.button&&t.preventDefault(),!0}),"image"===t.type&&n('<div class="fancybox-spaceball"></div>').appendTo(t.$content)),e.adjustCaption(t),e.adjustLayout(t),t.pos===e.currPos&&e.updateCursor(),e.revealContent(t))},adjustCaption:function(t){var e,n=this,o=t||n.current,i=o.opts.caption,a=o.opts.preventCaptionOverlap,s=n.$refs.caption,r=!1;s.toggleClass("fancybox-caption--separate",a),a&&i&&i.length&&(o.pos!==n.currPos?(e=s.clone().appendTo(s.parent()),e.children().eq(0).empty().html(i),r=e.outerHeight(!0),e.empty().remove()):n.$caption&&(r=n.$caption.outerHeight(!0)),o.$slide.css("padding-bottom",r||""))},adjustLayout:function(t){var e,n,o,i,a=this,s=t||a.current;s.isLoaded&&!0!==s.opts.disableLayoutFix&&(s.$content.css("margin-bottom",""),s.$content.outerHeight()>s.$slide.height()+.5&&(o=s.$slide[0].style["padding-bottom"],i=s.$slide.css("padding-bottom"),parseFloat(i)>0&&(e=s.$slide[0].scrollHeight,s.$slide.css("padding-bottom",0),Math.abs(e-s.$slide[0].scrollHeight)<1&&(n=i),s.$slide.css("padding-bottom",o))),s.$content.css("margin-bottom",n))},revealContent:function(t){var e,o,i,a,s=this,r=t.$slide,c=!1,l=!1,d=s.isMoved(t),u=t.isRevealed;return t.isRevealed=!0,e=t.opts[s.firstRun?"animationEffect":"transitionEffect"],i=t.opts[s.firstRun?"animationDuration":"transitionDuration"],i=parseInt(void 0===t.forcedDuration?i:t.forcedDuration,10),!d&&t.pos===s.currPos&&i||(e=!1),"zoom"===e&&(t.pos===s.currPos&&i&&"image"===t.type&&!t.hasError&&(l=s.getThumbPos(t))?c=s.getFitPos(t):e="fade"),"zoom"===e?(s.isAnimating=!0,c.scaleX=c.width/l.width,c.scaleY=c.height/l.height,a=t.opts.zoomOpacity,"auto"==a&&(a=Math.abs(t.width/t.height-l.width/l.height)>.1),a&&(l.opacity=.1,c.opacity=1),n.fancybox.setTranslate(t.$content.removeClass("fancybox-is-hidden"),l),p(t.$content),void n.fancybox.animate(t.$content,c,i,function(){s.isAnimating=!1,s.complete()})):(s.updateSlide(t),e?(n.fancybox.stop(r),o="fancybox-slide--"+(t.pos>=s.prevPos?"next":"previous")+" fancybox-animated fancybox-fx-"+e,r.addClass(o).removeClass("fancybox-slide--current"),t.$content.removeClass("fancybox-is-hidden"),p(r),"image"!==t.type&&t.$content.hide().show(0),void n.fancybox.animate(r,"fancybox-slide--current",i,function(){r.removeClass(o).css({transform:"",opacity:""}),t.pos===s.currPos&&s.complete()},!0)):(t.$content.removeClass("fancybox-is-hidden"),u||!d||"image"!==t.type||t.hasError||t.$content.hide().fadeIn("fast"),void(t.pos===s.currPos&&s.complete())))},getThumbPos:function(t){var e,o,i,a,s,r=!1,c=t.$thumb;return!(!c||!g(c[0]))&&(e=n.fancybox.getTranslate(c),o=parseFloat(c.css("border-top-width")||0),i=parseFloat(c.css("border-right-width")||0),a=parseFloat(c.css("border-bottom-width")||0),s=parseFloat(c.css("border-left-width")||0),r={top:e.top+o,left:e.left+s,width:e.width-i-s,height:e.height-o-a,scaleX:1,scaleY:1},e.width>0&&e.height>0&&r)},complete:function(){var t,e=this,o=e.current,i={};!e.isMoved()&&o.isLoaded&&(o.isComplete||(o.isComplete=!0,o.$slide.siblings().trigger("onReset"),e.preload("inline"),p(o.$slide),o.$slide.addClass("fancybox-slide--complete"),n.each(e.slides,function(t,o){o.pos>=e.currPos-1&&o.pos<=e.currPos+1?i[o.pos]=o:o&&(n.fancybox.stop(o.$slide),o.$slide.off().remove())}),e.slides=i),e.isAnimating=!1,e.updateCursor(),e.trigger("afterShow"),o.opts.video.autoStart&&o.$slide.find("video,audio").filter(":visible:first").trigger("play").one("ended",function(){Document.exitFullscreen?Document.exitFullscreen():this.webkitExitFullscreen&&this.webkitExitFullscreen(),e.next()}),o.opts.autoFocus&&"html"===o.contentType&&(t=o.$content.find("input[autofocus]:enabled:visible:first"),t.length?t.trigger("focus"):e.focus(null,!0)),o.$slide.scrollTop(0).scrollLeft(0))},preload:function(t){var e,n,o=this;o.group.length<2||(n=o.slides[o.currPos+1],e=o.slides[o.currPos-1],e&&e.type===t&&o.loadSlide(e),n&&n.type===t&&o.loadSlide(n))},focus:function(t,o){var i,a,s=this,r=["a[href]","area[href]",'input:not([disabled]):not([type="hidden"]):not([aria-hidden])',"select:not([disabled]):not([aria-hidden])","textarea:not([disabled]):not([aria-hidden])","button:not([disabled]):not([aria-hidden])","iframe","object","embed","video","audio","[contenteditable]",'[tabindex]:not([tabindex^="-"])'].join(",");s.isClosing||(i=!t&&s.current&&s.current.isComplete?s.current.$slide.find("*:visible"+(o?":not(.fancybox-close-small)":"")):s.$refs.container.find("*:visible"),i=i.filter(r).filter(function(){return"hidden"!==n(this).css("visibility")&&!n(this).hasClass("disabled")}),i.length?(a=i.index(e.activeElement),t&&t.shiftKey?(a<0||0==a)&&(t.preventDefault(),i.eq(i.length-1).trigger("focus")):(a<0||a==i.length-1)&&(t&&t.preventDefault(),i.eq(0).trigger("focus"))):s.$refs.container.trigger("focus"))},activate:function(){var t=this;n(".fancybox-container").each(function(){var e=n(this).data("FancyBox");e&&e.id!==t.id&&!e.isClosing&&(e.trigger("onDeactivate"),e.removeEvents(),e.isVisible=!1)}),t.isVisible=!0,(t.current||t.isIdle)&&(t.update(),t.updateControls()),t.trigger("onActivate"),t.addEvents()},close:function(t,e){var o,i,a,s,r,c,l,u=this,f=u.current,h=function(){u.cleanUp(t)};return!u.isClosing&&(u.isClosing=!0,!1===u.trigger("beforeClose",t)?(u.isClosing=!1,d(function(){u.update()}),!1):(u.removeEvents(),a=f.$content,o=f.opts.animationEffect,i=n.isNumeric(e)?e:o?f.opts.animationDuration:0,f.$slide.removeClass("fancybox-slide--complete fancybox-slide--next fancybox-slide--previous fancybox-animated"),!0!==t?n.fancybox.stop(f.$slide):o=!1,f.$slide.siblings().trigger("onReset").remove(),i&&u.$refs.container.removeClass("fancybox-is-open").addClass("fancybox-is-closing").css("transition-duration",i+"ms"),u.hideLoading(f),u.hideControls(!0),u.updateCursor(),"zoom"!==o||a&&i&&"image"===f.type&&!u.isMoved()&&!f.hasError&&(l=u.getThumbPos(f))||(o="fade"),"zoom"===o?(n.fancybox.stop(a),s=n.fancybox.getTranslate(a),c={top:s.top,left:s.left,scaleX:s.width/l.width,scaleY:s.height/l.height,width:l.width,height:l.height},r=f.opts.zoomOpacity,
13"auto"==r&&(r=Math.abs(f.width/f.height-l.width/l.height)>.1),r&&(l.opacity=0),n.fancybox.setTranslate(a,c),p(a),n.fancybox.animate(a,l,i,h),!0):(o&&i?n.fancybox.animate(f.$slide.addClass("fancybox-slide--previous").removeClass("fancybox-slide--current"),"fancybox-animated fancybox-fx-"+o,i,h):!0===t?setTimeout(h,i):h(),!0)))},cleanUp:function(e){var o,i,a,s=this,r=s.current.opts.$orig;s.current.$slide.trigger("onReset"),s.$refs.container.empty().remove(),s.trigger("afterClose",e),s.current.opts.backFocus&&(r&&r.length&&r.is(":visible")||(r=s.$trigger),r&&r.length&&(i=t.scrollX,a=t.scrollY,r.trigger("focus"),n("html, body").scrollTop(a).scrollLeft(i))),s.current=null,o=n.fancybox.getInstance(),o?o.activate():(n("body").removeClass("fancybox-active compensate-for-scrollbar"),n("#fancybox-style-noscroll").remove())},trigger:function(t,e){var o,i=Array.prototype.slice.call(arguments,1),a=this,s=e&&e.opts?e:a.current;if(s?i.unshift(s):s=a,i.unshift(a),n.isFunction(s.opts[t])&&(o=s.opts[t].apply(s,i)),!1===o)return o;"afterClose"!==t&&a.$refs?a.$refs.container.trigger(t+".fb",i):r.trigger(t+".fb",i)},updateControls:function(){var t=this,o=t.current,i=o.index,a=t.$refs.container,s=t.$refs.caption,r=o.opts.caption;o.$slide.trigger("refresh"),r&&r.length?(t.$caption=s,s.children().eq(0).html(r)):t.$caption=null,t.hasHiddenControls||t.isIdle||t.showControls(),a.find("[data-fancybox-count]").html(t.group.length),a.find("[data-fancybox-index]").html(i+1),a.find("[data-fancybox-prev]").prop("disabled",!o.opts.loop&&i<=0),a.find("[data-fancybox-next]").prop("disabled",!o.opts.loop&&i>=t.group.length-1),"image"===o.type?a.find("[data-fancybox-zoom]").show().end().find("[data-fancybox-download]").attr("href",o.opts.image.src||o.src).show():o.opts.toolbar&&a.find("[data-fancybox-download],[data-fancybox-zoom]").hide(),n(e.activeElement).is(":hidden,[disabled]")&&t.$refs.container.trigger("focus")},hideControls:function(t){var e=this,n=["infobar","toolbar","nav"];!t&&e.current.opts.preventCaptionOverlap||n.push("caption"),this.$refs.container.removeClass(n.map(function(t){return"fancybox-show-"+t}).join(" ")),this.hasHiddenControls=!0},showControls:function(){var t=this,e=t.current?t.current.opts:t.opts,n=t.$refs.container;t.hasHiddenControls=!1,t.idleSecondsCounter=0,n.toggleClass("fancybox-show-toolbar",!(!e.toolbar||!e.buttons)).toggleClass("fancybox-show-infobar",!!(e.infobar&&t.group.length>1)).toggleClass("fancybox-show-caption",!!t.$caption).toggleClass("fancybox-show-nav",!!(e.arrows&&t.group.length>1)).toggleClass("fancybox-is-modal",!!e.modal)},toggleControls:function(){this.hasHiddenControls?this.showControls():this.hideControls()}}),n.fancybox={version:"3.5.7",defaults:a,getInstance:function(t){var e=n('.fancybox-container:not(".fancybox-is-closing"):last').data("FancyBox"),o=Array.prototype.slice.call(arguments,1);return e instanceof b&&("string"===n.type(t)?e[t].apply(e,o):"function"===n.type(t)&&t.apply(e,o),e)},open:function(t,e,n){return new b(t,e,n)},close:function(t){var e=this.getInstance();e&&(e.close(),!0===t&&this.close(t))},destroy:function(){this.close(!0),r.add("body").off("click.fb-start","**")},isMobile:/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent),use3d:function(){var n=e.createElement("div");return t.getComputedStyle&&t.getComputedStyle(n)&&t.getComputedStyle(n).getPropertyValue("transform")&&!(e.documentMode&&e.documentMode<11)}(),getTranslate:function(t){var e;return!(!t||!t.length)&&(e=t[0].getBoundingClientRect(),{top:e.top||0,left:e.left||0,width:e.width,height:e.height,opacity:parseFloat(t.css("opacity"))})},setTranslate:function(t,e){var n="",o={};if(t&&e)return void 0===e.left&&void 0===e.top||(n=(void 0===e.left?t.position().left:e.left)+"px, "+(void 0===e.top?t.position().top:e.top)+"px",n=this.use3d?"translate3d("+n+", 0px)":"translate("+n+")"),void 0!==e.scaleX&&void 0!==e.scaleY?n+=" scale("+e.scaleX+", "+e.scaleY+")":void 0!==e.scaleX&&(n+=" scaleX("+e.scaleX+")"),n.length&&(o.transform=n),void 0!==e.opacity&&(o.opacity=e.opacity),void 0!==e.width&&(o.width=e.width),void 0!==e.height&&(o.height=e.height),t.css(o)},animate:function(t,e,o,i,a){var s,r=this;n.isFunction(o)&&(i=o,o=null),r.stop(t),s=r.getTranslate(t),t.on(f,function(c){(!c||!c.originalEvent||t.is(c.originalEvent.target)&&"z-index"!=c.originalEvent.propertyName)&&(r.stop(t),n.isNumeric(o)&&t.css("transition-duration",""),n.isPlainObject(e)?void 0!==e.scaleX&&void 0!==e.scaleY&&r.setTranslate(t,{top:e.top,left:e.left,width:s.width*e.scaleX,height:s.height*e.scaleY,scaleX:1,scaleY:1}):!0!==a&&t.removeClass(e),n.isFunction(i)&&i(c))}),n.isNumeric(o)&&t.css("transition-duration",o+"ms"),n.isPlainObject(e)?(void 0!==e.scaleX&&void 0!==e.scaleY&&(delete e.width,delete e.height,t.parent().hasClass("fancybox-slide--image")&&t.parent().addClass("fancybox-is-scaling")),n.fancybox.setTranslate(t,e)):t.addClass(e),t.data("timer",setTimeout(function(){t.trigger(f)},o+33))},stop:function(t,e){t&&t.length&&(clearTimeout(t.data("timer")),e&&t.trigger(f),t.off(f).css("transition-duration",""),t.parent().removeClass("fancybox-is-scaling"))}},n.fn.fancybox=function(t){var e;return t=t||{},e=t.selector||!1,e?n("body").off("click.fb-start",e).on("click.fb-start",e,{options:t},i):this.off("click.fb-start").on("click.fb-start",{items:this,options:t},i),this},r.on("click.fb-start","[data-fancybox]",i),r.on("click.fb-start","[data-fancybox-trigger]",function(t){n('[data-fancybox="'+n(this).attr("data-fancybox-trigger")+'"]').eq(n(this).attr("data-fancybox-index")||0).trigger("click.fb-start",{$trigger:n(this)})}),function(){var t=null;r.on("mousedown mouseup focus blur",".fancybox-button",function(e){switch(e.type){case"mousedown":t=n(this);break;case"mouseup":t=null;break;case"focusin":n(".fancybox-button").removeClass("fancybox-focus"),n(this).is(t)||n(this).is("[disabled]")||n(this).addClass("fancybox-focus");break;case"focusout":n(".fancybox-button").removeClass("fancybox-focus")}})}()}}(window,document,jQuery),function(t){"use strict";var e={youtube:{matcher:/(youtube\.com|youtu\.be|youtube\-nocookie\.com)\/(watch\?(.*&)?v=|v\/|u\/|embed\/?)?(videoseries\?list=(.*)|[\w-]{11}|\?listType=(.*)&list=(.*))(.*)/i,params:{autoplay:1,autohide:1,fs:1,rel:0,hd:1,wmode:"transparent",enablejsapi:1,html5:1},paramPlace:8,type:"iframe",url:"https://www.youtube-nocookie.com/embed/$4",thumb:"https://img.youtube.com/vi/$4/hqdefault.jpg"},vimeo:{matcher:/^.+vimeo.com\/(.*\/)?([\d]+)(.*)?/,params:{autoplay:1,hd:1,show_title:1,show_byline:1,show_portrait:0,fullscreen:1},paramPlace:3,type:"iframe",url:"//player.vimeo.com/video/$2"},instagram:{matcher:/(instagr\.am|instagram\.com)\/p\/([a-zA-Z0-9_\-]+)\/?/i,type:"image",url:"//$1/p/$2/media/?size=l"},gmap_place:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(((maps\/(place\/(.*)\/)?\@(.*),(\d+.?\d+?)z))|(\?ll=))(.*)?/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/?ll="+(t[9]?t[9]+"&z="+Math.floor(t[10])+(t[12]?t[12].replace(/^\//,"&"):""):t[12]+"").replace(/\?/,"&")+"&output="+(t[12]&&t[12].indexOf("layer=c")>0?"svembed":"embed")}},gmap_search:{matcher:/(maps\.)?google\.([a-z]{2,3}(\.[a-z]{2})?)\/(maps\/search\/)(.*)/i,type:"iframe",url:function(t){return"//maps.google."+t[2]+"/maps?q="+t[5].replace("query=","q=").replace("api=1","")+"&output=embed"}}},n=function(e,n,o){if(e)return o=o||"","object"===t.type(o)&&(o=t.param(o,!0)),t.each(n,function(t,n){e=e.replace("$"+t,n||"")}),o.length&&(e+=(e.indexOf("?")>0?"&":"?")+o),e};t(document).on("objectNeedsType.fb",function(o,i,a){var s,r,c,l,d,u,f,p=a.src||"",h=!1;s=t.extend(!0,{},e,a.opts.media),t.each(s,function(e,o){if(c=p.match(o.matcher)){if(h=o.type,f=e,u={},o.paramPlace&&c[o.paramPlace]){d=c[o.paramPlace],"?"==d[0]&&(d=d.substring(1)),d=d.split("&");for(var i=0;i<d.length;++i){var s=d[i].split("=",2);2==s.length&&(u[s[0]]=decodeURIComponent(s[1].replace(/\+/g," ")))}}return l=t.extend(!0,{},o.params,a.opts[e],u),p="function"===t.type(o.url)?o.url.call(this,c,l,a):n(o.url,c,l),r="function"===t.type(o.thumb)?o.thumb.call(this,c,l,a):n(o.thumb,c),"youtube"===e?p=p.replace(/&t=((\d+)m)?(\d+)s/,function(t,e,n,o){return"&start="+((n?60*parseInt(n,10):0)+parseInt(o,10))}):"vimeo"===e&&(p=p.replace("&%23","#")),!1}}),h?(a.opts.thumb||a.opts.$thumb&&a.opts.$thumb.length||(a.opts.thumb=r),"iframe"===h&&(a.opts=t.extend(!0,a.opts,{iframe:{preload:!1,attr:{scrolling:"no"}}})),t.extend(a,{type:h,src:p,origSrc:a.src,contentSource:f,contentType:"image"===h?"image":"gmap_place"==f||"gmap_search"==f?"map":"video"})):p&&(a.type=a.opts.defaultType)});var o={youtube:{src:"https://www.youtube.com/iframe_api",class:"YT",loading:!1,loaded:!1},vimeo:{src:"https://player.vimeo.com/api/player.js",class:"Vimeo",loading:!1,loaded:!1},load:function(t){var e,n=this;if(this[t].loaded)return void setTimeout(function(){n.done(t)});this[t].loading||(this[t].loading=!0,e=document.createElement("script"),e.type="text/javascript",e.src=this[t].src,"youtube"===t?window.onYouTubeIframeAPIReady=function(){n[t].loaded=!0,n.done(t)}:e.onload=function(){n[t].loaded=!0,n.done(t)},document.body.appendChild(e))},done:function(e){var n,o,i;"youtube"===e&&delete window.onYouTubeIframeAPIReady,(n=t.fancybox.getInstance())&&(o=n.current.$content.find("iframe"),"youtube"===e&&void 0!==YT&&YT?i=new YT.Player(o.attr("id"),{events:{onStateChange:function(t){0==t.data&&n.next()}}}):"vimeo"===e&&void 0!==Vimeo&&Vimeo&&(i=new Vimeo.Player(o),i.on("ended",function(){n.next()})))}};t(document).on({"afterShow.fb":function(t,e,n){e.group.length>1&&("youtube"===n.contentSource||"vimeo"===n.contentSource)&&o.load(n.contentSource)}})}(jQuery),function(t,e,n){"use strict";var o=function(){return t.requestAnimationFrame||t.webkitRequestAnimationFrame||t.mozRequestAnimationFrame||t.oRequestAnimationFrame||function(e){return t.setTimeout(e,1e3/60)}}(),i=function(){return t.cancelAnimationFrame||t.webkitCancelAnimationFrame||t.mozCancelAnimationFrame||t.oCancelAnimationFrame||function(e){t.clearTimeout(e)}}(),a=function(e){var n=[];e=e.originalEvent||e||t.e,e=e.touches&&e.touches.length?e.touches:e.changedTouches&&e.changedTouches.length?e.changedTouches:[e];for(var o in e)e[o].pageX?n.push({x:e[o].pageX,y:e[o].pageY}):e[o].clientX&&n.push({x:e[o].clientX,y:e[o].clientY});return n},s=function(t,e,n){return e&&t?"x"===n?t.x-e.x:"y"===n?t.y-e.y:Math.sqrt(Math.pow(t.x-e.x,2)+Math.pow(t.y-e.y,2)):0},r=function(t){if(t.is('a,area,button,[role="button"],input,label,select,summary,textarea,video,audio,iframe')||n.isFunction(t.get(0).onclick)||t.data("selectable"))return!0;for(var e=0,o=t[0].attributes,i=o.length;e<i;e++)if("data-fancybox-"===o[e].nodeName.substr(0,14))return!0;return!1},c=function(e){var n=t.getComputedStyle(e)["overflow-y"],o=t.getComputedStyle(e)["overflow-x"],i=("scroll"===n||"auto"===n)&&e.scrollHeight>e.clientHeight,a=("scroll"===o||"auto"===o)&&e.scrollWidth>e.clientWidth;return i||a},l=function(t){for(var e=!1;;){if(e=c(t.get(0)))break;if(t=t.parent(),!t.length||t.hasClass("fancybox-stage")||t.is("body"))break}return e},d=function(t){var e=this;e.instance=t,e.$bg=t.$refs.bg,e.$stage=t.$refs.stage,e.$container=t.$refs.container,e.destroy(),e.$container.on("touchstart.fb.touch mousedown.fb.touch",n.proxy(e,"ontouchstart"))};d.prototype.destroy=function(){var t=this;t.$container.off(".fb.touch"),n(e).off(".fb.touch"),t.requestId&&(i(t.requestId),t.requestId=null),t.tapped&&(clearTimeout(t.tapped),t.tapped=null)},d.prototype.ontouchstart=function(o){var i=this,c=n(o.target),d=i.instance,u=d.current,f=u.$slide,p=u.$content,h="touchstart"==o.type;if(h&&i.$container.off("mousedown.fb.touch"),(!o.originalEvent||2!=o.originalEvent.button)&&f.length&&c.length&&!r(c)&&!r(c.parent())&&(c.is("img")||!(o.originalEvent.clientX>c[0].clientWidth+c.offset().left))){if(!u||d.isAnimating||u.$slide.hasClass("fancybox-animated"))return o.stopPropagation(),void o.preventDefault();i.realPoints=i.startPoints=a(o),i.startPoints.length&&(u.touch&&o.stopPropagation(),i.startEvent=o,i.canTap=!0,i.$target=c,i.$content=p,i.opts=u.opts.touch,i.isPanning=!1,i.isSwiping=!1,i.isZooming=!1,i.isScrolling=!1,i.canPan=d.canPan(),i.startTime=(new Date).getTime(),i.distanceX=i.distanceY=i.distance=0,i.canvasWidth=Math.round(f[0].clientWidth),i.canvasHeight=Math.round(f[0].clientHeight),i.contentLastPos=null,i.contentStartPos=n.fancybox.getTranslate(i.$content)||{top:0,left:0},i.sliderStartPos=n.fancybox.getTranslate(f),i.stagePos=n.fancybox.getTranslate(d.$refs.stage),i.sliderStartPos.top-=i.stagePos.top,i.sliderStartPos.left-=i.stagePos.left,i.contentStartPos.top-=i.stagePos.top,i.contentStartPos.left-=i.stagePos.left,n(e).off(".fb.touch").on(h?"touchend.fb.touch touchcancel.fb.touch":"mouseup.fb.touch mouseleave.fb.touch",n.proxy(i,"ontouchend")).on(h?"touchmove.fb.touch":"mousemove.fb.touch",n.proxy(i,"ontouchmove")),n.fancybox.isMobile&&e.addEventListener("scroll",i.onscroll,!0),((i.opts||i.canPan)&&(c.is(i.$stage)||i.$stage.find(c).length)||(c.is(".fancybox-image")&&o.preventDefault(),n.fancybox.isMobile&&c.parents(".fancybox-caption").length))&&(i.isScrollable=l(c)||l(c.parent()),n.fancybox.isMobile&&i.isScrollable||o.preventDefault(),(1===i.startPoints.length||u.hasError)&&(i.canPan?(n.fancybox.stop(i.$content),i.isPanning=!0):i.isSwiping=!0,i.$container.addClass("fancybox-is-grabbing")),2===i.startPoints.length&&"image"===u.type&&(u.isLoaded||u.$ghost)&&(i.canTap=!1,i.isSwiping=!1,i.isPanning=!1,i.isZooming=!0,n.fancybox.stop(i.$content),i.centerPointStartX=.5*(i.startPoints[0].x+i.startPoints[1].x)-n(t).scrollLeft(),i.centerPointStartY=.5*(i.startPoints[0].y+i.startPoints[1].y)-n(t).scrollTop(),i.percentageOfImageAtPinchPointX=(i.centerPointStartX-i.contentStartPos.left)/i.contentStartPos.width,i.percentageOfImageAtPinchPointY=(i.centerPointStartY-i.contentStartPos.top)/i.contentStartPos.height,i.startDistanceBetweenFingers=s(i.startPoints[0],i.startPoints[1]))))}},d.prototype.onscroll=function(t){var n=this;n.isScrolling=!0,e.removeEventListener("scroll",n.onscroll,!0)},d.prototype.ontouchmove=function(t){var e=this;return void 0!==t.originalEvent.buttons&&0===t.originalEvent.buttons?void e.ontouchend(t):e.isScrolling?void(e.canTap=!1):(e.newPoints=a(t),void((e.opts||e.canPan)&&e.newPoints.length&&e.newPoints.length&&(e.isSwiping&&!0===e.isSwiping||t.preventDefault(),e.distanceX=s(e.newPoints[0],e.startPoints[0],"x"),e.distanceY=s(e.newPoints[0],e.startPoints[0],"y"),e.distance=s(e.newPoints[0],e.startPoints[0]),e.distance>0&&(e.isSwiping?e.onSwipe(t):e.isPanning?e.onPan():e.isZooming&&e.onZoom()))))},d.prototype.onSwipe=function(e){var a,s=this,r=s.instance,c=s.isSwiping,l=s.sliderStartPos.left||0;if(!0!==c)"x"==c&&(s.distanceX>0&&(s.instance.group.length<2||0===s.instance.current.index&&!s.instance.current.opts.loop)?l+=Math.pow(s.distanceX,.8):s.distanceX<0&&(s.instance.group.length<2||s.instance.current.index===s.instance.group.length-1&&!s.instance.current.opts.loop)?l-=Math.pow(-s.distanceX,.8):l+=s.distanceX),s.sliderLastPos={top:"x"==c?0:s.sliderStartPos.top+s.distanceY,left:l},s.requestId&&(i(s.requestId),s.requestId=null),s.requestId=o(function(){s.sliderLastPos&&(n.each(s.instance.slides,function(t,e){var o=e.pos-s.instance.currPos;n.fancybox.setTranslate(e.$slide,{top:s.sliderLastPos.top,left:s.sliderLastPos.left+o*s.canvasWidth+o*e.opts.gutter})}),s.$container.addClass("fancybox-is-sliding"))});else if(Math.abs(s.distance)>10){if(s.canTap=!1,r.group.length<2&&s.opts.vertical?s.isSwiping="y":r.isDragging||!1===s.opts.vertical||"auto"===s.opts.vertical&&n(t).width()>800?s.isSwiping="x":(a=Math.abs(180*Math.atan2(s.distanceY,s.distanceX)/Math.PI),s.isSwiping=a>45&&a<135?"y":"x"),"y"===s.isSwiping&&n.fancybox.isMobile&&s.isScrollable)return void(s.isScrolling=!0);r.isDragging=s.isSwiping,s.startPoints=s.newPoints,n.each(r.slides,function(t,e){var o,i;n.fancybox.stop(e.$slide),o=n.fancybox.getTranslate(e.$slide),i=n.fancybox.getTranslate(r.$refs.stage),e.$slide.css({transform:"",opacity:"","transition-duration":""}).removeClass("fancybox-animated").removeClass(function(t,e){return(e.match(/(^|\s)fancybox-fx-\S+/g)||[]).join(" ")}),e.pos===r.current.pos&&(s.sliderStartPos.top=o.top-i.top,s.sliderStartPos.left=o.left-i.left),n.fancybox.setTranslate(e.$slide,{top:o.top-i.top,left:o.left-i.left})}),r.SlideShow&&r.SlideShow.isActive&&r.SlideShow.stop()}},d.prototype.onPan=function(){var t=this;if(s(t.newPoints[0],t.realPoints[0])<(n.fancybox.isMobile?10:5))return void(t.startPoints=t.newPoints);t.canTap=!1,t.contentLastPos=t.limitMovement(),t.requestId&&i(t.requestId),t.requestId=o(function(){n.fancybox.setTranslate(t.$content,t.contentLastPos)})},d.prototype.limitMovement=function(){var t,e,n,o,i,a,s=this,r=s.canvasWidth,c=s.canvasHeight,l=s.distanceX,d=s.distanceY,u=s.contentStartPos,f=u.left,p=u.top,h=u.width,g=u.height;return i=h>r?f+l:f,a=p+d,t=Math.max(0,.5*r-.5*h),e=Math.max(0,.5*c-.5*g),n=Math.min(r-h,.5*r-.5*h),o=Math.min(c-g,.5*c-.5*g),l>0&&i>t&&(i=t-1+Math.pow(-t+f+l,.8)||0),l<0&&i<n&&(i=n+1-Math.pow(n-f-l,.8)||0),d>0&&a>e&&(a=e-1+Math.pow(-e+p+d,.8)||0),d<0&&a<o&&(a=o+1-Math.pow(o-p-d,.8)||0),{top:a,left:i}},d.prototype.limitPosition=function(t,e,n,o){var i=this,a=i.canvasWidth,s=i.canvasHeight;return n>a?(t=t>0?0:t,t=t<a-n?a-n:t):t=Math.max(0,a/2-n/2),o>s?(e=e>0?0:e,e=e<s-o?s-o:e):e=Math.max(0,s/2-o/2),{top:e,left:t}},d.prototype.onZoom=function(){var e=this,a=e.contentStartPos,r=a.width,c=a.height,l=a.left,d=a.top,u=s(e.newPoints[0],e.newPoints[1]),f=u/e.startDistanceBetweenFingers,p=Math.floor(r*f),h=Math.floor(c*f),g=(r-p)*e.percentageOfImageAtPinchPointX,b=(c-h)*e.percentageOfImageAtPinchPointY,m=(e.newPoints[0].x+e.newPoints[1].x)/2-n(t).scrollLeft(),v=(e.newPoints[0].y+e.newPoints[1].y)/2-n(t).scrollTop(),y=m-e.centerPointStartX,x=v-e.centerPointStartY,w=l+(g+y),$=d+(b+x),S={top:$,left:w,scaleX:f,scaleY:f};e.canTap=!1,e.newWidth=p,e.newHeight=h,e.contentLastPos=S,e.requestId&&i(e.requestId),e.requestId=o(function(){n.fancybox.setTranslate(e.$content,e.contentLastPos)})},d.prototype.ontouchend=function(t){var o=this,s=o.isSwiping,r=o.isPanning,c=o.isZooming,l=o.isScrolling;if(o.endPoints=a(t),o.dMs=Math.max((new Date).getTime()-o.startTime,1),o.$container.removeClass("fancybox-is-grabbing"),n(e).off(".fb.touch"),e.removeEventListener("scroll",o.onscroll,!0),o.requestId&&(i(o.requestId),o.requestId=null),o.isSwiping=!1,o.isPanning=!1,o.isZooming=!1,o.isScrolling=!1,o.instance.isDragging=!1,o.canTap)return o.onTap(t);o.speed=100,o.velocityX=o.distanceX/o.dMs*.5,o.velocityY=o.distanceY/o.dMs*.5,r?o.endPanning():c?o.endZooming():o.endSwiping(s,l)},d.prototype.endSwiping=function(t,e){var o=this,i=!1,a=o.instance.group.length,s=Math.abs(o.distanceX),r="x"==t&&a>1&&(o.dMs>130&&s>10||s>50);o.sliderLastPos=null,"y"==t&&!e&&Math.abs(o.distanceY)>50?(n.fancybox.animate(o.instance.current.$slide,{top:o.sliderStartPos.top+o.distanceY+150*o.velocityY,opacity:0},200),i=o.instance.close(!0,250)):r&&o.distanceX>0?i=o.instance.previous(300):r&&o.distanceX<0&&(i=o.instance.next(300)),!1!==i||"x"!=t&&"y"!=t||o.instance.centerSlide(200),o.$container.removeClass("fancybox-is-sliding")},d.prototype.endPanning=function(){var t,e,o,i=this;i.contentLastPos&&(!1===i.opts.momentum||i.dMs>350?(t=i.contentLastPos.left,e=i.contentLastPos.top):(t=i.contentLastPos.left+500*i.velocityX,e=i.contentLastPos.top+500*i.velocityY),o=i.limitPosition(t,e,i.contentStartPos.width,i.contentStartPos.height),o.width=i.contentStartPos.width,o.height=i.contentStartPos.height,n.fancybox.animate(i.$content,o,366))},d.prototype.endZooming=function(){var t,e,o,i,a=this,s=a.instance.current,r=a.newWidth,c=a.newHeight;a.contentLastPos&&(t=a.contentLastPos.left,e=a.contentLastPos.top,i={top:e,left:t,width:r,height:c,scaleX:1,scaleY:1},n.fancybox.setTranslate(a.$content,i),r<a.canvasWidth&&c<a.canvasHeight?a.instance.scaleToFit(150):r>s.width||c>s.height?a.instance.scaleToActual(a.centerPointStartX,a.centerPointStartY,150):(o=a.limitPosition(t,e,r,c),n.fancybox.animate(a.$content,o,150)))},d.prototype.onTap=function(e){var o,i=this,s=n(e.target),r=i.instance,c=r.current,l=e&&a(e)||i.startPoints,d=l[0]?l[0].x-n(t).scrollLeft()-i.stagePos.left:0,u=l[0]?l[0].y-n(t).scrollTop()-i.stagePos.top:0,f=function(t){var o=c.opts[t];if(n.isFunction(o)&&(o=o.apply(r,[c,e])),o)switch(o){case"close":r.close(i.startEvent);break;case"toggleControls":r.toggleControls();break;case"next":r.next();break;case"nextOrClose":r.group.length>1?r.next():r.close(i.startEvent);break;case"zoom":"image"==c.type&&(c.isLoaded||c.$ghost)&&(r.canPan()?r.scaleToFit():r.isScaledDown()?r.scaleToActual(d,u):r.group.length<2&&r.close(i.startEvent))}};if((!e.originalEvent||2!=e.originalEvent.button)&&(s.is("img")||!(d>s[0].clientWidth+s.offset().left))){if(s.is(".fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-container"))o="Outside";else if(s.is(".fancybox-slide"))o="Slide";else{if(!r.current.$content||!r.current.$content.find(s).addBack().filter(s).length)return;o="Content"}if(i.tapped){if(clearTimeout(i.tapped),i.tapped=null,Math.abs(d-i.tapX)>50||Math.abs(u-i.tapY)>50)return this;f("dblclick"+o)}else i.tapX=d,i.tapY=u,c.opts["dblclick"+o]&&c.opts["dblclick"+o]!==c.opts["click"+o]?i.tapped=setTimeout(function(){i.tapped=null,r.isAnimating||f("click"+o)},500):f("click"+o);return this}},n(e).on("onActivate.fb",function(t,e){e&&!e.Guestures&&(e.Guestures=new d(e))}).on("beforeClose.fb",function(t,e){e&&e.Guestures&&e.Guestures.destroy()})}(window,document,jQuery),function(t,e){"use strict";e.extend(!0,e.fancybox.defaults,{btnTpl:{slideShow:'<button data-fancybox-play class="fancybox-button fancybox-button--play" title="{{PLAY_START}}"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.5 5.4v13.2l11-6.6z"/></svg><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></button>'},slideShow:{autoStart:!1,speed:3e3,progress:!0}});var n=function(t){this.instance=t,this.init()};e.extend(n.prototype,{timer:null,isActive:!1,$button:null,init:function(){var t=this,n=t.instance,o=n.group[n.currIndex].opts.slideShow;t.$button=n.$refs.toolbar.find("[data-fancybox-play]").on("click",function(){t.toggle()}),n.group.length<2||!o?t.$button.hide():o.progress&&(t.$progress=e('<div class="fancybox-progress"></div>').appendTo(n.$refs.inner))},set:function(t){var n=this,o=n.instance,i=o.current;i&&(!0===t||i.opts.loop||o.currIndex<o.group.length-1)?n.isActive&&"video"!==i.contentType&&(n.$progress&&e.fancybox.animate(n.$progress.show(),{scaleX:1},i.opts.slideShow.speed),n.timer=setTimeout(function(){o.current.opts.loop||o.current.index!=o.group.length-1?o.next():o.jumpTo(0)},i.opts.slideShow.speed)):(n.stop(),o.idleSecondsCounter=0,o.showControls())},clear:function(){var t=this;clearTimeout(t.timer),t.timer=null,t.$progress&&t.$progress.removeAttr("style").hide()},start:function(){var t=this,e=t.instance.current;e&&(t.$button.attr("title",(e.opts.i18n[e.opts.lang]||e.opts.i18n.en).PLAY_STOP).removeClass("fancybox-button--play").addClass("fancybox-button--pause"),t.isActive=!0,e.isComplete&&t.set(!0),t.instance.trigger("onSlideShowChange",!0))},stop:function(){var t=this,e=t.instance.current;t.clear(),t.$button.attr("title",(e.opts.i18n[e.opts.lang]||e.opts.i18n.en).PLAY_START).removeClass("fancybox-button--pause").addClass("fancybox-button--play"),t.isActive=!1,t.instance.trigger("onSlideShowChange",!1),t.$progress&&t.$progress.removeAttr("style").hide()},toggle:function(){var t=this;t.isActive?t.stop():t.start()}}),e(t).on({"onInit.fb":function(t,e){e&&!e.SlideShow&&(e.SlideShow=new n(e))},"beforeShow.fb":function(t,e,n,o){var i=e&&e.SlideShow;o?i&&n.opts.slideShow.autoStart&&i.start():i&&i.isActive&&i.clear()},"afterShow.fb":function(t,e,n){var o=e&&e.SlideShow;o&&o.isActive&&o.set()},"afterKeydown.fb":function(n,o,i,a,s){var r=o&&o.SlideShow;!r||!i.opts.slideShow||80!==s&&32!==s||e(t.activeElement).is("button,a,input")||(a.preventDefault(),r.toggle())},"beforeClose.fb onDeactivate.fb":function(t,e){var n=e&&e.SlideShow;n&&n.stop()}}),e(t).on("visibilitychange",function(){var n=e.fancybox.getInstance(),o=n&&n.SlideShow;o&&o.isActive&&(t.hidden?o.clear():o.set())})}(document,jQuery),function(t,e){"use strict";var n=function(){for(var e=[["requestFullscreen","exitFullscreen","fullscreenElement","fullscreenEnabled","fullscreenchange","fullscreenerror"],["webkitRequestFullscreen","webkitExitFullscreen","webkitFullscreenElement","webkitFullscreenEnabled","webkitfullscreenchange","webkitfullscreenerror"],["webkitRequestFullScreen","webkitCancelFullScreen","webkitCurrentFullScreenElement","webkitCancelFullScreen","webkitfullscreenchange","webkitfullscreenerror"],["mozRequestFullScreen","mozCancelFullScreen","mozFullScreenElement","mozFullScreenEnabled","mozfullscreenchange","mozfullscreenerror"],["msRequestFullscreen","msExitFullscreen","msFullscreenElement","msFullscreenEnabled","MSFullscreenChange","MSFullscreenError"]],n={},o=0;o<e.length;o++){var i=e[o];if(i&&i[1]in t){for(var a=0;a<i.length;a++)n[e[0][a]]=i[a];return n}}return!1}();if(n){var o={request:function(e){e=e||t.documentElement,e[n.requestFullscreen](e.ALLOW_KEYBOARD_INPUT)},exit:function(){t[n.exitFullscreen]()},toggle:function(e){e=e||t.documentElement,this.isFullscreen()?this.exit():this.request(e)},isFullscreen:function(){return Boolean(t[n.fullscreenElement])},enabled:function(){return Boolean(t[n.fullscreenEnabled])}};e.extend(!0,e.fancybox.defaults,{btnTpl:{fullScreen:'<button data-fancybox-fullscreen class="fancybox-button fancybox-button--fsenter" title="{{FULL_SCREEN}}"><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><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></button>'},fullScreen:{autoStart:!1}}),e(t).on(n.fullscreenchange,function(){var t=o.isFullscreen(),n=e.fancybox.getInstance();n&&(n.current&&"image"===n.current.type&&n.isAnimating&&(n.isAnimating=!1,n.update(!0,!0,0),n.isComplete||n.complete()),n.trigger("onFullscreenChange",t),n.$refs.container.toggleClass("fancybox-is-fullscreen",t),n.$refs.toolbar.find("[data-fancybox-fullscreen]").toggleClass("fancybox-button--fsenter",!t).toggleClass("fancybox-button--fsexit",t))})}e(t).on({"onInit.fb":function(t,e){var i;if(!n)return void e.$refs.toolbar.find("[data-fancybox-fullscreen]").remove();e&&e.group[e.currIndex].opts.fullScreen?(i=e.$refs.container,i.on("click.fb-fullscreen","[data-fancybox-fullscreen]",function(t){t.stopPropagation(),t.preventDefault(),o.toggle()}),e.opts.fullScreen&&!0===e.opts.fullScreen.autoStart&&o.request(),e.FullScreen=o):e&&e.$refs.toolbar.find("[data-fancybox-fullscreen]").hide()},"afterKeydown.fb":function(t,e,n,o,i){e&&e.FullScreen&&70===i&&(o.preventDefault(),e.FullScreen.toggle())},"beforeClose.fb":function(t,e){e&&e.FullScreen&&e.$refs.container.hasClass("fancybox-is-fullscreen")&&o.exit()}})}(document,jQuery),function(t,e){"use strict";var n="fancybox-thumbs";e.fancybox.defaults=e.extend(!0,{btnTpl:{thumbs:'<button data-fancybox-thumbs class="fancybox-button fancybox-button--thumbs" title="{{THUMBS}}"><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></button>'},thumbs:{autoStart:!1,hideOnClose:!0,parentEl:".fancybox-container",axis:"y"}},e.fancybox.defaults);var o=function(t){this.init(t)};e.extend(o.prototype,{$button:null,$grid:null,$list:null,isVisible:!1,isActive:!1,init:function(t){var e=this,n=t.group,o=0;e.instance=t,e.opts=n[t.currIndex].opts.thumbs,t.Thumbs=e,e.$button=t.$refs.toolbar.find("[data-fancybox-thumbs]");for(var i=0,a=n.length;i<a&&(n[i].thumb&&o++,!(o>1));i++);o>1&&e.opts?(e.$button.removeAttr("style").on("click",function(){e.toggle()}),e.isActive=!0):e.$button.hide()},create:function(){var t,o=this,i=o.instance,a=o.opts.parentEl,s=[];o.$grid||(o.$grid=e('<div class="'+n+" "+n+"-"+o.opts.axis+'"></div>').appendTo(i.$refs.container.find(a).addBack().filter(a)),o.$grid.on("click","a",function(){i.jumpTo(e(this).attr("data-index"))})),o.$list||(o.$list=e('<div class="'+n+'__list">').appendTo(o.$grid)),e.each(i.group,function(e,n){t=n.thumb,t||"image"!==n.type||(t=n.src),s.push('<a href="javascript:;" tabindex="0" data-index="'+e+'"'+(t&&t.length?' style="background-image:url('+t+')"':'class="fancybox-thumbs-missing"')+"></a>")}),o.$list[0].innerHTML=s.join(""),"x"===o.opts.axis&&o.$list.width(parseInt(o.$grid.css("padding-right"),10)+i.group.length*o.$list.children().eq(0).outerWidth(!0))},focus:function(t){var e,n,o=this,i=o.$list,a=o.$grid;o.instance.current&&(e=i.children().removeClass("fancybox-thumbs-active").filter('[data-index="'+o.instance.current.index+'"]').addClass("fancybox-thumbs-active"),n=e.position(),"y"===o.opts.axis&&(n.top<0||n.top>i.height()-e.outerHeight())?i.stop().animate({scrollTop:i.scrollTop()+n.top},t):"x"===o.opts.axis&&(n.left<a.scrollLeft()||n.left>a.scrollLeft()+(a.width()-e.outerWidth()))&&i.parent().stop().animate({scrollLeft:n.left},t))},update:function(){var t=this;t.instance.$refs.container.toggleClass("fancybox-show-thumbs",this.isVisible),t.isVisible?(t.$grid||t.create(),t.instance.trigger("onThumbsShow"),t.focus(0)):t.$grid&&t.instance.trigger("onThumbsHide"),t.instance.update()},hide:function(){this.isVisible=!1,this.update()},show:function(){this.isVisible=!0,this.update()},toggle:function(){this.isVisible=!this.isVisible,this.update()}}),e(t).on({"onInit.fb":function(t,e){var n;e&&!e.Thumbs&&(n=new o(e),n.isActive&&!0===n.opts.autoStart&&n.show())},"beforeShow.fb":function(t,e,n,o){var i=e&&e.Thumbs;i&&i.isVisible&&i.focus(o?0:250)},"afterKeydown.fb":function(t,e,n,o,i){var a=e&&e.Thumbs;a&&a.isActive&&71===i&&(o.preventDefault(),a.toggle())},"beforeClose.fb":function(t,e){var n=e&&e.Thumbs;n&&n.isVisible&&!1!==n.opts.hideOnClose&&n.$grid.hide()}})}(document,jQuery),function(t,e){"use strict";function n(t){var e={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;","/":"&#x2F;","`":"&#x60;","=":"&#x3D;"};return String(t).replace(/[&<>"'`=\/]/g,function(t){return e[t]})}e.extend(!0,e.fancybox.defaults,{btnTpl:{share:'<button data-fancybox-share class="fancybox-button fancybox-button--share" title="{{SHARE}}"><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></button>'},share:{url:function(t,e){return!t.currentHash&&"inline"!==e.type&&"html"!==e.type&&(e.origSrc||e.src)||window.location},
14tpl:'<div class="fancybox-share"><h1>{{SHARE}}</h1><p><a class="fancybox-share__button fancybox-share__button--fb" href="https://www.facebook.com/sharer/sharer.php?u={{url}}"><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><span>Facebook</span></a><a class="fancybox-share__button fancybox-share__button--tw" href="https://twitter.com/intent/tweet?url={{url}}&text={{descr}}"><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><span>Twitter</span></a><a class="fancybox-share__button fancybox-share__button--pt" href="https://www.pinterest.com/pin/create/button/?url={{url}}&description={{descr}}&media={{media}}"><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><span>Pinterest</span></a></p><p><input class="fancybox-share__input" type="text" value="{{url_raw}}" onclick="select()" /></p></div>'}}),e(t).on("click","[data-fancybox-share]",function(){var t,o,i=e.fancybox.getInstance(),a=i.current||null;a&&("function"===e.type(a.opts.share.url)&&(t=a.opts.share.url.apply(a,[i,a])),o=a.opts.share.tpl.replace(/\{\{media\}\}/g,"image"===a.type?encodeURIComponent(a.src):"").replace(/\{\{url\}\}/g,encodeURIComponent(t)).replace(/\{\{url_raw\}\}/g,n(t)).replace(/\{\{descr\}\}/g,i.$caption?encodeURIComponent(i.$caption.text()):""),e.fancybox.open({src:i.translate(i,o),type:"html",opts:{touch:!1,animationEffect:!1,afterLoad:function(t,e){i.$refs.container.one("beforeClose.fb",function(){t.close(null,0)}),e.$content.find(".fancybox-share__button").click(function(){return window.open(this.href,"Share","width=550, height=450"),!1})},mobile:{autoFocus:!1}}}))})}(document,jQuery),function(t,e,n){"use strict";function o(){var e=t.location.hash.substr(1),n=e.split("-"),o=n.length>1&&/^\+?\d+$/.test(n[n.length-1])?parseInt(n.pop(-1),10)||1:1,i=n.join("-");return{hash:e,index:o<1?1:o,gallery:i}}function i(t){""!==t.gallery&&n("[data-fancybox='"+n.escapeSelector(t.gallery)+"']").eq(t.index-1).focus().trigger("click.fb-start")}function a(t){var e,n;return!!t&&(e=t.current?t.current.opts:t.opts,""!==(n=e.hash||(e.$orig?e.$orig.data("fancybox")||e.$orig.data("fancybox-trigger"):""))&&n)}n.escapeSelector||(n.escapeSelector=function(t){return(t+"").replace(/([\0-\x1f\x7f]|^-?\d)|^-$|[^\x80-\uFFFF\w-]/g,function(t,e){return e?"\0"===t?"�":t.slice(0,-1)+"\\"+t.charCodeAt(t.length-1).toString(16)+" ":"\\"+t})}),n(function(){!1!==n.fancybox.defaults.hash&&(n(e).on({"onInit.fb":function(t,e){var n,i;!1!==e.group[e.currIndex].opts.hash&&(n=o(),(i=a(e))&&n.gallery&&i==n.gallery&&(e.currIndex=n.index-1))},"beforeShow.fb":function(n,o,i,s){var r;i&&!1!==i.opts.hash&&(r=a(o))&&(o.currentHash=r+(o.group.length>1?"-"+(i.index+1):""),t.location.hash!=="#"+o.currentHash&&(s&&!o.origHash&&(o.origHash=t.location.hash),o.hashTimer&&clearTimeout(o.hashTimer),o.hashTimer=setTimeout(function(){"replaceState"in t.history?(t.history[s?"pushState":"replaceState"]({},e.title,t.location.pathname+t.location.search+"#"+o.currentHash),s&&(o.hasCreatedHistory=!0)):t.location.hash=o.currentHash,o.hashTimer=null},300)))},"beforeClose.fb":function(n,o,i){i&&!1!==i.opts.hash&&(clearTimeout(o.hashTimer),o.currentHash&&o.hasCreatedHistory?t.history.back():o.currentHash&&("replaceState"in t.history?t.history.replaceState({},e.title,t.location.pathname+t.location.search+(o.origHash||"")):t.location.hash=o.origHash),o.currentHash=null)}}),n(t).on("hashchange.fb",function(){var t=o(),e=null;n.each(n(".fancybox-container").get().reverse(),function(t,o){var i=n(o).data("FancyBox");if(i&&i.currentHash)return e=i,!1}),e?e.currentHash===t.gallery+"-"+t.index||1===t.index&&e.currentHash==t.gallery||(e.currentHash=null,e.close()):""!==t.gallery&&i(t)}),setTimeout(function(){n.fancybox.getInstance()||i(o())},50))})}(window,document,jQuery),function(t,e){"use strict";var n=(new Date).getTime();e(t).on({"onInit.fb":function(t,e,o){e.$refs.stage.on("mousewheel DOMMouseScroll wheel MozMousePixelScroll",function(t){var o=e.current,i=(new Date).getTime();e.group.length<2||!1===o.opts.wheel||"auto"===o.opts.wheel&&"image"!==o.type||(t.preventDefault(),t.stopPropagation(),o.$slide.hasClass("fancybox-animated")||(t=t.originalEvent||t,i-n<250||(n=i,e[(-t.deltaY||-t.deltaX||t.wheelDelta||-t.detail)<0?"next":"previous"]())))})}})}(document,jQuery);

14
15/*!
16 * justifiedGallery - v3.7.0
17 * http://miromannino.github.io/Justified-Gallery/
18 * Copyright (c) 2018 Miro Mannino
19 * Licensed under the MIT license.
20 */
21
22!function(e){"function"==typeof define&&define.amd?define(["jquery"],e):"object"==typeof module&&module.exports?module.exports=function(t,i){return void 0===i&&(i="undefined"!=typeof window?require("jquery"):require("jquery")(t)),e(i),i}:e(jQuery)}(function(g){var r=function(t,i){this.settings=i,this.checkSettings(),this.imgAnalyzerTimeout=null,this.entries=null,this.buildingRow={entriesBuff:[],width:0,height:0,aspectRatio:0},this.lastFetchedEntry=null,this.lastAnalyzedIndex=-1,this.yield={every:2,flushed:0},this.border=0<=i.border?i.border:i.margins,this.maxRowHeight=this.retrieveMaxRowHeight(),this.suffixRanges=this.retrieveSuffixRanges(),this.offY=this.border,this.rows=0,this.spinner={phase:0,timeSlot:150,$el:g('<div class="spinner"><span></span><span></span><span></span></div>'),intervalId:null},this.scrollBarOn=!1,this.checkWidthIntervalId=null,this.galleryWidth=t.width(),this.$gallery=t};r.prototype.getSuffix=function(t,i){var e,s;for(e=i<t?t:i,s=0;s<this.suffixRanges.length;s++)if(e<=this.suffixRanges[s])return this.settings.sizeRangeSuffixes[this.suffixRanges[s]];return this.settings.sizeRangeSuffixes[this.suffixRanges[s-1]]},r.prototype.removeSuffix=function(t,i){return t.substring(0,t.length-i.length)},r.prototype.endsWith=function(t,i){return-1!==t.indexOf(i,t.length-i.length)},r.prototype.getUsedSuffix=function(t){for(var i in this.settings.sizeRangeSuffixes)if(this.settings.sizeRangeSuffixes.hasOwnProperty(i)){if(0===this.settings.sizeRangeSuffixes[i].length)continue;if(this.endsWith(t,this.settings.sizeRangeSuffixes[i]))return this.settings.sizeRangeSuffixes[i]}return""},r.prototype.newSrc=function(t,i,e,s){var n;if(this.settings.thumbnailPath)n=this.settings.thumbnailPath(t,i,e,s);else{var r=t.match(this.settings.extension),o=null!==r?r[0]:"";n=t.replace(this.settings.extension,""),n=this.removeSuffix(n,this.getUsedSuffix(n)),n+=this.getSuffix(i,e)+o}return n},r.prototype.showImg=function(t,i){this.settings.cssAnimation?(t.addClass("entry-visible"),i&&i()):(t.stop().fadeTo(this.settings.imagesAnimationDuration,1,i),t.find(this.settings.imgSelector).stop().fadeTo(this.settings.imagesAnimationDuration,1,i))},r.prototype.extractImgSrcFromImage=function(t){var i=void 0!==t.data("safe-src")?t.data("safe-src"):t.attr("src");return t.data("jg.originalSrc",i),i},r.prototype.imgFromEntry=function(t){var i=t.find(this.settings.imgSelector);return 0===i.length?null:i},r.prototype.captionFromEntry=function(t){var i=t.find("> .caption");return 0===i.length?null:i},r.prototype.displayEntry=function(t,i,e,s,n,r){t.width(s),t.height(r),t.css("top",e),t.css("left",i);var o=this.imgFromEntry(t);if(null!==o){o.css("width",s),o.css("height",n),o.css("margin-left",-s/2),o.css("margin-top",-n/2);var a=o.attr("src"),h=this.newSrc(a,s,n,o[0]);o.one("error",function(){o.attr("src",o.data("jg.originalSrc"))});var l=function(){a!==h&&o.attr("src",h)};"skipped"===t.data("jg.loaded")?this.onImageEvent(a,g.proxy(function(){this.showImg(t,l),t.data("jg.loaded",!0)},this)):this.showImg(t,l)}else this.showImg(t);this.displayEntryCaption(t)},r.prototype.displayEntryCaption=function(t){var i=this.imgFromEntry(t);if(null!==i&&this.settings.captions){var e=this.captionFromEntry(t);if(null===e){var s=i.attr("alt");this.isValidCaption(s)||(s=t.attr("title")),this.isValidCaption(s)&&(e=g('<div class="caption">'+s+"</div>"),t.append(e),t.data("jg.createdCaption",!0))}null!==e&&(this.settings.cssAnimation||e.stop().fadeTo(0,this.settings.captionSettings.nonVisibleOpacity),this.addCaptionEventsHandlers(t))}else this.removeCaptionEventsHandlers(t)},r.prototype.isValidCaption=function(t){return void 0!==t&&0<t.length},r.prototype.onEntryMouseEnterForCaption=function(t){var i=this.captionFromEntry(g(t.currentTarget));this.settings.cssAnimation?i.addClass("caption-visible").removeClass("caption-hidden"):i.stop().fadeTo(this.settings.captionSettings.animationDuration,this.settings.captionSettings.visibleOpacity)},r.prototype.onEntryMouseLeaveForCaption=function(t){var i=this.captionFromEntry(g(t.currentTarget));this.settings.cssAnimation?i.removeClass("caption-visible").removeClass("caption-hidden"):i.stop().fadeTo(this.settings.captionSettings.animationDuration,this.settings.captionSettings.nonVisibleOpacity)},r.prototype.addCaptionEventsHandlers=function(t){var i=t.data("jg.captionMouseEvents");void 0===i&&(i={mouseenter:g.proxy(this.onEntryMouseEnterForCaption,this),mouseleave:g.proxy(this.onEntryMouseLeaveForCaption,this)},t.on("mouseenter",void 0,void 0,i.mouseenter),t.on("mouseleave",void 0,void 0,i.mouseleave),t.data("jg.captionMouseEvents",i))},r.prototype.removeCaptionEventsHandlers=function(t){var i=t.data("jg.captionMouseEvents");void 0!==i&&(t.off("mouseenter",void 0,i.mouseenter),t.off("mouseleave",void 0,i.mouseleave),t.removeData("jg.captionMouseEvents"))},r.prototype.clearBuildingRow=function(){this.buildingRow.entriesBuff=[],this.buildingRow.aspectRatio=0,this.buildingRow.width=0},r.prototype.prepareBuildingRow=function(t){var i,e,s,n,r,o=!0,a=0,h=this.galleryWidth-2*this.border-(this.buildingRow.entriesBuff.length-1)*this.settings.margins,l=h/this.buildingRow.aspectRatio,g=this.settings.rowHeight,u=this.buildingRow.width/h>this.settings.justifyThreshold;if(t&&"hide"===this.settings.lastRow&&!u){for(i=0;i<this.buildingRow.entriesBuff.length;i++)e=this.buildingRow.entriesBuff[i],this.settings.cssAnimation?e.removeClass("entry-visible"):(e.stop().fadeTo(0,.1),e.find("> img, > a > img").fadeTo(0,0));return-1}for(t&&!u&&"justify"!==this.settings.lastRow&&"hide"!==this.settings.lastRow&&(o=!1,0<this.rows&&(o=(g=(this.offY-this.border-this.settings.margins*this.rows)/this.rows)*this.buildingRow.aspectRatio/h>this.settings.justifyThreshold)),i=0;i<this.buildingRow.entriesBuff.length;i++)s=(e=this.buildingRow.entriesBuff[i]).data("jg.width")/e.data("jg.height"),o?(n=i===this.buildingRow.entriesBuff.length-1?h:l*s,r=l):(n=g*s,r=g),h-=Math.round(n),e.data("jg.jwidth",Math.round(n)),e.data("jg.jheight",Math.ceil(r)),(0===i||r<a)&&(a=r);return this.buildingRow.height=a,o},r.prototype.flushRow=function(t){var i,e,s,n=this.settings,r=this.border;if(e=this.prepareBuildingRow(t),t&&"hide"===n.lastRow&&-1===e)this.clearBuildingRow();else{if(this.maxRowHeight&&this.maxRowHeight<this.buildingRow.height&&(this.buildingRow.height=this.maxRowHeight),t&&("center"===n.lastRow||"right"===n.lastRow)){var o=this.galleryWidth-2*this.border-(this.buildingRow.entriesBuff.length-1)*n.margins;for(s=0;s<this.buildingRow.entriesBuff.length;s++)o-=(i=this.buildingRow.entriesBuff[s]).data("jg.jwidth");"center"===n.lastRow?r+=o/2:"right"===n.lastRow&&(r+=o)}var a=this.buildingRow.entriesBuff.length-1;for(s=0;s<=a;s++)i=this.buildingRow.entriesBuff[this.settings.rtl?a-s:s],this.displayEntry(i,r,this.offY,i.data("jg.jwidth"),i.data("jg.jheight"),this.buildingRow.height),r+=i.data("jg.jwidth")+n.margins;this.galleryHeightToSet=this.offY+this.buildingRow.height+this.border,this.setGalleryTempHeight(this.galleryHeightToSet+this.getSpinnerHeight()),(!t||this.buildingRow.height<=n.rowHeight&&e)&&(this.offY+=this.buildingRow.height+n.margins,this.rows+=1,this.clearBuildingRow(),this.settings.triggerEvent.call(this,"jg.rowflush"))}};var i=0;function e(){return g("body").height()>g(window).height()}r.prototype.rememberGalleryHeight=function(){i=this.$gallery.height(),this.$gallery.height(i)},r.prototype.setGalleryTempHeight=function(t){i=Math.max(t,i),this.$gallery.height(i)},r.prototype.setGalleryFinalHeight=function(t){i=t,this.$gallery.height(t)},r.prototype.checkWidth=function(){this.checkWidthIntervalId=setInterval(g.proxy(function(){if(this.$gallery.is(":visible")){var t=parseFloat(this.$gallery.width());e()===this.scrollBarOn?Math.abs(t-this.galleryWidth)>this.settings.refreshSensitivity&&(this.galleryWidth=t,this.rewind(),this.rememberGalleryHeight(),this.startImgAnalyzer(!0)):(this.scrollBarOn=e(),this.galleryWidth=t)}},this),this.settings.refreshTime)},r.prototype.isSpinnerActive=function(){return null!==this.spinner.intervalId},r.prototype.getSpinnerHeight=function(){return this.spinner.$el.innerHeight()},r.prototype.stopLoadingSpinnerAnimation=function(){clearInterval(this.spinner.intervalId),this.spinner.intervalId=null,this.setGalleryTempHeight(this.$gallery.height()-this.getSpinnerHeight()),this.spinner.$el.detach()},r.prototype.startLoadingSpinnerAnimation=function(){var t=this.spinner,i=t.$el.find("span");clearInterval(t.intervalId),this.$gallery.append(t.$el),this.setGalleryTempHeight(this.offY+this.buildingRow.height+this.getSpinnerHeight()),t.intervalId=setInterval(function(){t.phase<i.length?i.eq(t.phase).fadeTo(t.timeSlot,1):i.eq(t.phase-i.length).fadeTo(t.timeSlot,0),t.phase=(t.phase+1)%(2*i.length)},t.timeSlot)},r.prototype.rewind=function(){this.lastFetchedEntry=null,this.lastAnalyzedIndex=-1,this.offY=this.border,this.rows=0,this.clearBuildingRow()},r.prototype.updateEntries=function(t){var i;return t&&null!=this.lastFetchedEntry?i=g(this.lastFetchedEntry).nextAll(this.settings.selector).toArray():(this.entries=[],i=this.$gallery.children(this.settings.selector).toArray()),0<i.length&&(g.isFunction(this.settings.sort)?i=this.sortArray(i):this.settings.randomize&&(i=this.shuffleArray(i)),this.lastFetchedEntry=i[i.length-1],this.settings.filter?i=this.filterArray(i):this.resetFilters(i)),this.entries=this.entries.concat(i),!0},r.prototype.insertToGallery=function(t){var i=this;g.each(t,function(){g(this).appendTo(i.$gallery)})},r.prototype.shuffleArray=function(t){var i,e,s;for(i=t.length-1;0<i;i--)e=Math.floor(Math.random()*(i+1)),s=t[i],t[i]=t[e],t[e]=s;return this.insertToGallery(t),t},r.prototype.sortArray=function(t){return t.sort(this.settings.sort),this.insertToGallery(t),t},r.prototype.resetFilters=function(t){for(var i=0;i<t.length;i++)g(t[i]).removeClass("jg-filtered")},r.prototype.filterArray=function(t){var e=this.settings;if("string"===g.type(e.filter))return t.filter(function(t){var i=g(t);return i.is(e.filter)?(i.removeClass("jg-filtered"),!0):(i.addClass("jg-filtered").removeClass("jg-visible"),!1)});if(g.isFunction(e.filter)){for(var i=t.filter(e.filter),s=0;s<t.length;s++)-1===i.indexOf(t[s])?g(t[s]).addClass("jg-filtered").removeClass("jg-visible"):g(t[s]).removeClass("jg-filtered");return i}},r.prototype.destroy=function(){clearInterval(this.checkWidthIntervalId),g.each(this.entries,g.proxy(function(t,i){var e=g(i);e.css("width",""),e.css("height",""),e.css("top",""),e.css("left",""),e.data("jg.loaded",void 0),e.removeClass("jg-entry");var s=this.imgFromEntry(e);s.css("width",""),s.css("height",""),s.css("margin-left",""),s.css("margin-top",""),s.attr("src",s.data("jg.originalSrc")),s.data("jg.originalSrc",void 0),this.removeCaptionEventsHandlers(e);var n=this.captionFromEntry(e);e.data("jg.createdCaption")?(e.data("jg.createdCaption",void 0),null!==n&&n.remove()):null!==n&&n.fadeTo(0,1)},this)),this.$gallery.css("height",""),this.$gallery.removeClass("justified-gallery"),this.$gallery.data("jg.controller",void 0)},r.prototype.analyzeImages=function(t){for(var i=this.lastAnalyzedIndex+1;i<this.entries.length;i++){var e=g(this.entries[i]);if(!0===e.data("jg.loaded")||"skipped"===e.data("jg.loaded")){var s=this.galleryWidth-2*this.border-(this.buildingRow.entriesBuff.length-1)*this.settings.margins,n=e.data("jg.width")/e.data("jg.height");if(s/(this.buildingRow.aspectRatio+n)<this.settings.rowHeight&&(this.flushRow(!1),++this.yield.flushed>=this.yield.every))return void this.startImgAnalyzer(t);this.buildingRow.entriesBuff.push(e),this.buildingRow.aspectRatio+=n,this.buildingRow.width+=n*this.settings.rowHeight,this.lastAnalyzedIndex=i}else if("error"!==e.data("jg.loaded"))return}0<this.buildingRow.entriesBuff.length&&this.flushRow(!0),this.isSpinnerActive()&&this.stopLoadingSpinnerAnimation(),this.stopImgAnalyzerStarter(),this.settings.triggerEvent.call(this,t?"jg.resize":"jg.complete"),this.setGalleryFinalHeight(this.galleryHeightToSet)},r.prototype.stopImgAnalyzerStarter=function(){this.yield.flushed=0,null!==this.imgAnalyzerTimeout&&(clearTimeout(this.imgAnalyzerTimeout),this.imgAnalyzerTimeout=null)},r.prototype.startImgAnalyzer=function(t){var i=this;this.stopImgAnalyzerStarter(),this.imgAnalyzerTimeout=setTimeout(function(){i.analyzeImages(t)},.001)},r.prototype.onImageEvent=function(t,i,e){if(i||e){var s=new Image,n=g(s);i&&n.one("load",function(){n.off("load error"),i(s)}),e&&n.one("error",function(){n.off("load error"),e(s)}),s.src=t}},r.prototype.init=function(){var a=!1,h=!1,l=this;g.each(this.entries,function(t,i){var e=g(i),s=l.imgFromEntry(e);if(e.addClass("jg-entry"),!0!==e.data("jg.loaded")&&"skipped"!==e.data("jg.loaded"))if(null!==l.settings.rel&&e.attr("rel",l.settings.rel),null!==l.settings.target&&e.attr("target",l.settings.target),null!==s){var n=l.extractImgSrcFromImage(s);if(s.attr("src",n),!1===l.settings.waitThumbnailsLoad){var r=parseFloat(s.prop("width")),o=parseFloat(s.prop("height"));if(!isNaN(r)&&!isNaN(o))return e.data("jg.width",r),e.data("jg.height",o),e.data("jg.loaded","skipped"),h=!0,l.startImgAnalyzer(!1),!0}e.data("jg.loaded",!1),a=!0,l.isSpinnerActive()||l.startLoadingSpinnerAnimation(),l.onImageEvent(n,function(t){e.data("jg.width",t.width),e.data("jg.height",t.height),e.data("jg.loaded",!0),l.startImgAnalyzer(!1)},function(){e.data("jg.loaded","error"),l.startImgAnalyzer(!1)})}else e.data("jg.loaded",!0),e.data("jg.width",e.width()|parseFloat(e.css("width"))|1),e.data("jg.height",e.height()|parseFloat(e.css("height"))|1)}),a||h||this.startImgAnalyzer(!1),this.checkWidth()},r.prototype.checkOrConvertNumber=function(t,i){if("string"===g.type(t[i])&&(t[i]=parseFloat(t[i])),"number"!==g.type(t[i]))throw i+" must be a number";if(isNaN(t[i]))throw"invalid number for "+i},r.prototype.checkSizeRangesSuffixes=function(){if("object"!==g.type(this.settings.sizeRangeSuffixes))throw"sizeRangeSuffixes must be defined and must be an object";var t=[];for(var i in this.settings.sizeRangeSuffixes)this.settings.sizeRangeSuffixes.hasOwnProperty(i)&&t.push(i);for(var e={0:""},s=0;s<t.length;s++)if("string"===g.type(t[s]))try{e[parseInt(t[s].replace(/^[a-z]+/,""),10)]=this.settings.sizeRangeSuffixes[t[s]]}catch(t){throw"sizeRangeSuffixes keys must contains correct numbers ("+t+")"}else e[t[s]]=this.settings.sizeRangeSuffixes[t[s]];this.settings.sizeRangeSuffixes=e},r.prototype.retrieveMaxRowHeight=function(){var t=null,i=this.settings.rowHeight;if("string"===g.type(this.settings.maxRowHeight))t=this.settings.maxRowHeight.match(/^[0-9]+%$/)?i*parseFloat(this.settings.maxRowHeight.match(/^([0-9]+)%$/)[1])/100:parseFloat(this.settings.maxRowHeight);else{if("number"!==g.type(this.settings.maxRowHeight)){if(!1===this.settings.maxRowHeight||null==this.settings.maxRowHeight)return null;throw"maxRowHeight must be a number or a percentage"}t=this.settings.maxRowHeight}if(isNaN(t))throw"invalid number for maxRowHeight";return t<i&&(t=i),t},r.prototype.checkSettings=function(){this.checkSizeRangesSuffixes(),this.checkOrConvertNumber(this.settings,"rowHeight"),this.checkOrConvertNumber(this.settings,"margins"),this.checkOrConvertNumber(this.settings,"border");var t=["justify","nojustify","left","center","right","hide"];if(-1===t.indexOf(this.settings.lastRow))throw"lastRow must be one of: "+t.join(", ");

22if(this.checkOrConvertNumber(this.settings,"justifyThreshold"),this.settings.justifyThreshold<0||1<this.settings.justifyThreshold)throw"justifyThreshold must be in the interval [0,1]";if("boolean"!==g.type(this.settings.cssAnimation))throw"cssAnimation must be a boolean";if("boolean"!==g.type(this.settings.captions))throw"captions must be a boolean";if(this.checkOrConvertNumber(this.settings.captionSettings,"animationDuration"),this.checkOrConvertNumber(this.settings.captionSettings,"visibleOpacity"),this.settings.captionSettings.visibleOpacity<0||1<this.settings.captionSettings.visibleOpacity)throw"captionSettings.visibleOpacity must be in the interval [0, 1]";if(this.checkOrConvertNumber(this.settings.captionSettings,"nonVisibleOpacity"),this.settings.captionSettings.nonVisibleOpacity<0||1<this.settings.captionSettings.nonVisibleOpacity)throw"captionSettings.nonVisibleOpacity must be in the interval [0, 1]";if(this.checkOrConvertNumber(this.settings,"imagesAnimationDuration"),this.checkOrConvertNumber(this.settings,"refreshTime"),this.checkOrConvertNumber(this.settings,"refreshSensitivity"),"boolean"!==g.type(this.settings.randomize))throw"randomize must be a boolean";if("string"!==g.type(this.settings.selector))throw"selector must be a string";if(!1!==this.settings.sort&&!g.isFunction(this.settings.sort))throw"sort must be false or a comparison function";if(!1!==this.settings.filter&&!g.isFunction(this.settings.filter)&&"string"!==g.type(this.settings.filter))throw"filter must be false, a string or a filter function"},r.prototype.retrieveSuffixRanges=function(){var t=[];for(var i in this.settings.sizeRangeSuffixes)this.settings.sizeRangeSuffixes.hasOwnProperty(i)&&t.push(parseInt(i,10));return t.sort(function(t,i){return i<t?1:t<i?-1:0}),t},r.prototype.updateSettings=function(t){this.settings=g.extend({},this.settings,t),this.checkSettings(),this.border=0<=this.settings.border?this.settings.border:this.settings.margins,this.maxRowHeight=this.retrieveMaxRowHeight(),this.suffixRanges=this.retrieveSuffixRanges()},r.prototype.defaults={sizeRangeSuffixes:{},thumbnailPath:void 0,rowHeight:120,maxRowHeight:!1,margins:1,border:-1,lastRow:"nojustify",justifyThreshold:.9,waitThumbnailsLoad:!0,captions:!0,cssAnimation:!0,imagesAnimationDuration:500,captionSettings:{animationDuration:500,visibleOpacity:.7,nonVisibleOpacity:0},rel:null,target:null,extension:/\.[^.\\/]+$/,refreshTime:200,refreshSensitivity:0,randomize:!1,rtl:!1,sort:!1,filter:!1,selector:"a, div:not(.spinner)",imgSelector:"> img, > a > img",triggerEvent:function(t){this.$gallery.trigger(t)}},g.fn.justifiedGallery=function(n){return this.each(function(t,i){var e=g(i);e.addClass("justified-gallery");var s=e.data("jg.controller");if(void 0===s){if(null!=n&&"object"!==g.type(n)){if("destroy"===n)return;throw"The argument must be an object"}s=new r(e,g.extend({},r.prototype.defaults,n)),e.data("jg.controller",s)}else if("norewind"===n);else{if("destroy"===n)return void s.destroy();s.updateSettings(n),s.rewind()}s.updateEntries("norewind"===n)&&s.init()})}});
23let gridgallery={init:function(){gridgallery.loadGallery();gridgallery.lazyLoadImages();$(window).on("resize scroll",function(){gridgallery.lazyLoadImages()})},loadGallery:function(){$(".ce-gridgallery").each(function(){$(this).justifiedGallery({rowHeight:$(this).data("row-height"),margins:$(this).data("margins"),captions:$(this).data("captions")===1,randomize:$(this).data("randomize")===1,lastRow:$(this).data("last-row"),border:$(this).data("border")})})},lazyLoadImages:function(){$(".ce-gridgallery img.unloaded").each(function(){if(gridgallery.isInViewport($(this))===true){let src=$(this).attr("data-src");let srcset=$(this).attr("data-srcset");if(src!==undefined&&src!==""){$(this).attr("src",src).removeAttr("data-src")}if(srcset!==undefined&&srcset!==""){$(this).attr("srcset",srcset).removeAttr("data-srcset")}$(this).removeClass("unloaded")}})},isInViewport:function(a){let elementTop=a.offset().top;let elementBottom=elementTop+a.outerHeight();let viewportTop=$(window).scrollTop();let viewportBottom=viewportTop+$(window).height();return elementBottom>=viewportTop&&elementTop<=viewportBottom}};$(document).ready(function(){gridgallery.init()});
24/*!
25 * ScrollMagic v2.0.7 (2019-05-07)
26 * The javascript library for magical scroll interactions.
27 * (c) 2019 Jan Paepke (@janpaepke)
28 * Project Website: http://scrollmagic.io
29 * 
30 * @version 2.0.7
31 * @license Dual licensed under MIT license and GPL.
32 * @author Jan Paepke - [email protected]
33 *
34 * @file ScrollMagic main library.
35 */
36/**
37 * @namespace ScrollMagic
38 */
39(function (root, factory) {
40	if (typeof define === 'function' && define.amd) {
41		// AMD. Register as an anonymous module.
42		define(factory);
43	} else if (typeof exports === 'object') {
44		// CommonJS
45		module.exports = factory();
46	} else {
47		// Browser global
48		root.ScrollMagic = factory();
49	}
50}(this, function () {
51	"use strict";
52
53	var ScrollMagic = function () {
54		_util.log(2, '(COMPATIBILITY NOTICE) -> As of ScrollMagic 2.0.0 you need to use \'new ScrollMagic.Controller()\' to create a new controller instance. Use \'new ScrollMagic.Scene()\' to instance a scene.');
55	};
56
57	ScrollMagic.version = "2.0.7";
58
59	// TODO: temporary workaround for chrome's scroll jitter bug
60	window.addEventListener("mousewheel", function () {});
61
62	// global const
63	var PIN_SPACER_ATTRIBUTE = "data-scrollmagic-pin-spacer";
64
65	/**
66	 * The main class that is needed once per scroll container.
67	 *
68	 * @class
69	 *
70	 * @example
71	 * // basic initialization
72	 * var controller = new ScrollMagic.Controller();
73	 *
74	 * // passing options
75	 * var controller = new ScrollMagic.Controller({container: "#myContainer", loglevel: 3});
76	 *
77	 * @param {object}

77 [options] - An object containing one or more options for the controller.
78	 * @param {(string|object)} [options.container=window] - A selector, DOM object that references the main container for scrolling.
79	 * @param {boolean} [options.vertical=true] - Sets the scroll mode to vertical (`true`) or horizontal (`false`) scrolling.
80	 * @param {object} [options.globalSceneOptions={}] - These options will be passed to every Scene that is added to the controller using the addScene method. For more information on Scene options see {@link ScrollMagic.Scene}.
81	 * @param {number} [options.loglevel=2] Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
82											 ** `0` => silent
83											 ** `1` => errors
84											 ** `2` => errors, warnings
85											 ** `3` => errors, warnings, debuginfo
86	 * @param {boolean} [options.refreshInterval=100] - Some changes don't call events by default, like changing the container size or moving a scene trigger element.  
87	 																										 This interval polls these parameters to fire the necessary events.  
88	 																										 If you don't use custom containers, trigger elements or have static layouts, where the positions of the trigger elements don't change, you can set this to 0 disable interval checking and improve performance.
89	 *
90	 */
91	ScrollMagic.Controller = function (options) {
92		/*
93		 * ----------------------------------------------------------------
94		 * settings
95		 * ----------------------------------------------------------------
96		 */
97		var
98			NAMESPACE = 'ScrollMagic.Controller',
99			SCROLL_DIRECTION_FORWARD = 'FORWARD',
100			SCROLL_DIRECTION_REVERSE = 'REVERSE',
101			SCROLL_DIRECTION_PAUSED = 'PAUSED',
102			DEFAULT_OPTIONS = CONTROLLER_OPTIONS.defaults;
103
104		/*
105		 * ----------------------------------------------------------------
106		 * private vars
107		 * ----------------------------------------------------------------
108		 */
109		var
110			Controller = this,
111			_options = _util.extend({}, DEFAULT_OPTIONS, options),
112			_sceneObjects = [],
113			_updateScenesOnNextCycle = false, // can be boolean (true => all scenes) or an array of scenes to be updated
114			_scrollPos = 0,
115			_scrollDirection = SCROLL_DIRECTION_PAUSED,
116			_isDocument = true,
117			_viewPortSize = 0,
118			_enabled = true,
119			_updateTimeout,
120			_refreshTimeout;
121
122		/*
123		 * ----------------------------------------------------------------
124		 * private functions
125		 * ----------------------------------------------------------------
126		 */
127
128		/**
129		 * Internal constructor function of the ScrollMagic Controller
130		 * @private
131		 */
132		var construct = function () {
133			for (var key in _options) {
134				if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
135					log(2, "WARNING: Unknown option \"" + key + "\"");
136					delete _options[key];
137				}
138			}
139			_options.container = _util.get.elements(_options.container)[0];

140			// check ScrollContainer
141			if (!_options.container) {
142				log(1, "ERROR creating object " + NAMESPACE + ": No valid scroll container supplied");
143				throw NAMESPACE + " init failed."; // cancel
144			}
145			_isDocument = _options.container === window || _options.container === document.body || !document.body.contains(_options.container);
146			// normalize to window
147			if (_isDocument) {
148				_options.container = window;
149			}
150			// update container size immediately
151			_viewPortSize = getViewportSize();
152			// set event handlers
153			_options.container.addEventListener("resize", onChange);
154			_options.container.addEventListener("scroll", onChange);
155
156			var ri = parseInt(_options.refreshInterval, 10);
157			_options.refreshInterval = _util.type.Number(ri) ? ri : DEFAULT_OPTIONS.refreshInterval;
158			scheduleRefresh();
159
160			log(3, "added new " + NAMESPACE + " controller (v" + ScrollMagic.version + ")");
161		};
162
163		/**
164		 * Schedule the next execution of the refresh function
165		 * @private
166		 */
167		var scheduleRefresh = function () {
168			if (_options.refreshInterval > 0) {
169				_refreshTimeout = window.setTimeout(refresh, _options.refreshInterval);
170			}
171		};
172
173		/**
174		 * Default function to get scroll pos - overwriteable using `Controller.scrollPos(newFunction)`
175		 * @private
176		 */
177		var getScrollPos = function () {
178			return _options.vertical ? _util.get.scrollTop(_options.container) : _util.get.scrollLeft(_options.container);
179		};
180
181		/**
182		 * Returns the current viewport Size (width vor horizontal, height for vertical)
183		 * @private
184		 */
185		var getViewportSize = function () {
186			return _options.vertical ? _util.get.height(_options.container) : _util.get.width(_options.container);
187		};
188
189		/**
190		 * Default function to set scroll pos - overwriteable using `Controller.scrollTo(newFunction)`
191		 * Make available publicly for pinned mousewheel workaround.
192		 * @private
193		 */
194		var setScrollPos = this._setScrollPos = function (pos) {
195			if (_options.vertical) {
196				if (_isDocument) {
197					window.scrollTo(_util.get.scrollLeft(), pos);
198				} else {
199					_options.container.scrollTop = pos;
200				}
201			} else {
202				if (_isDocument) {
203					window.scrollTo(pos, _util.get.scrollTop());
204				} else {
205					_options.container.scrollLeft = pos;
206				}
207			}
208		};
209
210		/**
211		 * Handle updates in cycles instead of on scroll (performance)
212		 * @private
213		 */
214		var updateScenes = function () {
215			if (_enabled && _updateScenesOnNextCycle) {
216				// determine scenes to update
217				var scenesToUpdate = _util.type.Array(_updateScenesOnNextCycle) ? _updateScenesOnNextCycle : _sceneObjects.slice(0);
218				// reset scenes
219				_updateScenesOnNextCycle = false;
220				var oldScrollPos = _scrollPos;
221				// update scroll pos now instead of onChange, as it might have changed since scheduling (i.e. in-browser smooth scroll)
222				_scrollPos = Controller.scrollPos();
223				var deltaScroll = _scrollPos - oldScrollPos;
224				if (deltaScroll !== 0) { // scroll position changed?
225					_scrollDirection = (deltaScroll > 0) ? SCROLL_DIRECTION_FORWARD : SCROLL_DIRECTION_REVERSE;
226				}
227				// reverse order of scenes if scrolling reverse
228				if (_scrollDirection === SCROLL_DIRECTION_REVERSE) {
229					scenesToUpdate.reverse();
230				}
231				// update scenes
232				scenesToUpdate.forEach(function (scene, index) {
233					log(3, "updating Scene " + (index + 1) + "/" + scenesToUpdate.length + " (" + _sceneObjects.length + " total)");
234					scene.update(true);
235				});
236				if (scenesToUpdate.length === 0 && _options.loglevel >= 3) {
237					log(3, "updating 0 Scenes (nothing added to controller)");
238				}
239			}
240		};
241
242		/**
243		 * Initializes rAF callback
244		 * @private
245		 */
246		var debounceUpdate = function () {
247			_updateTimeout = _util.rAF(updateScenes);
248		};
249
250		/**
251		 * Handles Container changes
252		 * @private
253		 */
254		var onChange = function (e) {
255			log(3, "event fired causing an update:", e.type);
256			if (e.type == "resize") {
257				// resize
258				_viewPortSize = getViewportSize();
259				_scrollDirection = SCROLL_DIRECTION_PAUSED;
260			}
261			// schedule update
262			if (_updateScenesOnNextCycle !== true) {
263				_updateScenesOnNextCycle = true;
264				debounceUpdate();
265			}
266		};
267
268		var refresh = function () {
269			if (!_isDocument) {
270				// simulate resize event. Only works for viewport relevant param (performance)
271				if (_viewPortSize != getViewportSize()) {
272					var resizeEvent;
273					try {
274						resizeEvent = new Event('resize', {
275							bubbles: false,
276							cancelable: false
277						});
278					} catch (e) { // stupid IE
279						resizeEvent = document.createEvent("Event");
280						resizeEvent.initEvent("resize", false, false);
281					}

282					_options.container.dispatchEvent(resizeEvent);
283				}
284			}
285			_sceneObjects.forEach(function (scene, index) { // refresh all scenes
286				scene.refresh();
287			});
288			scheduleRefresh();
289		};
290
291		/**
292		 * Send a debug message to the console.
293		 * provided publicly with _log for plugins
294		 * @private
295		 *
296		 * @param {number} loglevel - The loglevel required to initiate output for the message.
297		 * @param {...mixed} output - One or more variables that should be passed to the console.
298		 */
299		var log = this._log = function (loglevel, output) {
300			if (_options.loglevel >= loglevel) {
301				Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ") ->");
302				_util.log.apply(window, arguments);
303			}
304		};
305		// for scenes we have getters for each option, but for the controller we don't, so we need to make it available externally for plugins
306		this._options = _options;
307
308		/**
309		 * Sort scenes in ascending order of their start offset.
310		 * @private
311		 *
312		 * @param {array} ScenesArray - an array of ScrollMagic Scenes that should be sorted
313		 * @return {array} The sorted array of Scenes.
314		 */
315		var sortScenes = function (ScenesArray) {
316			if (ScenesArray.length <= 1) {
317				return ScenesArray;
318			} else {
319				var scenes = ScenesArray.slice(0);
320				scenes.sort(function (a, b) {
321					return a.scrollOffset() > b.scrollOffset() ? 1 : -1;
322				});
323				return scenes;
324			}
325		};
326
327		/**
328		 * ----------------------------------------------------------------
329		 * public functions
330		 * ----------------------------------------------------------------
331		 */
332
333		/**
334		 * Add one ore more scene(s) to the controller.  
335		 * This is the equivalent to `Scene.addTo(controller)`.
336		 * @public
337		 * @example
338		 * // with a previously defined scene
339		 * controller.addScene(scene);
340		 *
341		 * // with a newly created scene.
342		 * controller.addScene(new ScrollMagic.Scene({duration : 0}));
343		 *
344		 * // adding multiple scenes
345		 * controller.addScene([scene, scene2, new ScrollMagic.Scene({duration : 0})]);
346		 *
347		 * @param {(ScrollMagic.Scene|array)} newScene - ScrollMagic Scene or Array of Scenes to be added to the controller.
348		 * @return {Controller} Parent object for chaining.
349		 */
350		this.addScene = function (newScene) {
351			if (_util.type.Array(newScene)) {
352				newScene.forEach(function (scene, index) {
353					Controller.addScene(scene);
354				});
355			} else if (newScene instanceof ScrollMagic.Scene) {
356				if (newScene.controller() !== Controller) {
357					newScene.addTo(Controller);
358				} else if (_sceneObjects.indexOf(newScene) < 0) {
359					// new scene
360					_sceneObjects.push(newScene); // add to array
361					_sceneObjects = sortScenes(_sceneObjects); // sort
362					newScene.on("shift.controller_sort", function () { // resort whenever scene moves
363						_sceneObjects = sortScenes(_sceneObjects);
364					});
365					// insert Global defaults.
366					for (var key in _options.globalSceneOptions) {
367						if (newScene[key]) {
368							newScene[key].call(newScene, _options.globalSceneOptions[key]);
369						}
370					}
371					log(3, "adding Scene (now " + _sceneObjects.length + " total)");
372				}
373			} else {
374				log(1, "ERROR: invalid argument supplied for '.addScene()'");
375			}
376			return Controller;
377		};
378
379		/**
380		 * Remove one ore more scene(s) from the controller.  
381		 * This is the equivalent to `Scene.remove()`.
382		 * @public
383		 * @example
384		 * // remove a scene from the controller
385		 * controller.removeScene(scene);
386		 *
387		 * // remove multiple scenes from the controller
388		 * controller.removeScene([scene, scene2, scene3]);
389		 *
390		 * @param {(ScrollMagic.Scene|array)} Scene - ScrollMagic Scene or Array of Scenes to be removed from the controller.
391		 * @returns {Controller} Parent object for chaining.
392		 */
393		this.removeScene = function (Scene) {
394			if (_util.type.Array(Scene)) {
395				Scene.forEach(function (scene, index) {
396					Controller.removeScene(scene);
397				});
398			} else {
399				var index = _sceneObjects.indexOf(Scene);
400				if (index > -1) {
401					Scene.off("shift.controller_sort");
402					_sceneObjects.splice(index, 1);
403					log(3, "removing Scene (now " + _sceneObjects.length + " left)");
404					Scene.remove();
405				}
406			}
407			return Controller;
408		};
409
410		/**
411	 * Update one ore more scene(s) according to the scroll position of the container.  

412	 * This is the equivalent to `Scene.update()`.  
413	 * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container.  
414	 * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.  
415	 * _**Note:** This method gets called constantly whenever Controller detects a change. The only application for you is if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._
416	 * @public
417	 * @example
418	 * // update a specific scene on next cycle
419 	 * controller.updateScene(scene);
420 	 *
421	 * // update a specific scene immediately
422	 * controller.updateScene(scene, true);
423 	 *
424	 * // update multiple scenes scene on next cycle
425	 * controller.updateScene([scene1, scene2, scene3]);
426	 *
427	 * @param {ScrollMagic.Scene} Scene - ScrollMagic Scene or Array of Scenes that is/are supposed to be updated.
428	 * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle.  
429	 										  This is useful when changing multiple properties of the scene - this way it will only be updated once all new properties are set (updateScenes).
430	 * @return {Controller} Parent object for chaining.
431	 */
432		this.updateScene = function (Scene, immediately) {
433			if (_util.type.Array(Scene)) {
434				Scene.forEach(function (scene, index) {
435					Controller.updateScene(scene, immediately);
436				});
437			} else {
438				if (immediately) {
439					Scene.update(true);
440				} else if (_updateScenesOnNextCycle !== true && Scene instanceof ScrollMagic.Scene) { // if _updateScenesOnNextCycle is true, all connected scenes are already scheduled for update
441					// prep array for next update cycle
442					_updateScenesOnNextCycle = _updateScenesOnNextCycle || [];
443					if (_updateScenesOnNextCycle.indexOf(Scene) == -1) {
444						_updateScenesOnNextCycle.push(Scene);
445					}
446					_updateScenesOnNextCycle = sortScenes(_updateScenesOnNextCycle); // sort
447					debounceUpdate();
448				}
449			}
450			return Controller;
451		};
452
453		/**
454		 * Updates the controller params and calls updateScene on every scene, that is attached to the controller.  
455		 * See `Controller.updateScene()` for more information about what this means.  
456		 * In most cases you will not need this function, as it is called constantly, whenever ScrollMagic detects a state change event, like resize or scroll.  
457		 * The only application for this method is when ScrollMagic fails to detect these events.  
458		 * One application is with some external scroll libraries (like iScroll) that move an internal container to a negative offset instead of actually scrolling. In this case the update on the controller needs to be called whenever the child container's position changes.
459		 * For this case there will also be the need to provide a custom function to calculate the correct scroll position. See `Controller.scrollPos()` for details.
460		 * @public
461		 * @example
462		 * // update the controller on next cycle (saves performance due to elimination of redundant updates)
463		 * controller.update();
464		 *
465		 * // update the controller immediately
466		 * controller.update(true);
467		 *
468		 * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance)
469		 * @return {Controller} Parent object for chaining.
470		 */
471		this.update = function (immediately) {
472			onChange({
473				type: "resize"
474			}); // will update size and set _updateScenesOnNextCycle to true
475			if (immediately) {
476				updateScenes();
477			}
478			return Controller;
479		};
480
481		/**
482		 * Scroll to a numeric scroll offset, a DOM element, the start of a scene or provide an alternate method for scrolling.  
483		 * For vertical controllers it will change the top scroll offset and for horizontal applications it will change the left offset.
484		 * @public
485		 *
486		 * @since 1.1.0
487		 * @example
488		 * // scroll to an offset of 100
489		 * controller.scrollTo(100);
490		 *
491		 * // scroll to a DOM element
492		 * controller.scrollTo("#anchor");
493		 *
494		 * // scroll to the beginning of a scene
495		 * var scene = new ScrollMagic.Scene({offset: 200});
496		 * controller.scrollTo(scene);
497		 *
498		 * // define a new scroll position modification function (jQuery animate instead of jump)
499		 * controller.scrollTo(function (newScrollPos) {
500		 *	$("html, body").animate({scrollTop: newScrollPos});
501		 * });
502		 * controller.scrollTo(100); // call as usual, but the new function will be used instead
503		 *
504		 * // define a new scroll function with an additional parameter
505		 * controller.scrollTo(function (newScrollPos, message) {
506		 *  console.log(message);
507		 *	$(this).animate({scrollTop: newScrollPos});
508		 * });
509		 * // call as usual, but supply an extra parameter to the defined custom function
510		 * controller.scrollTo(100, "my message");
511		 *
512		 * // define a new scroll function with an additional parameter containing multiple variables
513		 * controller.scrollTo(function (newScrollPos, options) {
514		 *  someGlobalVar = options.a + options.b;
515		 *	$(this).animate({scrollTop: newScrollPos});
516		 * });
517		 * // call as usual, but supply an extra parameter containing multiple options
518		 * controller.scrollTo(100, {a: 1, b: 2});
519		 *
520		 * // define a new scroll function with a callback supplied as an additional parameter
521		 * controller.scrollTo(function (newScrollPos, callback) {
522		 *	$(this).animate({scrollTop: newScrollPos}, 400, "swing", callback);
523		 * });
524		 * // call as usual, but supply an extra parameter, which is used as a callback in the previously defined custom scroll function
525		 * controller.scrollTo(100, function() {
526		 *	console.log("scroll has finished.");
527		 * });
528		 *
529		 * @param {mixed} scrollTarget - The supplied argument can be one of these types:
530		 * 1. `number` -> The container will scroll to this new scroll offset.
531		 * 2. `string` or `object` -> Can be a selector or a DOM object.  
532		 *  The container will scroll to the position of this element.
533		 * 3. `ScrollMagic Scene` -> The container will scroll to the start of this scene.
534		 * 4. `function` -> This function will be used for future scroll position modifications.  
535		 *  This provides a way for you to change the behaviour of scrolling and adding new behaviour like animation. The function receives the new scroll position as a parameter and a reference to the container element using `this`.  

536		 *  It may also optionally receive an optional additional parameter (see below)  
537		 *  _**NOTE:**  
538		 *  All other options will still work as expected, using the new function to scroll._
539		 * @param {mixed} [additionalParameter] - If a custom scroll function was defined (see above 4.), you may want to supply additional parameters to it, when calling it. You can do this using this parameter – see examples for details. Please note, that this parameter will have no effect, if you use the default scrolling function.
540		 * @returns {Controller} Parent object for chaining.
541		 */
542		this.scrollTo = function (scrollTarget, additionalParameter) {
543			if (_util.type.Number(scrollTarget)) { // excecute
544				setScrollPos.call(_options.container, scrollTarget, additionalParameter);
545			} else if (scrollTarget instanceof ScrollMagic.Scene) { // scroll to scene
546				if (scrollTarget.controller() === Controller) { // check if the controller is associated with this scene
547					Controller.scrollTo(scrollTarget.scrollOffset(), additionalParameter);
548				} else {
549					log(2, "scrollTo(): The supplied scene does not belong to this controller. Scroll cancelled.", scrollTarget);
550				}
551			} else if (_util.type.Function(scrollTarget)) { // assign new scroll function
552				setScrollPos = scrollTarget;
553			} else { // scroll to element
554				var elem = _util.get.elements(scrollTarget)[0];
555				if (elem) {
556					// if parent is pin spacer, use spacer position instead so correct start position is returned for pinned elements.
557					while (elem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {
558						elem = elem.parentNode;
559					}
560
561					var
562						param = _options.vertical ? "top" : "left", // which param is of interest ?
563						containerOffset = _util.get.offset(_options.container), // container position is needed because element offset is returned in relation to document, not in relation to container.
564						elementOffset = _util.get.offset(elem);
565
566					if (!_isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent
567						containerOffset[param] -= Controller.scrollPos();
568					}
569
570					Controller.scrollTo(elementOffset[param] - containerOffset[param], additionalParameter);
571				} else {
572					log(2, "scrollTo(): The supplied argument is invalid. Scroll cancelled.", scrollTarget);
573				}
574			}
575			return Controller;
576		};
577
578		/**
579		 * **Get** the current scrollPosition or **Set** a new method to calculate it.  
580		 * -> **GET**:
581		 * When used as a getter this function will return the current scroll position.  
582		 * To get a cached value use Controller.info("scrollPos"), which will be updated in the update cycle.  
583		 * For vertical controllers it will return the top scroll offset and for horizontal applications it will return the left offset.
584		 *
585		 * -> **SET**:
586		 * When used as a setter this method prodes a way to permanently overwrite the controller's scroll position calculation.  
587		 * A typical usecase is when the scroll position is not reflected by the containers scrollTop or scrollLeft values, but for example by the inner offset of a child container.  
588		 * Moving a child container inside a parent is a commonly used method for several scrolling frameworks, including iScroll.  
589		 * By providing an alternate calculation function you can make sure ScrollMagic receives the correct scroll position.  
590		 * Please also bear in mind that your function should return y values for vertical scrolls an x for horizontals.
591		 *
592		 * To change the current scroll position please use `Controller.scrollTo()`.
593		 * @public
594		 *
595		 * @example
596		 * // get the current scroll Position
597		 * var scrollPos = controller.scrollPos();
598		 *
599		 * // set a new scroll position calculation method
600		 * controller.scrollPos(function () {
601		 *	return this.info("vertical") ? -mychildcontainer.y : -mychildcontainer.x
602		 * });
603		 *
604		 * @param {function} [scrollPosMethod] - The function to be used for the scroll position calculation of the container.
605		 * @returns {(number|Controller)} Current scroll position or parent object for chaining.
606		 */
607		this.scrollPos = function (scrollPosMethod) {
608			if (!arguments.length) { // get
609				return getScrollPos.call(Controller);
610			} else { // set
611				if (_util.type.Function(scrollPosMethod)) {
612					getScrollPos = scrollPosMethod;
613				} else {
614					log(2, "Provided value for method 'scrollPos' is not a function. To change the current scroll position use 'scrollTo()'.");
615				}
616			}
617			return Controller;
618		};
619
620		/**
621		 * **Get** all infos or one in particular about the controller.
622		 * @public
623		 * @example
624		 * // returns the current scroll position (number)
625		 * var scrollPos = controller.info("scrollPos");
626		 *
627		 * // returns all infos as an object
628		 * var infos = controller.info();
629		 *
630		 * @param {string} [about] - If passed only this info will be returned instead of an object c

630ontaining all.  
631		 							 Valid options are:
632		 							 ** `"size"` => the current viewport size of the container
633		 							 ** `"vertical"` => true if vertical scrolling, otherwise false
634		 							 ** `"scrollPos"` => the current scroll position
635		 							 ** `"scrollDirection"` => the last known direction of the scroll
636		 							 ** `"container"` => the container element
637		 							 ** `"isDocument"` => true if container element is the document.
638		 * @returns {(mixed|object)} The requested info(s).
639		 */
640		this.info = function (about) {
641			var values = {
642				size: _viewPortSize, // contains height or width (in regard to orientation);
643				vertical: _options.vertical,
644				scrollPos: _scrollPos,
645				scrollDirection: _scrollDirection,
646				container: _options.container,
647				isDocument: _isDocument
648			};
649			if (!arguments.length) { // get all as an object
650				return values;
651			} else if (values[about] !== undefined) {
652				return values[about];
653			} else {
654				log(1, "ERROR: option \"" + about + "\" is not available");
655				return;
656			}
657		};
658
659		/**
660		 * **Get** or **Set** the current loglevel option value.
661		 * @public
662		 *
663		 * @example
664		 * // get the current value
665		 * var loglevel = controller.loglevel();
666		 *
667		 * // set a new value
668		 * controller.loglevel(3);
669		 *
670		 * @param {number} [newLoglevel] - The new loglevel setting of the Controller. `[0-3]`
671		 * @returns {(number|Controller)} Current loglevel or parent object for chaining.
672		 */
673		this.loglevel = function (newLoglevel) {
674			if (!arguments.length) { // get
675				return _options.loglevel;
676			} else if (_options.loglevel != newLoglevel) { // set
677				_options.loglevel = newLoglevel;
678			}
679			return Controller;
680		};
681
682		/**
683		 * **Get** or **Set** the current enabled state of the controller.  
684		 * This can be used to disable all Scenes connected to the controller without destroying or removing them.
685		 * @public
686		 *
687		 * @example
688		 * // get the current value
689		 * var enabled = controller.enabled();
690		 *
691		 * // disable the controller
692		 * controller.enabled(false);
693		 *
694		 * @param {boolean} [newState] - The new enabled state of the controller `true` or `false`.
695		 * @returns {(boolean|Controller)} Current enabled state or parent object for chaining.
696		 */
697		this.enabled = function (newState) {
698			if (!arguments.length) { // get
699				return _enabled;
700			} else if (_enabled != newState) { // set
701				_enabled = !!newState;
702				Controller.updateScene(_sceneObjects, true);
703			}
704			return Controller;
705		};
706
707		/**
708		 * Destroy the Controller, all Scenes and everything.
709		 * @public
710		 *
711		 * @example
712		 * // without resetting the scenes
713		 * controller = controller.destroy();
714		 *
715		 * // with scene reset
716		 * controller = controller.destroy(true);
717		 *
718		 * @param {boolean} [resetScenes=false] - If `true` the pins and tweens (if existent) of all scenes will be reset.
719		 * @returns {null} Null to unset handler variables.
720		 */
721		this.destroy = function (resetScenes) {
722			window.clearTimeout(_refreshTimeout);
723			var i = _sceneObjects.length;
724			while (i--) {
725				_sceneObjects[i].destroy(resetScenes);
726			}
727			_options.container.removeEventListener("resize", onChange);
728			_options.container.removeEventListener("scroll", onChange);
729			_util.cAF(_updateTimeout);
730			log(3, "destroyed " + NAMESPACE + " (reset: " + (resetScenes ? "true" : "false") + ")");
731			return null;
732		};
733
734		// INIT
735		construct();
736		return Controller;
737	};
738
739	// store pagewide controller options
740	var CONTROLLER_OPTIONS = {
741		defaults: {
742			container: window,
743			vertical: true,
744			globalSceneOptions: {},
745			loglevel: 2,
746			refreshInterval: 100
747		}
748	};
749	/*
750	 * method used to add an option to ScrollMagic Scenes.
751	 */
752	ScrollMagic.Controller.addOption = function (name, defaultValue) {
753		CONTROLLER_OPTIONS.defaults[name] = defaultValue;
754	};
755	// instance extension function for plugins
756	ScrollMagic.Controller.extend = function (extension) {
757		var oldClass = this;
758		ScrollMagic.Controller = function () {
759			oldClass.apply(this, arguments);
760			this.$super = _util.extend({}, this); // copy parent state
761			return extension.apply(this, arguments) || this;
762		};
763		_util.extend(ScrollMagic.Controller, oldClass); // copy properties
764		ScrollMagic.Controller.prototype = oldClass.prototype; // copy prototype
765		ScrollMagic.Controller.prototype.constructor = ScrollMagic.Controller; // restore constructor
766	};
767
768
769	/**
770	 * A Scene defines where the controller should react and how.
771	 *
772	 * @class
773	 *
774	 * @example
775	 * // create a standard scene and add it to a controller
776	 * new ScrollMagic.Scene()
777	 *		.addTo(controller);
778	 *
779	 * // create a scene with custom options and assign a handler to it.
780	 * var scene = new ScrollMagic.Scene({
781	 * 		duration: 100,
782	 *		offset: 200,
783	 *		triggerHook: "onEnter",
784	 *		reverse: false
785	 * });
786	 *
787	 * @param {object} [options] - Options for the Scene. The options can be updated at any time.  
788	 							   Instead of setting the options for each scene individually you can also set them globally in the controller as the controllers `globalSceneOptions` option. The object accepts the same properties as the ones below.  
789	 							   When a scene is added to the controller the options defined using the Scene constructor will be overwritten by those set in `globalSceneOptions`.
790	 * @param {(number|string|function)} [options.duration=0] - The duration of the scene. 
791	 					Please see `Scene.duration()` for details.
792	 * @param {number} [options.offset=0] - Offset Value for the Trigger Position. If no triggerElement is defined this will be the scroll distance from the start of the page, after which the scene will start.
793	 * @param {(string|object)} [options.triggerElement=null] - Selector or DOM object that defines the start of the scene. If undefined the scene will start right at the start of the page (unless an offset is set).
794	 * @param {(number|string)} [options.triggerHook="onCenter"] - Can be a number between 0 and 1 defining the position of the trigger Hook in relation to the viewport.  
795	 															  Can also be defined using a string:
796	 															  ** `"onEnter"` => `1`
797	 															  ** `"onCenter"` => `0.5`
798	 															  ** `"onLeave"` => `0`
799	 * @param {boolean} [options.reverse=true] - Should the scene reverse, when scrolling up?
800	 * @param {number} [options.loglevel=2] - Loglevel for debugging. Note that logging is disabled in the minified version of ScrollMagic.
801	 										  ** `0` => silent
802	 										  ** `1` => errors
803	 										  ** `2` => errors, warnings
804	 										  ** `3` => errors, warnings, debuginfo
805	 * 
806	 */
807	ScrollMagic.Scene = function (options) {
808
809		/*
810		 * ----------------------------------------------------------------
811		 * settings
812		 * ----------------------------------------------------------------
813		 */
814
815		var
816			NAMESPACE = 'ScrollMagic.Scene',
817			SCENE_STATE_BEFORE = 'BEFORE',
818			SCENE_STATE_DURING = 'DURING',
819			SCENE_STATE_AFTER = 'AFTER',
820			DEFAULT_OPTIONS = SCENE_OPTIONS.defaults;
821
822		/*
823		 * ----------------------------------------------------------------
824		 * private vars
825		 * ----------------------------------------------------------------
826		 */
827
828		var
829			Scene = this,
830			_options = _util.extend({}, DEFAULT_OPTIONS, options),
831			_state = SCENE_STATE_BEFORE,
832			_progress = 0,
833			_scrollOffset = {
834				start: 0,
835				end: 0
836			}, // reflects the controllers's scroll position for the start and end of the scene respectively
837			_triggerPos = 0,
838			_enabled = true,
839			_durationUpdateMethod,
840			_controller;
841
842		/**

843		 * Internal constructor function of the ScrollMagic Scene
844		 * @private
845		 */
846		var construct = function () {
847			for (var key in _options) { // check supplied options
848				if (!DEFAULT_OPTIONS.hasOwnProperty(key)) {
849					log(2, "WARNING: Unknown option \"" + key + "\"");
850					delete _options[key];
851				}
852			}
853			// add getters/setters for all possible options
854			for (var optionName in DEFAULT_OPTIONS) {
855				addSceneOption(optionName);
856			}
857			// validate all options
858			validateOption();
859		};
860
861		/*
862		 * ----------------------------------------------------------------
863		 * Event Management
864		 * ----------------------------------------------------------------
865		 */
866
867		var _listeners = {};
868		/**
869		 * Scene start event.  
870		 * Fires whenever the scroll position its the starting point of the scene.  
871		 * It will also fire when scrolling back up going over the start position of the scene. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
872		 *
873		 * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
874		 *
875		 * @event ScrollMagic.Scene#start
876		 *
877		 * @example
878		 * scene.on("start", function (event) {
879		 * 	console.log("Hit start point of scene.");
880		 * });
881		 *
882		 * @property {object} event - The event Object passed to each callback
883		 * @property {string} event.type - The name of the event
884		 * @property {Scene} event.target - The Scene object that triggered this event
885		 * @property {number} event.progress - Reflects the current progress of the scene
886		 * @property {string} event.state - The current state of the scene `"BEFORE"` or `"DURING"`
887		 * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
888		 */
889		/**
890		 * Scene end event.  
891		 * Fires whenever the scroll position its the ending point of the scene.  
892		 * It will also fire when scrolling back up from after the scene and going over its end position. If you want something to happen only when scrolling down/right, use the scrollDirection parameter passed to the callback.
893		 *
894		 * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
895		 *
896		 * @event ScrollMagic.Scene#end
897		 *
898		 * @example
899		 * scene.on("end", function (event) {
900		 * 	console.log("Hit end point of scene.");
901		 * });
902		 *
903		 * @property {object} event - The event Object passed to each callback
904		 * @property {string} event.type - The name of the event
905		 * @property {Scene} event.target - The Scene object that triggered this event
906		 * @property {number} event.progress - Reflects the current progress of the scene
907		 * @property {string} event.state - The current state of the scene `"DURING"` or `"AFTER"`
908		 * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
909		 */
910		/**
911		 * Scene enter event.  
912		 * Fires whenever the scene enters the "DURING" state.  
913		 * Keep in mind that it doesn't matter if the scene plays forward or backward: This event always fires when the scene enters its active scroll timeframe, regardless of the scroll-direction.
914		 *
915		 * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
916		 *
917		 * @event ScrollMagic.Scene#enter
918		 *
919		 * @example
920		 * scene.on("enter", function (event) {
921		 * 	console.log("Scene entered.");
922		 * });
923		 *
924		 * @property {object} event - The event Object passed to each callback
925		 * @property {string} event.type - The name of the event
926		 * @property {Scene} event.target - The Scene object that triggered this event
927		 * @property {number} event.progress - Reflects the current progress of the scene
928		 * @property {string} event.state - The current state of the scene - always `"DURING"`
929		 * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
930		 */
931		/**
932		 * Scene leave event.  
933		 * Fires whenever the scene's state goes from "DURING" to either "BEFORE" or "AFTER".  
934		 * Keep in mind that it doesn't matter if the scene plays forward or backward: This event al

934ways fires when the scene leaves its active scroll timeframe, regardless of the scroll-direction.
935		 *
936		 * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
937		 *
938		 * @event ScrollMagic.Scene#leave
939		 *
940		 * @example
941		 * scene.on("leave", function (event) {
942		 * 	console.log("Scene left.");
943		 * });
944		 *
945		 * @property {object} event - The event Object passed to each callback
946		 * @property {string} event.type - The name of the event
947		 * @property {Scene} event.target - The Scene object that triggered this event
948		 * @property {number} event.progress - Reflects the current progress of the scene
949		 * @property {string} event.state - The current state of the scene `"BEFORE"` or `"AFTER"`
950		 * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
951		 */
952		/**
953		 * Scene update event.  
954		 * Fires whenever the scene is updated (but not necessarily changes the progress).
955		 *
956		 * @event ScrollMagic.Scene#update
957		 *
958		 * @example
959		 * scene.on("update", function (event) {
960		 * 	console.log("Scene updated.");
961		 * });
962		 *
963		 * @property {object} event - The event Object passed to each callback
964		 * @property {string} event.type - The name of the event
965		 * @property {Scene} event.target - The Scene object that triggered this event
966		 * @property {number} event.startPos - The starting position of the scene (in relation to the conainer)
967		 * @property {number} event.endPos - The ending position of the scene (in relation to the conainer)
968		 * @property {number} event.scrollPos - The current scroll position of the container
969		 */
970		/**
971		 * Scene progress event.  
972		 * Fires whenever the progress of the scene changes.
973		 *
974		 * For details on this event and the order in which it is fired, please review the {@link Scene.progress} method.
975		 *
976		 * @event ScrollMagic.Scene#progress
977		 *
978		 * @example
979		 * scene.on("progress", function (event) {
980		 * 	console.log("Scene progress changed to " + event.progress);
981		 * });
982		 *
983		 * @property {object} event - The event Object passed to each callback
984		 * @property {string} event.type - The name of the event
985		 * @property {Scene} event.target - The Scene object that triggered this event
986		 * @property {number} event.progress - Reflects the current progress of the scene
987		 * @property {string} event.state - The current state of the scene `"BEFORE"`, `"DURING"` or `"AFTER"`
988		 * @property {string} event.scrollDirection - Indicates which way we are scrolling `"PAUSED"`, `"FORWARD"` or `"REVERSE"`
989		 */
990		/**
991		 * Scene change event.  
992		 * Fires whenvever a property of the scene is changed.
993		 *
994		 * @event ScrollMagic.Scene#change
995		 *
996		 * @example
997		 * scene.on("change", function (event) {
998		 * 	console.log("Scene Property \"" + event.what + "\" changed to " + event.newval);
999		 * });
1000		 *
1001		 * @property {object} event - The event Object passed to each callback
1002		 * @property {string} event.type - The name of the event
1003		 * @property {Scene} event.target - The Scene object that triggered this event
1004		 * @property {string} event.what - Indicates what value has been changed
1005		 * @property {mixed} event.newval - The new value of the changed property
1006		 */
1007		/**
1008		 * Scene shift event.  
1009		 * Fires whenvever the start or end **scroll offset** of the scene change.
1010		 * This happens explicitely, when one of these values change: `offset`, `duration` or `triggerHook`.
1011		 * It will fire implicitly when the `triggerElement` changes, if the new element has a different position (most cases).
1012		 * It will also fire implicitly when the size of the container changes and the triggerHook is anything other than `onLeave`.
1013		 *
1014		 * @event ScrollMagic.Scene#shift
1015		 * @since 1.1.0
1016		 *
1017		 * @example
1018		 * scene.on("shift", function (event) {
1019		 * 	console.log("Scene moved, because the " + event.reason + " has changed.)");
1020		 * });
1021		 *
1022		 * @property {object} event - The event Object passed to each callback
1023		 * @property {string} event.type - The name of the event
1024		 * @property {Scene} event.target - The Scene object that triggered this event
1025		 * @property {string} event.reason - Indicates why the scene has shifted
1026		 */
1027		/**
1028		 * Scene destroy event.  
1029		 * Fires whenvever the scene is destroyed.
1030		 * This can be used to tidy up custom behaviour used in events.
1031		 *
1032		 * @event ScrollMagic.Scene#destroy
1033		 * @since 1.1.0
1034		 *
1035		 * @example
1036		 * scene.on("enter", function (event) {
1037		 *        // add custom action
1038		 *        $("#my-elem").left("200");
1039		 *      })
1040		 *      .on("destroy", function (event) {
1041		 *        // reset my element to start position
1042		 *        if (event.reset) {
1043		 *          $("#my-elem").left("0");
1044		 *        }
1045		 *      });
1046		 *
1047		 * @property {object} event - The event Object passed to each callback
1048		 * @property {string} event.type - The name of the event
1049		 * @property {Scene} event.target - The Scene object that triggered this event
1050		 * @property {boolean} event.reset - Indicates if the destroy method was called with reset `true` or `false`.
1051		 */
1052		/**
1053		 * Scene add event.  
1054		 * Fires when the scene is added to a controller.
1055		 * This is mostly used by plugins to know that change might be due.
1056		 *
1057		 * @event ScrollMagic.Scene#add
1058		 * @since 2.0.0
1059		 *
1060		 * @example
1061		 * scene.on("add", function (event) {
1062		 * 	console.log('Scene was added to a new controller.');
1063		 * });
1064		 *
1065		 * @property {object} event - The event Object passed to each callback
1066		 * @property {string} event.type - The name of the event
1067		 * @property {Scene} event.target - The Scene object that triggered this event
1068		 * @property {boolean} event.controller - The controller object the scene was added to.
1069		 */
1070		/**
1071		 * Scene remove event.  
1072		 * Fires when the scene is removed from a controller.
1073		 * This is mostly used by plugins to know that change might be due.
1074		 *
1075		 * @event ScrollMagic.Scene#remove
1076		 * @since 2.0.0
1077		 *
1078		 * @example
1079		 * scene.on("remove", function (event) {
1080		 * 	console.log('Scene was removed from its controller.');
1081		 * });
1082		 *
1083		 * @property {object} event - The event Object passed to each callback
1084		 * @property {string} event.type - The name of the event
1085		 * @property {Scene} event.target - The Scene object that triggered this event
1086		 */
1087
1088		/**
1089		 * Add one ore more event listener.  
1090		 * The callback function will be fired at the respective event, and an object c

1090ontaining relevant data will be passed to the callback.
1091		 * @method ScrollMagic.Scene#on
1092		 *
1093		 * @example
1094		 * function callback (event) {
1095		 * 		console.log("Event fired! (" + event.type + ")");
1096		 * }
1097		 * // add listeners
1098		 * scene.on("change update progress start end enter leave", callback);
1099		 *
1100		 * @param {string} names - The name or names of the event the callback should be attached to.
1101		 * @param {function} callback - A function that should be executed, when the event is dispatched. An event object will be passed to the callback.
1102		 * @returns {Scene} Parent object for chaining.
1103		 */
1104		this.on = function (names, callback) {
1105			if (_util.type.Function(callback)) {
1106				names = names.trim().split(' ');
1107				names.forEach(function (fullname) {
1108					var
1109						nameparts = fullname.split('.'),
1110						eventname = nameparts[0],
1111						namespace = nameparts[1];
1112					if (eventname != "*") { // disallow wildcards
1113						if (!_listeners[eventname]) {
1114							_listeners[eventname] = [];
1115						}
1116						_listeners[eventname].push({
1117							namespace: namespace || '',
1118							callback: callback
1119						});
1120					}
1121				});
1122			} else {
1123				log(1, "ERROR when calling '.on()': Supplied callback for '" + names + "' is not a valid function!");
1124			}
1125			return Scene;
1126		};
1127
1128		/**
1129		 * Remove one or more event listener.
1130		 * @method ScrollMagic.Scene#off
1131		 *
1132		 * @example
1133		 * function callback (event) {
1134		 * 		console.log("Event fired! (" + event.type + ")");
1135		 * }
1136		 * // add listeners
1137		 * scene.on("change update", callback);
1138		 * // remove listeners
1139		 * scene.off("change update", callback);
1140		 *
1141		 * @param {string} names - The name or names of the event that should be removed.
1142		 * @param {function} [callback] - A specific callback function that should be removed. If none is passed all callbacks to the event listener will be removed.
1143		 * @returns {Scene} Parent object for chaining.
1144		 */
1145		this.off = function (names, callback) {
1146			if (!names) {
1147				log(1, "ERROR: Invalid event name supplied.");
1148				return Scene;
1149			}
1150			names = names.trim().split(' ');
1151			names.forEach(function (fullname, key) {
1152				var
1153					nameparts = fullname.split('.'),
1154					eventname = nameparts[0],
1155					namespace = nameparts[1] || '',
1156					removeList = eventname === '*' ? Object.keys(_listeners) : [eventname];
1157				removeList.forEach(function (remove) {
1158					var
1159						list = _listeners[remove] || [],
1160						i = list.length;
1161					while (i--) {
1162						var listener = list[i];
1163						if (listener && (namespace === listener.namespace || namespace === '*') && (!callback || callback == listener.callback)) {
1164							list.splice(i, 1);
1165						}
1166					}
1167					if (!list.length) {
1168						delete _listeners[remove];
1169					}
1170				});
1171			});
1172			return Scene;
1173		};
1174
1175		/**
1176		 * Trigger an event.
1177		 * @method ScrollMagic.Scene#trigger
1178		 *
1179		 * @example
1180		 * this.trigger("change");
1181		 *
1182		 * @param {string} name - The name of the event that should be triggered.
1183		 * @param {object} [vars] - An object containing info that should be passed to the callback.
1184		 * @returns {Scene} Parent object for chaining.
1185		 */
1186		this.trigger = function (name, vars) {
1187			if (name) {
1188				var
1189					nameparts = name.trim().split('.'),
1190					eventname = nameparts[0],
1191					namespace = nameparts[1],
1192					listeners = _listeners[eventname];
1193				log(3, 'event fired:', eventname, vars ? "->" : '', vars || '');
1194				if (listeners) {
1195					listeners.forEach(function (listener, key) {
1196						if (!namespace || namespace === listener.namespace) {
1197							listener.callback.call(Scene, new ScrollMagic.Event(eventname, listener.namespace, Scene, vars));
1198						}
1199					});
1200				}
1201			} else {
1202				log(1, "ERROR: Invalid event name supplied.");
1203			}
1204			return Scene;
1205		};
1206
1207		// set event listeners
1208		Scene
1209			.on("change.internal", function (e) {
1210				if (e.what !== "loglevel" && e.what !== "tweenChanges") { // no need for a scene update scene with these options...
1211					if (e.what === "triggerElement") {
1212						updateTriggerElementPosition();
1213					} else if (e.what === "reverse") { // the only property left that may have an impact on the current scene state. Everything else is handled by the shift event.

1214						Scene.update();
1215					}
1216				}
1217			})
1218			.on("shift.internal", function (e) {
1219				updateScrollOffset();
1220				Scene.update(); // update scene to reflect new position
1221			});
1222
1223		/**
1224		 * Send a debug message to the console.
1225		 * @private
1226		 * but provided publicly with _log for plugins
1227		 *
1228		 * @param {number} loglevel - The loglevel required to initiate output for the message.
1229		 * @param {...mixed} output - One or more variables that should be passed to the console.
1230		 */
1231		var log = this._log = function (loglevel, output) {
1232			if (_options.loglevel >= loglevel) {
1233				Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ") ->");
1234				_util.log.apply(window, arguments);
1235			}
1236		};
1237
1238		/**
1239		 * Add the scene to a controller.  
1240		 * This is the equivalent to `Controller.addScene(scene)`.
1241		 * @method ScrollMagic.Scene#addTo
1242		 *
1243		 * @example
1244		 * // add a scene to a ScrollMagic Controller
1245		 * scene.addTo(controller);
1246		 *
1247		 * @param {ScrollMagic.Controller} controller - The controller to which the scene should be added.
1248		 * @returns {Scene} Parent object for chaining.
1249		 */
1250		this.addTo = function (controller) {
1251			if (!(controller instanceof ScrollMagic.Controller)) {
1252				log(1, "ERROR: supplied argument of 'addTo()' is not a valid ScrollMagic Controller");
1253			} else if (_controller != controller) {
1254				// new controller
1255				if (_controller) { // was associated to a different controller before, so remove it...
1256					_controller.removeScene(Scene);
1257				}
1258				_controller = controller;
1259				validateOption();
1260				updateDuration(true);
1261				updateTriggerElementPosition(true);
1262				updateScrollOffset();
1263				_controller.info("container").addEventListener('resize', onContainerResize);
1264				controller.addScene(Scene);
1265				Scene.trigger("add", {
1266					controller: _controller
1267				});
1268				log(3, "added " + NAMESPACE + " to controller");
1269				Scene.update();
1270			}
1271			return Scene;
1272		};
1273
1274		/**
1275		 * **Get** or **Set** the current enabled state of the scene.  
1276		 * This can be used to disable this scene without removing or destroying it.
1277		 * @method ScrollMagic.Scene#enabled
1278		 *
1279		 * @example
1280		 * // get the current value
1281		 * var enabled = scene.enabled();
1282		 *
1283		 * // disable the scene
1284		 * scene.enabled(false);
1285		 *
1286		 * @param {boolean} [newState] - The new enabled state of the scene `true` or `false`.
1287		 * @returns {(boolean|Scene)} Current enabled state or parent object for chaining.
1288		 */
1289		this.enabled = function (newState) {
1290			if (!arguments.length) { // get
1291				return _enabled;
1292			} else if (_enabled != newState) { // set
1293				_enabled = !!newState;
1294				Scene.update(true);
1295			}
1296			return Scene;
1297		};
1298
1299		/**
1300		 * Remove the scene from the controller.  
1301		 * This is the equivalent to `Controller.removeScene(scene)`.
1302		 * The scene will not be updated anymore until you readd it to a controller.
1303		 * To remove the pin or the tween you need to call removeTween() or removePin() respectively.
1304		 * @method ScrollMagic.Scene#remove
1305		 * @example
1306		 * // remove the scene from its controller
1307		 * scene.remove();
1308		 *
1309		 * @returns {Scene} Parent object for chaining.
1310		 */
1311		this.remove = function () {
1312			if (_controller) {
1313				_controller.info("container").removeEventListener('resize', onContainerResize);
1314				var tmpParent = _controller;
1315				_controller = undefined;
1316				tmpParent.removeScene(Scene);
1317				Scene.trigger("remove");
1318				log(3, "removed " + NAMESPACE + " from controller");
1319			}
1320			return Scene;
1321		};
1322
1323		/**
1324		 * Destroy the scene and everything.
1325		 * @method ScrollMagic.Scene#destroy
1326		 * @example
1327		 * // destroy the scene without resetting the pin and tween to their initial positions
1328		 * scene = scene.destroy();
1329		 *
1330		 * // destroy the scene and reset the pin and tween
1331		 * scene = scene.destroy(true);
1332		 *
1333		 * @param {boolean} [reset=false] - If `true` the pin and tween (if existent) will be reset.
1334		 * @returns {null} Null to unset handler variables.
1335		 */
1336		this.destroy = function (reset) {
1337			Scene.trigger("destroy", {
1338				reset: reset
1339			});
1340			Scene.remove();
1341			Scene.off("*.*");
1342			log(3, "destroyed " + NAMESPACE + " (reset: " + (reset ? "true" : "false") + ")");
1343			return null;
1344		};
1345
1346
1347		/**
1348		 * Updates the Scene to reflect the current state.  
1349		 * This is the equivalent to `Controller.updateScene(scene, immediately)`.  
1350		 * The update method calculates the scene's start and end position (based on the trigger element, trigger hook, duration and offset) and checks it against the current scroll position of the container.  
1351		 * It then updates the current scene state accordingly (or does nothing, if the state is already correct) – Pins will be set to their correct position and tweens will be updated to their correct progress.
1352		 * This means an update doesn't necessarily result in a progress change. The `progress` event will be fired if the progress has indeed changed between this update and the last.  
1353		 * _**NOTE:** This method gets called constantly whenever ScrollMagic detects a change. The only application for you is 

1353if you change something outside of the realm of ScrollMagic, like moving the trigger or changing tween parameters._
1354		 * @method ScrollMagic.Scene#update
1355		 * @example
1356		 * // update the scene on next tick
1357		 * scene.update();
1358		 *
1359		 * // update the scene immediately
1360		 * scene.update(true);
1361		 *
1362		 * @fires Scene.update
1363		 *
1364		 * @param {boolean} [immediately=false] - If `true` the update will be instant, if `false` it will wait until next update cycle (better performance).
1365		 * @returns {Scene} Parent object for chaining.
1366		 */
1367		this.update = function (immediately) {
1368			if (_controller) {
1369				if (immediately) {
1370					if (_controller.enabled() && _enabled) {
1371						var
1372							scrollPos = _controller.info("scrollPos"),
1373							newProgress;
1374
1375						if (_options.duration > 0) {
1376							newProgress = (scrollPos - _scrollOffset.start) / (_scrollOffset.end - _scrollOffset.start);
1377						} else {
1378							newProgress = scrollPos >= _scrollOffset.start ? 1 : 0;
1379						}
1380
1381						Scene.trigger("update", {
1382							startPos: _scrollOffset.start,
1383							endPos: _scrollOffset.end,
1384							scrollPos: scrollPos
1385						});
1386
1387						Scene.progress(newProgress);
1388					} else if (_pin && _state === SCENE_STATE_DURING) {
1389						updatePinState(true); // unpin in position
1390					}
1391				} else {
1392					_controller.updateScene(Scene, false);
1393				}
1394			}
1395			return Scene;
1396		};
1397
1398		/**
1399		 * Updates dynamic scene variables like the trigger element position or the duration.
1400		 * This method is automatically called in regular intervals from the controller. See {@link ScrollMagic.Controller} option `refreshInterval`.
1401		 * 
1402		 * You can call it to minimize lag, for example when you intentionally change the position of the triggerElement.
1403		 * If you don't it will simply be updated in the next refresh interval of the container, which is usually sufficient.
1404		 *
1405		 * @method ScrollMagic.Scene#refresh
1406		 * @since 1.1.0
1407		 * @example
1408		 * scene = new ScrollMagic.Scene({triggerElement: "#trigger"});
1409		 * 
1410		 * // change the position of the trigger
1411		 * $("#trigger").css("top", 500);
1412		 * // immediately let the scene know of this change
1413		 * scene.refresh();
1414		 *
1415		 * @fires {@link Scene.shift}, if the trigger element position or the duration changed
1416		 * @fires {@link Scene.change}, if the duration changed
1417		 *
1418		 * @returns {Scene} Parent object for chaining.
1419		 */
1420		this.refresh = function () {
1421			updateDuration();
1422			updateTriggerElementPosition();
1423			// update trigger element position
1424			return Scene;
1425		};
1426
1427		/**
1428		 * **Get** or **Set** the scene's progress.  
1429		 * Usually it shouldn't be necessary to use this as a setter, as it is set automatically by scene.update().  
1430		 * The order in which the events are fired depends on the duration of the scene:
1431		 *  1. Scenes with `duration == 0`:  
1432		 *  Scenes that have no duration by definition have no ending. Thus the `end` event will never be fired.  
1433		 *  When the trigger position of the scene is passed the events are always fired in this order:  
1434		 *  `enter`, `start`, `progress` when scrolling forward  
1435		 *  and  
1436		 *  `progress`, `start`, `leave` when scrolling in reverse
1437		 *  2. Scenes with `duration > 0`:  
1438		 *  Scenes with a set duration have a defined start and end point.  
1439		 *  When scrolling past the start position of the scene it will fire these events in this order:  
1440		 *  `enter`, `start`, `progress`  
1441		 *  When continuing to scroll and passing the end point it will fire these events:  
1442		 *  `progress`, `end`, `leave`  
1443		 *  When reversing through the end point these events are fired:  
1444		 *  `enter`, `end`, `progress`  
1445		 *  And when continuing to scroll past the start position in reverse it will fire:  
1446		 *  `progress`, `start`, `leave`  
1447		 *  In between start and end the `progress` event will be called constantly, whenever the progress changes.
1448		 * 
1449		 * In short:  
1450		 * `enter` events will always trigger **before** the progress update and `leave` envents will trigger **after** the progress update.  
1451		 * `start` and `end` will always trigger at their respective position.
1452		 * 
1453		 * Please review the event descriptions for details on the events and the event object that is passed to the callback.
1454		 * 
1455		 * @method ScrollMagic.Scene#progress
1456		 * @example
1457		 * // get the current scene progress
1458		 * var progress = scene.progress();
1459		 *
1460		 * // set new scene progress
1461		 * scene.progress(0.3);
1462		 *
1463		 * @fires {@link Scene.enter}, when used as setter
1464		 * @fires {@link Scene.start}, when used as setter
1465		 * @fires {@link Scene.progress}, when used as setter
1466		 * @fires {@link Scene.end}, when used as setter
1467		 * @fires {@link Scene.leave}, when used as setter
1468		 *
1469		 * @param {number} [progress] - The new progress value of the scene `[0-1]`.
1470		 * @returns {number} `get` -  Current scene progress.
1471		 * @returns {Scene} `set` -  Parent object for chaining.
1472		 */
1473		this.progress = function (progress) {
1474			if (!arguments.length) { // get
1475				return _progress;
1476			} else { // set
1477				var
1478					doUpdate = false,
1479					oldState = _state,
1480					scrollDirection = _controller ? _controller.info("scrollDirection") : 'PAUSED',
1481					reverseOrForward = _options.reverse || progress >= _progress;
1482				if (_options.duration === 0) {
1483					// zero duration scenes
1484					doUpdate = _progress != progress;
1485					_progress = progress < 1 && reverseOrForward ? 0 : 1;
1486					_state = _progress === 0 ? SCENE_STATE_BEFORE : SCENE_STATE_DURING;
1487				} else {
1488					// scenes with start and end
1489					if (progress < 0 && _state !== SCENE_STATE_BEFORE && reverseOrForward) {
1490						// go back to initial state
1491						_progress = 0;
1492						_state = SCENE_STATE_BEFORE;
1493						doUpdate = true;
1494					} else if (progress >= 0 && progress < 1 && reverseOrForward) {
1495						_progress = progress;
1496						_state = SCENE_STATE_DURING;
1497						doUpdate = true;
1498					} else if (progress >= 1 && _state !== SCENE_STATE_AFTER) {
1499						_progress = 1;
1500						_state = SCENE_STATE_AFTER;
1501						doUpdate = true;
1502					} else if (_state === SCENE_STATE_DURING && !reverseOrForward) {
1503						updatePinState(); // in case we scrolled backwards mid-scene and reverse is disabled => update the pin position, so it doesn't move back as well.
1504					}
1505				}
1506				if (doUpdate) {
1507					// fire events
1508					var
1509						eventVars = {
1510							progress: _progress,
1511							state: _state,
1512							scrollDirection: scrollDirection
1513						},
1514						stateChanged = _state != oldState;
1515
1516					var trigger = function (eventName) { // tmp helper to simplify code
1517						Scene.trigger(eventName, eventVars);
1518					};
1519
1520					if (stateChanged) { // enter events
1521						if (oldState !== SCENE_STATE_DURING) {
1522							trigger("enter");
1523							trigger(oldState === SCENE_STATE_BEFORE ? "start" : "end");
1524						}
1525					}
1526					trigger("progress");
1527					if (stateChanged) { // leave events
1528						if (_state !== SCENE_STATE_DURING) {
1529							trigger(_state === SCENE_STATE_BEFORE ? "start" : "end");
1530							trigger("leave");
1531						}
1532					}
1533				}
1534
1535				return Scene;
1536			}
1537		};
1538
1539
1540		/**
1541		 * Update the start and end scrollOffset of the container.
1542		 * The positions reflect what the controller's scroll position will be at the start and end respectively.
1543		 * Is called, when:
1544		 *   - Scene event "change" is called with: offset, triggerHook, duration 
1545		 *   - scroll container event "resize" is called
1546		 *   - the position of the triggerElement changes
1547		 *   - the controller changes -> addTo()
1548		 * @private
1549		 */
1550		var updateScrollOffset = function () {
1551			_scrollOffset = {
1552				start: _triggerPos + _options.offset
1553			};
1554			if (_controller && _options.triggerElement) {
1555				// take away triggerHook portion to get relative to top
1556				_scrollOffset.start -= _controller.info("size") * _options.triggerHook;
1557			}
1558			_scrollOffset.end = _scrollOffset.start + _options.duration;
1559		};
1560
1561		/**
1562		 * Updates the duration if set to a dynamic function.
1563		 * This method is called when the scene is added to a controller and in regular intervals from the controller through scene.refresh().
1564		 * 
1565		 * @fires {@link Scene.change}, if the duration changed
1566		 * @fires {@link Scene.shift}, if the duration changed
1567		 *
1568		 * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.
1569		 * @private
1570		 */
1571		var updateDuration = function (suppressEvents) {
1572			// update duration
1573			if (_durationUpdateMethod) {
1574				var varname = "duration";
1575				if (changeOption(varname, _durationUpdateMethod.call(Scene)) && !suppressEvents) { // set
1576					Scene.trigger("change", {
1577						what: varname,
1578						newval: _options[varname]
1579					});
1580					Scene.trigger("shift", {
1581						reason: varname
1582					});
1583				}
1584			}
1585		};
1586
1587		/**
1588		 * Updates the position of the triggerElement, if present.
1589		 * This method is called ...
1590		 *  - ... when the triggerElement is changed
1591		 *  - ... when the scene is added to a (new) controller
1592		 *  - ... in regular intervals from the controller through scene.refresh().
1593		 * 
1594		 * @fires {@link Scene.shift}, if the position changed
1595		 *
1596		 * @param {boolean} [suppressEvents=false] - If true the shift event will be suppressed.
1597		 * @private
1598		 */
1599		var updateTriggerElementPosition = function (suppressEvents) {
1600			var
1601				elementPos = 0,
1602				telem = _options.triggerElement;
1603			if (_controller && (telem || _triggerPos > 0)) { // either an element exists or was removed and the triggerPos is still > 0
1604				if (telem) { // there currently a triggerElement set
1605					if (telem.parentNode) { // check if element is still attached to DOM
1606						var
1607							controllerInfo = _controller.info(),
1608							containerOffset = _util.get.offset(controllerInfo.container), // container position is needed because element offset is returned in relation to document, not in relation to container.
1609							param = controllerInfo.vertical ? "top" : "left"; // which param is of interest ?
1610
1611						// if parent is spacer, use spacer position instead so correct start position is returned for pinned elements.
1612						while (telem.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) {
1613							telem = telem.parentNode;
1614						}
1615
1616						var elementOffset = _util.get.offset(telem);
1617
1618						if (!controllerInfo.isDocument) { // container is not the document root, so substract scroll Position to get correct trigger element position relative to scrollcontent
1619							containerOffset[param] -= _controller.scrollPos();
1620						}
1621
1622						elementPos = elementOffset[param] - containerOffset[param];
1623
1624					} else { // there was an element, but it was removed from DOM
1625						log(2, "WARNING: triggerElement was removed from DOM and will be reset to", undefined);
1626						Scene.triggerElement(undefined); // unset, so a change event is triggered
1627					}
1628				}
1629
1630				var changed = elementPos != _triggerPos;
1631				_triggerPos = elementPos;
1632				if (changed && !suppressEvents) {
1633					Scene.trigger("shift", {
1634						reason: "triggerElementPosition"
1635					});
1636				}
1637			}
1638		};
1639
1640		/**
1641		 * Trigger a shift event, when the container is resized and the triggerHook is > 1.
1642		 * @private
1643		 */
1644		var onContainerResize = function (e) {
1645			if (_options.triggerHook > 0) {
1646				Scene.trigger("shift", {
1647					reason: "containerResize"
1648				});
1649			}
1650		};
1651
1652
1653		var _validate = _util.extend(SCENE_OPTIONS.validate, {
1654			// validation for duration handled internally for reference to private var _durationMethod
1655			duration: function (val) {
1656				if (_util.type.String(val) && val.match(/^(\.|\d)*\d+%$/)) {
1657					// percentage value
1658					var perc = parseFloat(val) / 100;
1659					val = function () {
1660						return _controller ? _controller.info("size") * perc : 0;
1661					};
1662				}
1663				if (_util.type.Function(val)) {
1664					// function
1665					_durationUpdateMethod = val;
1666					try {
1667						val = parseFloat(_durationUpdateMethod.call(Scene));
1668					} catch (e) {
1669						val = -1; // will cause error below
1670					}
1671				}
1672				// val has to be float
1673				val = parseFloat(val);
1674				if (!_util.type.Number(val) || val < 0) {
1675					if (_durationUpdateMethod) {
1676						_durationUpdateMethod = undefined;
1677						throw ["Invalid return value of supplied function for option \"duration\":", val];
1678					} else {
1679						throw ["Invalid value for option \"duration\":", val];
1680					}
1681				}
1682				return val;
1683			}
1684		});
1685
1686		/**
1687		 * Checks the validity of a specific or all options and reset to default if neccessary.
1688		 * @private
1689		 */

1690		var validateOption = function (check) {
1691			check = arguments.length ? [check] : Object.keys(_validate);
1692			check.forEach(function (optionName, key) {
1693				var value;
1694				if (_validate[optionName]) { // there is a validation method for this option
1695					try { // validate value
1696						value = _validate[optionName](_options[optionName]);
1697					} catch (e) { // validation failed -> reset to default
1698						value = DEFAULT_OPTIONS[optionName];
1699						var logMSG = _util.type.String(e) ? [e] : e;
1700						if (_util.type.Array(logMSG)) {
1701							logMSG[0] = "ERROR: " + logMSG[0];
1702							logMSG.unshift(1); // loglevel 1 for error msg
1703							log.apply(this, logMSG);
1704						} else {
1705							log(1, "ERROR: Problem executing validation callback for option '" + optionName + "':", e.message);
1706						}
1707					} finally {
1708						_options[optionName] = value;
1709					}
1710				}
1711			});
1712		};
1713
1714		/**
1715		 * Helper used by the setter/getters for scene options
1716		 * @private
1717		 */
1718		var changeOption = function (varname, newval) {
1719			var
1720				changed = false,
1721				oldval = _options[varname];
1722			if (_options[varname] != newval) {
1723				_options[varname] = newval;
1724				validateOption(varname); // resets to default if necessary
1725				changed = oldval != _options[varname];
1726			}
1727			return changed;
1728		};
1729
1730		// generate getters/setters for all options
1731		var addSceneOption = function (optionName) {
1732			if (!Scene[optionName]) {
1733				Scene[optionName] = function (newVal) {
1734					if (!arguments.length) { // get
1735						return _options[optionName];
1736					} else {
1737						if (optionName === "duration") { // new duration is set, so any previously set function must be unset
1738							_durationUpdateMethod = undefined;
1739						}
1740						if (changeOption(optionName, newVal)) { // set
1741							Scene.trigger("change", {
1742								what: optionName,
1743								newval: _options[optionName]
1744							});
1745							if (SCENE_OPTIONS.shifts.indexOf(optionName) > -1) {
1746								Scene.trigger("shift", {
1747									reason: optionName
1748								});
1749							}
1750						}
1751					}
1752					return Scene;
1753				};
1754			}
1755		};
1756
1757		/**
1758		 * **Get** or **Set** the duration option value.
1759		 *
1760		 * As a **setter** it accepts three types of parameters:
1761		 * 1. `number`: Sets the duration of the scene to exactly this amount of pixels.  
1762		 *   This means the scene will last for exactly this amount of pixels scrolled. Sub-Pixels are also valid.
1763		 *   A value of `0` means that the scene is 'open end' and no end will be triggered. Pins will never unpin and animations will play independently of scroll progress.
1764		 * 2. `string`: Always updates the duration relative to parent scroll container.  
1765		 *   For example `"100%"` will keep the duration always exactly at the inner height of the scroll container.
1766		 *   When scrolling vertically the width is used for reference respectively.
1767		 * 3. `function`: The supplied function will be called to return the scene duration.
1768		 *   This is useful in setups where the duration depends on other elements who might change size. By supplying a function you can return a value instead of updating potentially multiple scene durations.  
1769		 *   The scene can be referenced inside the callback using `this`.
1770		 *   _**WARNING:** This is an easy way to kill performance, as the callback will be executed every time `Scene.refresh()` is called, which happens a lot. The interval is defined by the controller (see ScrollMagic.Controller option `refreshInterval`).  
1771		 *   It's recomended to avoid calculations within the function and use cached variables as return values.  
1772		 *   This counts double if you use the same function for multiple scenes._
1773		 *
1774		 * @method ScrollMagic.Scene#duration
1775		 * @example
1776		 * // get the current duration value
1777		 * var duration = scene.duration();
1778		 *
1779		 * // set a new duration
1780		 * scene.duration(300);
1781		 *
1782		 * // set duration responsively to container size
1783		 * scene.duration("100%");
1784		 *
1785		 * // use a function to randomize the duration for some reason.
1786		 * var durationValueCache;
1787		 * function durationCallback () {
1788		 *   return durationValueCache;
1789		 * }
1790		 * function updateDuration () {
1791		 *   durationValueCache = Math.random() * 100;
1792		 * }
1793		 * updateDuration(); // set to initial value
1794		 * scene.duration(durationCallback); // set duration callback
1795		 *
1796		 * @fires {@link Scene.change}, when used as setter
1797		 * @fires {@link Scene.shift}, when used as setter
1798		 * @param {(number|string|function)} [newDuration] - The new duration setting for the scene.
1799		 * @returns {number} `get` -  Current scene duration.
1800		 * @returns {Scene} `set` -  Parent object for chaining.
1801		 */
1802
1803		/**
1804		 * **Get** or **Set** the offset option value.
1805		 * @method ScrollMagic.Scene#offset
1806		 * @example
1807		 * // get the current offset
1808		 * var offset = scene.offset();
1809		 *
1810		 * // set a new offset
1811		 * scene.offset(100);
1812		 *
1813		 * @fires {@link Scene.change}, when used as setter
1814		 * @fires {@link Scene.shift}, when used as setter
1815		 * @param {number} [newOffset] - The new offset of the scene.
1816		 * @returns {number} `get` -  Current scene offset.
1817		 * @returns {Scene} `set` -  Parent object for chaining.
1818		 */
1819
1820		/**
1821		 * **Get** or **Set** the triggerElement option value.
1822		 * Does **not** fire `Scene.shift`, because changing the trigger Element doesn't necessarily mean the start position changes. This will be determined in `Scene.refresh()`, which is automatically triggered.
1823		 * @method ScrollMagic.Scene#triggerElement
1824		 * @example
1825		 * // get the current triggerElement
1826		 * var triggerElement = scene.triggerElement();
1827		 *
1828		 * // set a new triggerElement using a selector
1829		 * scene.triggerElement("#trigger");
1830		 * // set a new triggerElement using a DOM object
1831		 * scene.triggerElement(document.getElementById("trigger"));
1832		 *
1833		 * @fires {@link Scene.change}, when used as setter
1834		 * @param {(string|object)} [newTriggerElement] - The new trigger element for the scene.
1835		 * @returns {(string|object)} `get` -  Current triggerElement.
1836		 * @returns {Scene} `set` -  Parent object for chaining.
1837		 */
1838
1839		/**
1840		 * **Get** or **Set** the triggerHook option value.
1841		 * @method ScrollMagic.Scene#triggerHook
1842		 * @example
1843		 * // get the current triggerHook value
1844		 * var triggerHook = scene.triggerHook();
1845		 *
1846		 * // set a new triggerHook using a string
1847		 * scene.triggerHook("onLeave");
1848		 * // set a new triggerHook using a number
1849		 * scene.triggerHook(0.7);
1850		 *
1851		 * @fires {@link Scene.change}, when used as setter
1852		 * @fires {@link Scene.shift}, when used as setter
1853		 * @param {(number|string)} [newTriggerHook] - The new triggerHook of the scene. See {@link Scene} parameter description for value options.
1854		 * @returns {number} `get` -  Current triggerHook (ALWAYS numerical).
1855		 * @returns {Scene} `set` -  Parent object for chaining.
1856		 */
1857
1858		/**
1859		 * **Get** or **Set** the reverse option value.
1860		 * @method ScrollMagic.Scene#reverse
1861		 * @example
1862		 * // get the current reverse option
1863		 * var reverse = scene.reverse();
1864		 *
1865		 * // set new reverse option
1866		 * scene.reverse(false);
1867		 *
1868		 * @fires {@link Scene.change}, when used as setter
1869		 * @param {boolean} [newReverse] - The new reverse setting of the scene.
1870		 * @returns {boolean} `get` -  Current reverse option value.
1871		 * @returns {Scene} `set` -  Parent object for chaining.
1872		 */
1873
1874		/**
1875		 * **Get** or **Set** the loglevel option value.
1876		 * @method ScrollMagic.Scene#loglevel
1877		 * @example
1878		 * // get the current loglevel
1879		 * var loglevel = scene.loglevel();
1880		 *
1881		 * // set new loglevel
1882		 * scene.loglevel(3);
1883		 *
1884		 * @fires {@link Scene.change}, when used as setter
1885		 * @param {number} [newLoglevel] - The new loglevel setting of the scene. `[0-3]`
1886		 * @returns {number} `get` -  Current loglevel.
1887		 * @returns {Scene} `set` -  Parent object for chaining.
1888		 */
1889
1890		/**
1891		 * **Get** the associated controller.
1892		 * @method ScrollMagic.Scene#controller
1893		 * @example
1894		 * // get the controller of a scene
1895		 * var controller = scene.controller();
1896		 *
1897		 * @returns {ScrollMagic.Controller} Parent controller or `undefined`
1898		 */
1899		this.controller = function () {
1900			return _controller;
1901		};
1902
1903		/**
1904		 * **Get** the current state.
1905		 * @method ScrollMagic.Scene#state
1906		 * @example
1907		 * // get the current state
1908		 * var state = scene.state();
1909		 *
1910		 * @returns {string} `"BEFORE"`, `"DURING"` or `"AFTER"`
1911		 */
1912		this.state = function () {
1913			return _state;
1914		};
1915
1916		/**
1917		 * **Get** the current scroll offset for the start of the scene.  
1918		 * Mind, that the scrollOffset is related to the size of the container, if `triggerHook` is bigger than `0` (or `"onLeave"`).  
1919		 * This means, that resizing the container or changing the `triggerHook` will influence the scene's start offset.
1920		 * @method ScrollMagic.Scene#scrollOffset
1921		 * @example
1922		 * // get the current scroll offset for the start and end of the scene.
1923		 * var start = scene.scrollOffset();
1924		 * var end = scene.scrollOffset() + scene.duration();
1925		 * console.log("the scene starts at", start, "and ends at", end);
1926		 *
1927		 * @returns {number} The scroll offset (of the container) at which the scene will trigger. Y value for vertical and X value for horizontal scrolls.
1928		 */
1929		this.scrollOffset = function () {
1930			return _scrollOffset.start;
1931		};
1932
1933		/**
1934		 * **Get** the trigger position of the scene (including the value of the `offset` option).  
1935		 * @method ScrollMagic.Scene#triggerPosition
1936		 * @example
1937		 * // get the scene's trigger position
1938		 * var triggerPosition = scene.triggerPosition();
1939		 *
1940		 * @returns {number} Start position of the scene. Top position value for vertical and left position value for horizontal scrolls.
1941		 */
1942		this.triggerPosition = function () {
1943			var pos = _options.offset; // the offset is the basis
1944			if (_controller) {
1945				// get the trigger position
1946				if (_options.triggerElement) {
1947					// Element as trigger
1948					pos += _triggerPos;
1949				} else {
1950					// return the height of the triggerHook to start at the beginning
1951					pos += _controller.info("size") * Scene.triggerHook();
1952				}
1953			}
1954			return pos;
1955		};
1956
1957
1958		var
1959			_pin,
1960			_pinOptions;
1961
1962		Scene
1963			.on("shift.internal", function (e) {
1964				var durationChanged = e.reason === "duration";
1965				if ((_state === SCENE_STATE_AFTER && durationChanged) || (_state === SCENE_STATE_DURING && _options.duration === 0)) {
1966					// if [duration changed after a scene (inside scene progress updates pin position)] or [duration is 0, we are in pin phase and some other value changed].
1967					updatePinState();
1968				}
1969				if (durationChanged) {
1970					updatePinDimensions();
1971				}
1972			})
1973			.on("progress.internal", function (e) {
1974				updatePinState();
1975			})
1976			.on("add.internal", function (e) {
1977				updatePinDimensions();
1978			})
1979			.on("destroy.internal", function (e) {
1980				Scene.removePin(e.reset);
1981			});
1982		/**
1983		 * Update the pin state.
1984		 * @private
1985		 */
1986		var updatePinState = function (forceUnpin) {
1987			if (_pin && _controller) {
1988				var
1989					containerInfo = _controller.info(),
1990					pinTarget = _pinOptions.spacer.firstChild; // may be pin element or another spacer, if cascading pins
1991
1992				if (!forceUnpin && _state === SCENE_STATE_DURING) { // during scene or if duration is 0 and we are past the trigger
1993					// pinned state
1994					if (_util.css(pinTarget, "position") != "fixed") {
1995						// change state before updating pin spacer (position changes due to fixed collapsing might occur.)
1996						_util.css(pinTarget, {
1997							"position": "fixed"
1998						});
1999						// update pin spacer
2000						updatePinDimensions();
2001					}
2002
2003					var
2004						fixedPos = _util.get.offset(_pinOptions.spacer, true), // get viewport position of spacer
2005						scrollDistance = _options.reverse || _options.duration === 0 ?
2006						containerInfo.scrollPos - _scrollOffset.start // quicker
2007						:
2008						Math.round(_progress * _options.duration * 10) / 10; // if no reverse and during pin the position needs to be recalculated using the progress
2009
2010					// add scrollDistance
2011					fixedPos[containerInfo.vertical ? "top" : "left"] += scrollDistance;
2012
2013					// set new values
2014					_util.css(_pinOptions.spacer.firstChild, {
2015						top: fixedPos.top,
2016						left: fixedPos.left
2017					});
2018				} else {
2019					// unpinned state
2020					var
2021						newCSS = {
2022							position: _pinOptions.inFlow ? "relative" : "absolute",
2023							top: 0,
2024							left: 0
2025						},
2026						change = _util.css(pinTarget, "position") != newCSS.position;
2027
2028					if (!_pinOptions.pushFollowers) {
2029						newCSS[containerInfo.vertical ? "top" : "left"] = _options.duration * _progress;
2030					} else if (_options.duration > 0) { // only concerns scenes with duration
2031						if (_state === SCENE_STATE_AFTER && parseFloat(_util.css(_pinOptions.spacer, "padding-top")) === 0) {
2032							change = true; // if in after state but havent updated spacer yet (jumped past pin)
2033						} else if (_state === SCENE_STATE_BEFORE && parseFloat(_util.css(_pinOptions.spacer, "padding-bottom")) === 0) { // before
2034							change = true; // jumped past fixed state upward direction
2035						}
2036					}
2037					// set new values
2038					_util.css(pinTarget, newCSS);
2039					if (change) {
2040						// update pin spacer if state changed
2041						updatePinDimensions();
2042					}
2043				}
2044			}
2045		};
2046
2047		/**
2048		 * Update the pin spacer and/or element size.
2049		 * The size of the spacer needs to be updated whenever the duration of the scene changes, if it is to push down following elements.
2050		 * @private
2051		 */
2052		var updatePinDimensions = function () {
2053			if (_pin && _controller && _pinOptions.inFlow) { // no spacerresize, if original position is absolute
2054				var
2055					after = (_state === SCENE_STATE_AFTER),
2056					before = (_state === SCENE_STATE_BEFORE),
2057					during = (_state === SCENE_STATE_DURING),
2058					vertical = _controller.info("vertical"),
2059					pinTarget = _pinOptions.spacer.firstChild, // usually the pined element but can also be another spacer (cascaded pins)
2060					marginCollapse = _util.isMarginCollapseType(_util.css(_pinOptions.spacer, "display")),
2061					css = {};
2062
2063				// set new size
2064				// if relsize: spacer -> pin | else: pin -> spacer
2065				if (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {
2066					if (during) {
2067						_util.css(_pin, {
2068							"width": _util.get.width(_pinOptions.spacer)
2069						});
2070					} else {
2071						_util.css(_pin, {
2072							"width": "100%"
2073						});
2074					}
2075				} else {
2076					// minwidth is needed for cascaded pins.
2077					css["min-width"] = _util.get.width(vertical ? _pin : pinTarget, true, true);
2078					css.width = during ? css["min-width"] : "auto";
2079				}
2080				if (_pinOptions.relSize.height) {
2081					if (during) {
2082						// the only padding the spacer should ever include is the duration (if pushFollowers = true), so we need to substract that.
2083						_util.css(_pin, {
2084							"height": _util.get.height(_pinOptions.spacer) - (_pinOptions.pushFollowers ? _options.duration : 0)
2085						});
2086					} else {
2087						_util.css(_pin, {
2088							"height": "100%"
2089						});
2090					}
2091				} else {
2092					// margin is only included if it's a cascaded pin to resolve an IE9 bug
2093					css["min-height"] = _util.get.height(vertical ? pinTarget : _pin, true, !marginCollapse); // needed for cascading pins
2094					css.height = during ? css["min-height"] : "auto";
2095				}
2096
2097				// add space for duration if pushFollowers is true
2098				if (_pinOptions.pushFollowers) {
2099					css["padding" + (vertical ? "Top" : "Left")] = _options.duration * _progress;
2100					css["padding" + (vertical ? "Bottom" : "Right")] = _options.duration * (1 - _progress);
2101				}
2102				_util.css(_pinOptions.spacer, css);
2103			}
2104		};
2105
2106		/**
2107		 * Updates the Pin state (in certain scenarios)
2108		 * If the controller container is not the document and we are mid-pin-phase scrolling or resizing the main document can result to wrong pin positions.
2109		 * So this function is called on resize and scroll of the document.
2110		 * @private
2111		 */
2112		var updatePinInContainer = function () {
2113			if (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info("isDocument")) {
2114				updatePinState();
2115			}
2116		};
2117
2118		/**
2119		 * Updates the Pin spacer size state (in certain scenarios)
2120		 * If container is resized during pin and relatively sized the size of the pin might need to be updated...
2121		 * So this function is called on resize of the container.
2122		 * @private
2123		 */
2124		var updateRelativePinSpacer = function () {
2125			if (_controller && _pin && // well, duh
2126				_state === SCENE_STATE_DURING && // element in pinned state?
2127				( // is width or height relatively sized, but

2127 not in relation to body? then we need to recalc.
2128					((_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) && _util.get.width(window) != _util.get.width(_pinOptions.spacer.parentNode)) ||
2129					(_pinOptions.relSize.height && _util.get.height(window) != _util.get.height(_pinOptions.spacer.parentNode))
2130				)
2131			) {
2132				updatePinDimensions();
2133			}
2134		};
2135
2136		/**
2137		 * Is called, when the mousewhel is used while over a pinned element inside a div container.
2138		 * If the scene is in fixed state scroll events would be counted towards the body. This forwards the event to the scroll container.
2139		 * @private
2140		 */
2141		var onMousewheelOverPin = function (e) {
2142			if (_controller && _pin && _state === SCENE_STATE_DURING && !_controller.info("isDocument")) { // in pin state
2143				e.preventDefault();
2144				_controller._setScrollPos(_controller.info("scrollPos") - ((e.wheelDelta || e[_controller.info("vertical") ? "wheelDeltaY" : "wheelDeltaX"]) / 3 || -e.detail * 30));
2145			}
2146		};
2147
2148		/**
2149		 * Pin an element for the duration of the scene.
2150		 * If the scene duration is 0 the element will only be unpinned, if the user scrolls back past the start position.  
2151		 * Make sure only one pin is applied to an element at the same time.
2152		 * An element can be pinned multiple times, but only successively.
2153		 * _**NOTE:** The option `pushFollowers` has no effect, when the scene duration is 0._
2154		 * @method ScrollMagic.Scene#setPin
2155		 * @example
2156		 * // pin element and push all following elements down by the amount of the pin duration.
2157		 * scene.setPin("#pin");
2158		 *
2159		 * // pin element and keeping all following elements in their place. The pinned element will move past them.
2160		 * scene.setPin("#pin", {pushFollowers: false});
2161		 *
2162		 * @param {(string|object)} element - A Selector targeting an element or a DOM object that is supposed to be pinned.
2163		 * @param {object} [settings] - settings for the pin
2164		 * @param {boolean} [settings.pushFollowers=true] - If `true` following elements will be "pushed" down for the duration of the pin, if `false` the pinned element will just scroll past them.  
2165		 												   Ignored, when duration is `0`.
2166		 * @param {string} [settings.spacerClass="scrollmagic-pin-spacer"] - Classname of the pin spacer element, which is used to replace the element.
2167		 *
2168		 * @returns {Scene} Parent object for chaining.
2169		 */
2170		this.setPin = function (element, settings) {
2171			var
2172				defaultSettings = {
2173					pushFollowers: true,
2174					spacerClass: "scrollmagic-pin-spacer"
2175				};
2176			var pushFollowersActivelySet = settings && settings.hasOwnProperty('pushFollowers');
2177			settings = _util.extend({}, defaultSettings, settings);
2178
2179			// validate Element
2180			element = _util.get.elements(element)[0];
2181			if (!element) {
2182				log(1, "ERROR calling method 'setPin()': Invalid pin element supplied.");
2183				return Scene; // cancel
2184			} else if (_util.css(element, "position") === "fixed") {
2185				log(1, "ERROR calling method 'setPin()': Pin does not work with elements that are positioned 'fixed'.");
2186				return Scene; // cancel
2187			}
2188
2189			if (_pin) { // preexisting pin?
2190				if (_pin === element) {
2191					// same pin we already have -> do nothing
2192					return Scene; // cancel
2193				} else {
2194					// kill old pin
2195					Scene.removePin();
2196				}
2197
2198			}
2199			_pin = element;
2200
2201			var
2202				parentDisplay = _pin.parentNode.style.display,
2203				boundsParams = ["top", "left", "bottom", "right", "margin", "marginLeft", "marginRight", "marginTop", "marginBottom"];
2204
2205			_pin.parentNode.style.display = 'none'; // hack start to force css to return stylesheet values instead of calculated px values.
2206			var
2207				inFlow = _util.css(_pin, "position") != "absolute",
2208				pinCSS = _util.css(_pin, boundsParams.concat(["display"])),
2209				sizeCSS = _util.css(_pin, ["width", "height"]);
2210			_pin.parentNode.style.display = parentDisplay; // hack end.
2211
2212			if (!inFlow && settings.pushFollowers) {
2213				log(2, "WARNING: If the pinned element is positioned absolutely pushFollowers will be disabled.");
2214				settings.pushFollowers = false;
2215			}
2216			window.setTimeout(function () { // wait until all finished, because with responsive duration it will only be set after scene is added to controller
2217				if (_pin && _options.duration === 0 && pushFollowersActivelySet && settings.pushFollowers) {
2218					log(2, "WARNING: pushFollowers =", true, "has no effect, when scene duration is 0.");
2219				}
2220			}, 0);
2221
2222			// create spacer and insert
2223			var
2224				spacer = _pin.parentNode.insertBefore(document.createElement('div'), _pin),
2225				spacerCSS = _util.extend(pinCSS, {
2226					position: inFlow ? "relative" : "absolute",
2227					boxSizing: "content-box",
2228					mozBoxSizing: "content-box",
2229					webkitBoxSizing: "content-box"
2230				});
2231
2232			if (!inFlow) { // copy size if positioned absolutely, to work for bottom/right positioned elements.
2233				_util.extend(spacerCSS, _util.css(_pin, ["width", "height"]));
2234			}
2235
2236			_util.css(spacer, spacerCSS);
2237			spacer.setAttribute(PIN_SPACER_ATTRIBUTE, "");
2238			_util.addClass(spacer, settings.spacerClass);
2239
2240			// set the pin Options
2241			_pinOptions = {
2242				spacer: spacer,
2243				relSize: { // save if size is defined using % values. if so, handle spacer resize differently...
2244					width: sizeCSS.width.slice(-1) === "%",
2245					height: sizeCSS.height.slice(-1) === "%",

2246					autoFullWidth: sizeCSS.width === "auto" && inFlow && _util.isMarginCollapseType(pinCSS.display)
2247				},
2248				pushFollowers: settings.pushFollowers,
2249				inFlow: inFlow, // stores if the element takes up space in the document flow
2250			};
2251
2252			if (!_pin.___origStyle) {
2253				_pin.___origStyle = {};
2254				var
2255					pinInlineCSS = _pin.style,
2256					copyStyles = boundsParams.concat(["width", "height", "position", "boxSizing", "mozBoxSizing", "webkitBoxSizing"]);
2257				copyStyles.forEach(function (val) {
2258					_pin.___origStyle[val] = pinInlineCSS[val] || "";
2259				});
2260			}
2261
2262			// if relative size, transfer it to spacer and make pin calculate it...
2263			if (_pinOptions.relSize.width) {
2264				_util.css(spacer, {
2265					width: sizeCSS.width
2266				});
2267			}
2268			if (_pinOptions.relSize.height) {
2269				_util.css(spacer, {
2270					height: sizeCSS.height
2271				});
2272			}
2273
2274			// now place the pin element inside the spacer	
2275			spacer.appendChild(_pin);
2276			// and set new css
2277			_util.css(_pin, {
2278				position: inFlow ? "relative" : "absolute",
2279				margin: "auto",
2280				top: "auto",
2281				left: "auto",
2282				bottom: "auto",
2283				right: "auto"
2284			});
2285
2286			if (_pinOptions.relSize.width || _pinOptions.relSize.autoFullWidth) {
2287				_util.css(_pin, {
2288					boxSizing: "border-box",
2289					mozBoxSizing: "border-box",
2290					webkitBoxSizing: "border-box"
2291				});
2292			}
2293
2294			// add listener to document to update pin position in case controller is not the document.
2295			window.addEventListener('scroll', updatePinInContainer);
2296			window.addEventListener('resize', updatePinInContainer);
2297			window.addEventListener('resize', updateRelativePinSpacer);
2298			// add mousewheel listener to catch scrolls over fixed elements
2299			_pin.addEventListener("mousewheel", onMousewheelOverPin);
2300			_pin.addEventListener("DOMMouseScroll", onMousewheelOverPin);
2301
2302			log(3, "added pin");
2303
2304			// finally update the pin to init
2305			updatePinState();
2306
2307			return Scene;
2308		};
2309
2310		/**
2311		 * Remove the pin from the scene.
2312		 * @method ScrollMagic.Scene#removePin
2313		 * @example
2314		 * // remove the pin from the scene without resetting it (the spacer is not removed)
2315		 * scene.removePin();
2316		 *
2317		 * // remove the pin from the scene and reset the pin element to its initial position (spacer is removed)
2318		 * scene.removePin(true);
2319		 *
2320		 * @param {boolean} [reset=false] - If `false` the spacer will not be removed and the element's position will not be reset.
2321		 * @returns {Scene} Parent object for chaining.
2322		 */
2323		this.removePin = function (reset) {
2324			if (_pin) {
2325				if (_state === SCENE_STATE_DURING) {
2326					updatePinState(true); // force unpin at position
2327				}
2328				if (reset || !_controller) { // if there's no controller no progress was made anyway...
2329					var pinTarget = _pinOptions.spacer.firstChild; // usually the pin element, but may be another spacer (cascaded pins)...
2330					if (pinTarget.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // copy margins to child spacer
2331						var
2332							style = _pinOptions.spacer.style,
2333							values = ["margin", "marginLeft", "marginRight", "marginTop", "marginBottom"],
2334							margins = {};
2335						values.forEach(function (val) {
2336							margins[val] = style[val] || "";
2337						});
2338						_util.css(pinTarget, margins);
2339					}
2340					_pinOptions.spacer.parentNode.insertBefore(pinTarget, _pinOptions.spacer);
2341					_pinOptions.spacer.parentNode.removeChild(_pinOptions.spacer);
2342					if (!_pin.parentNode.hasAttribute(PIN_SPACER_ATTRIBUTE)) { // if it's the last pin for this element -> restore inline styles
2343						// TODO: only correctly set for first pin (when cascading) - how to fix?
2344						_util.css(_pin, _pin.___origStyle);
2345						delete _pin.___origStyle;
2346					}
2347				}
2348				window.removeEventListener('scroll', updatePinInContainer);
2349				window.removeEventListener('resize', updatePinInContainer);
2350				window.removeEventListener('resize', updateRelativePinSpacer);
2351				_pin.removeEventListener("mousewheel", onMousewheelOverPin);
2352				_pin.removeEventListener("DOMMouseScroll", onMousewheelOverPin);
2353				_pin = undefined;
2354				log(3, "removed pin (reset: " + (reset ? "true" : "false") + ")");
2355			}
2356			return Scene;
2357		};
2358
2359
2360		var

2361			_cssClasses,
2362			_cssClassElems = [];
2363
2364		Scene
2365			.on("destroy.internal", function (e) {
2366				Scene.removeClassToggle(e.reset);
2367			});
2368		/**
2369		 * Define a css class modification while the scene is active.  
2370		 * When the scene triggers the classes will be added to the supplied element and removed, when the scene is over.
2371		 * If the scene duration is 0 the classes will only be removed if the user scrolls back past the start position.
2372		 * @method ScrollMagic.Scene#setClassToggle
2373		 * @example
2374		 * // add the class 'myclass' to the element with the id 'my-elem' for the duration of the scene
2375		 * scene.setClassToggle("#my-elem", "myclass");
2376		 *
2377		 * // add multiple classes to multiple elements defined by the selector '.classChange'
2378		 * scene.setClassToggle(".classChange", "class1 class2 class3");
2379		 *
2380		 * @param {(string|object)} element - A Selector targeting one or more elements or a DOM object that is supposed to be modified.
2381		 * @param {string} classes - One or more Classnames (separated by space) that should be added to the element during the scene.
2382		 *
2383		 * @returns {Scene} Parent object for chaining.
2384		 */
2385		this.setClassToggle = function (element, classes) {
2386			var elems = _util.get.elements(element);
2387			if (elems.length === 0 || !_util.type.String(classes)) {
2388				log(1, "ERROR calling method 'setClassToggle()': Invalid " + (elems.length === 0 ? "element" : "classes") + " supplied.");
2389				return Scene;
2390			}
2391			if (_cssClassElems.length > 0) {
2392				// remove old ones
2393				Scene.removeClassToggle();
2394			}
2395			_cssClasses = classes;
2396			_cssClassElems = elems;
2397			Scene.on("enter.internal_class leave.internal_class", function (e) {
2398				var toggle = e.type === "enter" ? _util.addClass : _util.removeClass;
2399				_cssClassElems.forEach(function (elem, key) {

2400					toggle(elem, _cssClasses);
2401				});
2402			});
2403			return Scene;
2404		};
2405
2406		/**
2407		 * Remove the class binding from the scene.
2408		 * @method ScrollMagic.Scene#removeClassToggle
2409		 * @example
2410		 * // remove class binding from the scene without reset
2411		 * scene.removeClassToggle();
2412		 *
2413		 * // remove class binding and remove the changes it caused
2414		 * scene.removeClassToggle(true);
2415		 *
2416		 * @param {boolean} [reset=false] - If `false` and the classes are currently active, they will remain on the element. If `true` they will be removed.
2417		 * @returns {Scene} Parent object for chaining.
2418		 */
2419		this.removeClassToggle = function (reset) {
2420			if (reset) {
2421				_cssClassElems.forEach(function (elem, key) {
2422					_util.removeClass(elem, _cssClasses);
2423				});
2424			}
2425			Scene.off("start.internal_class end.internal_class");
2426			_cssClasses = undefined;
2427			_cssClassElems = [];
2428			return Scene;
2429		};
2430
2431		// INIT
2432		construct();
2433		return Scene;
2434	};
2435
2436	// store pagewide scene options
2437	var SCENE_OPTIONS = {
2438		defaults: {
2439			duration: 0,
2440			offset: 0,
2441			triggerElement: undefined,
2442			triggerHook: 0.5,
2443			reverse: true,
2444			loglevel: 2
2445		},
2446		validate: {
2447			offset: function (val) {
2448				val = parseFloat(val);
2449				if (!_util.type.Number(val)) {
2450					throw ["Invalid value for option \"offset\":", val];
2451				}
2452				return val;
2453			},
2454			triggerElement: function (val) {
2455				val = val || undefined;
2456				if (val) {
2457					var elem = _util.get.elements(val)[0];
2458					if (elem && elem.parentNode) {
2459						val = elem;
2460					} else {
2461						throw ["Element defined in option \"triggerElement\" was not found:", val];
2462					}
2463				}
2464				return val;
2465			},
2466			triggerHook: function (val) {
2467				var translate = {
2468					"onCenter": 0.5,
2469					"onEnter": 1,
2470					"onLeave": 0
2471				};
2472				if (_util.type.Number(val)) {
2473					val = Math.max(0, Math.min(parseFloat(val), 1)); //  make sure its betweeen 0 and 1
2474				} else if (val in translate) {
2475					val = translate[val];
2476				} else {
2477					throw ["Invalid value for option \"triggerHook\": ", val];
2478				}
2479				return val;
2480			},
2481			reverse: function (val) {
2482				return !!val; // force boolean
2483			},
2484			loglevel: function (val) {
2485				val = parseInt(val);
2486				if (!_util.type.Number(val) || val < 0 || val > 3) {
2487					throw ["Invalid value for option \"loglevel\":", val];
2488				}
2489				return val;
2490			}
2491		}, // holder for  validation methods. duration validation is handled in 'getters-setters.js'
2492		shifts: ["duration", "offset", "triggerHook"], // list of options that trigger a `shift` event
2493	};
2494	/*
2495	 * method used to add an option to ScrollMagic Scenes.
2496	 * TODO: DOC (private for dev)
2497	 */
2498	ScrollMagic.Scene.addOption = function (name, defaultValue, validationCallback, shifts) {
2499		if (!(name in SCENE_OPTIONS.defaults)) {
2500			SCENE_OPTIONS.defaults[name] = defaultValue;
2501			SCENE_OPTIONS.validate[name] = validationCallback;
2502			if (shifts) {
2503				SCENE_OPTIONS.shifts.push(name);
2504			}
2505		} else {
2506			ScrollMagic._util.log(1, "[static] ScrollMagic.Scene -> Cannot add Scene option '" + name + "', because it already exists.");
2507		}
2508	};
2509	// instance extension function for plugins
2510	// TODO: DOC (private for dev)
2511	ScrollMagic.Scene.extend = function (extension) {
2512		var oldClass = this;
2513		ScrollMagic.Scene = function () {
2514			oldClass.apply(this, arguments);
2515			this.$super = _util.extend({}, this); // copy parent state
2516			return extension.apply(this, arguments) || this;
2517		};
2518		_util.extend(ScrollMagic.Scene, oldClass); // copy properties
2519		ScrollMagic.Scene.prototype = oldClass.prototype; // copy prototype
2520		ScrollMagic.Scene.prototype.constructor = ScrollMagic.Scene; // restore constructor
2521	};
2522
2523
2524
2525	/**
2526	 * TODO: DOCS (private for dev)
2527	 * @class
2528	 * @private
2529	 */
2530
2531	ScrollMagic.Event = function (type, namespace, target, vars) {
2532		vars = vars || {};
2533		for (var key in vars) {
2534			this[key] = vars[key];
2535		}
2536		this.type = type;
2537		this.target = this.currentTarget = target;
2538		this.namespace = namespace || '';
2539		this.timeStamp = this.timestamp = Date.now();
2540		return this;
2541	};
2542
2543	/*
2544	 * TODO: DOCS (private for dev)
2545	 */
2546
2547	var _util = ScrollMagic._util = (function (window) {
2548		var U = {},
2549			i;
2550
2551		/**
2552		 * ------------------------------
2553		 * internal helpers
2554		 * ------------------------------
2555		 */
2556
2557		// parse float and fall back to 0.
2558		var floatval = function (number) {
2559			return parseFloat(number) || 0;
2560		};
2561		// get current style IE safe (otherwise IE would return calculated values for 'auto')
2562		var _getComputedStyle = function (elem) {
2563			return elem.currentStyle ? elem.currentStyle : window.getComputedStyle(elem);
2564		};
2565
2566		// get element dimension (width or height)
2567		var _dimension = function (which, elem, outer, includeMargin) {
2568			elem = (elem === document) ? window : elem;
2569			if (elem === window) {
2570				includeMargin = false;

2571			} else if (!_type.DomElement(elem)) {
2572				return 0;
2573			}
2574			which = which.charAt(0).toUpperCase() + which.substr(1).toLowerCase();
2575			var dimension = (outer ? elem['offset' + which] || elem['outer' + which] : elem['client' + which] || elem['inner' + which]) || 0;
2576			if (outer && includeMargin) {
2577				var style = _getComputedStyle(elem);
2578				dimension += which === 'Height' ? floatval(style.marginTop) + floatval(style.marginBottom) : floatval(style.marginLeft) + floatval(style.marginRight);
2579			}
2580			return dimension;
2581		};
2582		// converts 'margin-top' into 'marginTop'
2583		var _camelCase = function (str) {
2584			return str.replace(/^[^a-z]+([a-z])/g, '$1').replace(/-([a-z])/g, function (g) {
2585				return g[1].toUpperCase();
2586			});
2587		};
2588
2589		/**
2590		 * ------------------------------
2591		 * external helpers
2592		 * ------------------------------
2593		 */
2594
2595		// extend obj – same as jQuery.extend({}, objA, objB)
2596		U.extend = function (obj) {
2597			obj = obj || {};
2598			for (i = 1; i < arguments.length; i++) {
2599				if (!arguments[i]) {
2600					continue;
2601				}
2602				for (var key in arguments[i]) {
2603					if (arguments[i].hasOwnProperty(key)) {
2604						obj[key] = arguments[i][key];
2605					}
2606				}
2607			}
2608			return obj;
2609		};
2610
2611		// check if a css display type results in margin-collapse or not
2612		U.isMarginCollapseType = function (str) {
2613			return ["block", "flex", "list-item", "table", "-webkit-box"].indexOf(str) > -1;
2614		};
2615
2616		// implementation of requestAnimationFrame
2617		// based on https://gist.github.com/paulirish/1579671
2618		var
2619			lastTime = 0,
2620			vendors = ['ms', 'moz', 'webkit', 'o'];
2621		var _requestAnimationFrame = window.requestAnimationFrame;
2622		var _cancelAnimationFrame = window.cancelAnimationFrame;
2623		// try vendor prefixes if the above doesn't work
2624		for (i = 0; !_requestAnimationFrame && i < vendors.length; ++i) {
2625			_requestAnimationFrame = window[vendors[i] + 'RequestAnimationFrame'];
2626			_cancelAnimationFrame = window[vendors[i] + 'CancelAnimationFrame'] || window[vendors[i] + 'CancelRequestAnimationFrame'];
2627		}
2628
2629		// fallbacks
2630		if (!_requestAnimationFrame) {
2631			_requestAnimationFrame = function (callback) {
2632				var
2633					currTime = new Date().getTime(),
2634					timeToCall = Math.max(0, 16 - (currTime - lastTime)),
2635					id = window.setTimeout(function () {
2636						callback(currTime + timeToCall);
2637					}, timeToCall);
2638				lastTime = currTime + timeToCall;
2639				return id;
2640			};
2641		}
2642		if (!_cancelAnimationFrame) {
2643			_cancelAnimationFrame = function (id) {
2644				window.clearTimeout(id);
2645			};
2646		}
2647		U.rAF = _requestAnimationFrame.bind(window);
2648		U.cAF = _cancelAnimationFrame.bind(window);
2649
2650		var
2651			loglevels = ["error", "warn", "log"],
2652			console = window.console || {};
2653
2654		console.log = console.log || function () {}; // no console log, well - do nothing then...
2655		// make sure methods for all levels exist.
2656		for (i = 0; i < loglevels.length; i++) {
2657			var method = loglevels[i];
2658			if (!console[method]) {
2659				console[method] = console.log; // prefer .log over nothing
2660			}
2661		}
2662		U.log = function (loglevel) {
2663			if (loglevel > loglevels.length || loglevel <= 0) loglevel = loglevels.length;
2664			var now = new Date(),
2665				time = ("0" + now.getHours()).slice(-2) + ":" + ("0" + now.getMinutes()).slice(-2) + ":" + ("0" + now.getSeconds()).slice(-2) + ":" + ("00" + now.getMilliseconds()).slice(-3),
2666				method = loglevels[loglevel - 1],
2667				args = Array.prototype.splice.call(arguments, 1),
2668				func = Function.prototype.bind.call(console[method], console);
2669			args.unshift(time);
2670			func.apply(console, args);
2671		};
2672
2673		/**
2674		 * ------------------------------
2675		 * type testing
2676		 * ------------------------------
2677		 */
2678
2679		var _type = U.type = function (v) {
2680			return Object.prototype.toString.call(v).replace(/^\[object (.+)\]$/, "$1").toLowerCase();
2681		};
2682		_type.String = function (v) {
2683			return _type(v) === 'string';
2684		};
2685		_type.Function = function (v) {
2686			return _type(v) === 'function';
2687		};
2688		_type.Array = function (v) {
2689			return Array.isArray(v);
2690		};
2691		_type.Number = function (v) {
2692			return !_type.Array(v) && (v - parseFloat(v) + 1) >= 0;
2693		};
2694		_type.DomElement = function (o) {
2695			return (
2696				typeof HTMLElement === "object" || typeof HTMLElement === "function" ? o instanceof HTMLElement || o instanceof SVGElement : //DOM2
2697				o && typeof o === "object" && o !== null && o.nodeType === 1 && typeof o.nodeName === "string"
2698			);
2699		};
2700
2701		/**
2702		 * ------------------------------
2703		 * DOM Element info
2704		 * ------------------------------
2705		 */
2706		// always returns a list of matching DOM elements, from a selector, a DOM element or an list of elements or even an array of selectors
2707		var _get = U.get = {};
2708		_get.elements = function (selector) {
2709			var arr = [];
2710			if (_type.String(selector)) {
2711				try {
2712					selector = document.querySelectorAll(selector);
2713				} catch (e) { // invalid selector
2714					return arr;
2715				}
2716			}
2717			if (_type(selector) === 'nodelist' || _type.Array(selector) || selector instanceof NodeList) {
2718				for (var i = 0, ref = arr.length = selector.length; i < ref; i++) { // list of elements
2719					var elem = selector[i];
2720					arr[i] = _type.DomElement(elem) ? elem : _get.elements(elem); // if not an element, try to resolve recursively
2721				}
2722			} else if (_type.DomElement(selector) || selector === document || selector === window) {
2723				arr = [selector]; // only the element
2724			}
2725			return arr;
2726		};
2727		// get scroll top value
2728		_get.scrollTop = function (elem) {
2729			return (elem && typeof elem.scrollTop === 'number') ? elem.scrollTop : window.pageYOffset || 0;
2730		};
2731		// get scroll left value
2732		_get.scrollLeft = function (elem) {
2733			return (elem && typeof elem.scrollLeft === 'number') ? elem.scrollLeft : window.pageXOffset || 0;
2734		};
2735		// get element height
2736		_get.width = function (elem, outer, includeMargin) {
2737			return _dimension('width', elem, outer, includeMargin);
2738		};
2739		// get element width
2740		_get.height = function (elem, outer, includeMargin) {
2741			return _dimension('height', elem, outer, includeMargin);
2742		};
2743
2744		// get element position (optionally relative to viewport)
2745		_get.offset = function (elem, relativeToViewport) {
2746			var offset = {
2747				top: 0,
2748				left: 0
2749			};
2750			if (elem && elem.getBoundingClientRect) { // check if available
2751				var rect = elem.getBoundingClientRect();
2752				offset.top = rect.top;
2753				offset.left = rect.left;
2754				if (!relativeToViewport) { // clientRect is by default relative to viewport...
2755					offset.top += _get.scrollTop();
2756					offset.left += _get.scrollLeft();
2757				}
2758			}
2759			return offset;
2760		};
2761
2762		/**
2763		 * ------------------------------
2764		 * DOM Element manipulation
2765		 * ------------------------------
2766		 */
2767
2768		U.addClass = function (elem, classname) {
2769			if (classname) {
2770				if (elem.classList)
2771					elem.classList.add(classname);
2772				else
2773					elem.className += ' ' + classname;
2774			}
2775		};
2776		U.removeClass = function (elem, classname) {
2777			if (classname) {
2778				if (elem.classList)
2779					elem.classList.remove(classname);
2780				else
2781					elem.className = elem.className.replace(new RegExp('(^|\\b)' + classname.split(' ').join('|') + '(\\b|$)', 'gi'), ' ');
2782			}
2783		};
2784		// if options is string -> returns css value
2785		// if options is array -> returns object with css value pairs
2786		// if options is object -> set new css values
2787		U.css = function (elem, options) {
2788			if (_type.String(options)) {
2789				return _getComputedStyle(elem)[_camelCase(options)];
2790			} else if (_type.Array(options)) {
2791				var
2792					obj = {},
2793					style = _getComputedStyle(elem);
2794				options.forEach(function (option, key) {
2795					obj[option] = style[_camelCase(option)];
2796				});
2797				return obj;
2798			} else {
2799				for (var option in options) {
2800					var val = options[option];
2801					if (val == parseFloat(val)) { // assume pixel for seemingly numerical values
2802						val += 'px';
2803					}
2804					elem.style[_camelCase(option)] = val;
2805				}
2806			}
2807		};
2808
2809		return U;
2810	}(window || {}));
2811
2812
2813	ScrollMagic.Scene.prototype.addIndicators = function () {
2814		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling addIndicators() due to missing Plugin \'debug.addIndicators\'. Please make sure to include plugins/debug.addIndicators.js');
2815		return this;
2816	}
2817	ScrollMagic.Scene.prototype.removeIndicators = function () {
2818		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeIndicators() due to missing Plugin \'debug.addIndicators\'. Please make sure to include plugins/debug.addIndicators.js');
2819		return this;
2820	}
2821	ScrollMagic.Scene.prototype.setTween = function () {
2822		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setTween() due to missing Plugin \'animation.gsap\'. Please make sure to include plugins/animation.gsap.js');
2823		return this;
2824	}
2825	ScrollMagic.Scene.prototype.removeTween = function () {
2826		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeTween() due to missing Plugin \'animation.gsap\'. Please make sure to include plugins/animation.gsap.js');
2827		return this;
2828	}
2829	ScrollMagic.Scene.prototype.setVelocity = function () {
2830		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling setVelocity() due to missing Plugin \'animation.velocity\'. Please make sure to include plugins/animation.velocity.js');
2831		return this;
2832	}
2833	ScrollMagic.Scene.prototype.removeVelocity = function () {
2834		ScrollMagic._util.log(1, '(ScrollMagic.Scene) -> ERROR calling removeVelocity() due to missing Plugin \'animation.velocity\'. Please make sure to include plugins/animation.velocity.js');
2835		return this;
2836	}
2837
2838	return ScrollMagic;
2839}));
2840/*!
2841 * ScrollMagic v2.0.7 (2019-05-07)
2842 * The javascript library for magical scroll interactions.
2843 * (c) 2019 Jan Paepke (@janpaepke)
2844 * Project Website: http://scrollmagic.io
2845 * 
2846 * @version 2.0.7
2847 * @license Dual licensed under MIT license and GPL.
2848 * @author Jan Paepke - [email protected]
2849 *
2850 * @file Debug Extension for ScrollMagic.
2851 */
2852/**
2853 * This plugin was formerly known as the ScrollMagic debug extension.
2854 *
2855 * It enables you to add visual indicators to your page, to be able to see exactly when a scene is triggered.
2856 *
2857 * To have access to this extension, please include `plugins/debug.addIndicators.js`.
2858 * @mixin debug.addIndicators
2859 */
2860(function (root, factory) {
2861	if (typeof define === 'function' && define.amd) {
2862		// AMD. Register as an anonymous module.
2863		define(['ScrollMagic'], factory);
2864	} else if (typeof exports === 'object') {
2865		// CommonJS
2866		factory(require('scrollmagic'));
2867	} else {
2868		// no browser global export needed, just execute
2869		factory(root.ScrollMagic || (root.jQuery && root.jQuery.ScrollMagic));
2870	}
2871}(this, function (ScrollMagic) {
2872	"use strict";
2873	var NAMESPACE = "debug.addIndicators";
2874
2875	var
2876		console = window.console || {},
2877		err = Function.prototype.bind.call(console.error || console.log || function () {}, console);
2878	if (!ScrollMagic) {
2879		err("(" + NAMESPACE + ") -> ERROR: The ScrollMagic main module could not be found. Please make sure it's loaded before this plugin or use an asynchronous loader like requirejs.");
2880	}
2881
2882	// plugin settings
2883	var
2884		FONT_SIZE = "0.85em",
2885		ZINDEX = "9999",
2886		EDGE_OFFSET = 15; // minimum edge distance, added to indentation
2887
2888	// overall vars
2889	var
2890		_util = ScrollMagic._util,
2891		_autoindex = 0;
2892
2893
2894
2895	ScrollMagic.Scene.extend(function () {
2896		var
2897			Scene = this,
2898			_indicator;
2899
2900		var log = function () {
2901			if (Scene._log) { // not available, when main source minified
2902				Array.prototype.splice.call(arguments, 1, 0, "(" + NAMESPACE + ")", "->");
2903				Scene._log.apply(this, arguments);
2904			}
2905		};
2906
2907		/**
2908		 * Add visual indicators for a ScrollMagic.Scene.  
2909		 * @memberof! debug.addIndicators#
2910		 *
2911		 * @example
2912		 * // add basic indicators
2913		 * scene.addIndicators()
2914		 *
2915		 * // passing options
2916		 * scene.addIndicators({name: "pin scene", colorEnd: "#FFFFFF"});
2917		 *
2918		 * @param {object}