From 53347efa27b1b547a4daa66fef982b8c00d04724 Mon Sep 17 00:00:00 2001
From: Jason McBrayer <jmcbray@carcosa.net>
Date: Tue, 6 Nov 2018 11:01:01 -0500
Subject: [PATCH] Remove items for old photobox

---
 brutaldon/static/css/photobox.css      |  202 -----
 brutaldon/static/css/photobox.ie.css   |    8 -
 brutaldon/static/js/jquery.p2r.min.js  |    1 -
 brutaldon/static/js/jquery.photobox.js | 1132 ------------------------
 4 files changed, 1343 deletions(-)
 delete mode 100644 brutaldon/static/css/photobox.css
 delete mode 100644 brutaldon/static/css/photobox.ie.css
 delete mode 100644 brutaldon/static/js/jquery.p2r.min.js
 delete mode 100644 brutaldon/static/js/jquery.photobox.js

diff --git a/brutaldon/static/css/photobox.css b/brutaldon/static/css/photobox.css
deleted file mode 100644
index d2fdbd6..0000000
--- a/brutaldon/static/css/photobox.css
+++ /dev/null
@@ -1,202 +0,0 @@
-/* Normilizes box-sizing  */
-#pbOverlay *,
-#pbOverlay *:before,
-#pbOverlay *:after {
-     -moz-box-sizing: content-box;
-          box-sizing: content-box;
-}
-
-
-#pbOverlay.show{ opacity:1; pointer-events:auto; }
-#pbOverlay{
-	opacity:0; overflow:hidden; width:100%; height:100%; position:fixed; z-index:9999; left:0; top:0; text-align:center; pointer-events:none;
-	-moz-user-select:none;
-	background:rgba(0,0,0,.90);
-	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2000000', endColorstr='#e2000000');
-	/* background:radial-gradient(rgba(0,0,0,.6) 0%, rgba(0,0,0,.9) 100%); */
-	-webkit-transform:translate3d(0);
-	transition:opacity 300ms ease;
-}
-
-#pbOverlay.msie{ background-color:rgba(0,0,0,.6); }
-.msie.pbLoading .pbWrapper{ background:url('../images/loading.gif') no-repeat center center; }
-
-@keyframes pbLoaderFrames{ 50%{ height:5px; } }
-@-webkit-keyframes pbLoaderFrames{ 50%{ height:5px; } }
-
-.pbLoader{ display:none; width:100px; height:100px; position:absolute; z-index:999; top:0; left:0; right:0; bottom:0; margin:auto; text-align:center; border-radius:100%; box-shadow:15px 32px 60px -20px #FFF inset, 1px 1px 3px 1px #FFF inset, 0 0 20px; transition:.3s; }
-.thumbs .pbLoader{ -webkit-transform:translateY(-50px); transform:translateY(-50px); }
-.pbLoading:not(.msie):not(.error) .pbLoader{ display:block; }
-	.pbLoader b{ display:inline-block; vertical-align:middle; margin:0 2px; width:8px; height:60px; border-radius:5px; background:rgba(255,255,255,.8); box-shadow:0 0 10px rgba(0,0,0,.5); -webkit-animation:.9s pbLoaderFrames infinite linear; animation:.9s pbLoaderFrames infinite linear; }
-	.pbLoader b:nth-child(2){ -webkit-animation-delay:.3s; animation-delay:.3s; }
-	.pbLoader b:nth-child(3){ -webkit-animation-delay:.6s; animation-delay:.6s; }
-
-.mobile.pbLoading .pbLoader{ transform:none; transition:0s; }
-
-.pbWrapper:after,
-#pbCaption .pbThumbs ul:after,
-#pbOverlay .prevNext:after,
-#pbOverlay .pbLoader:before{ content:""; display:inline-block; height:100%; margin-right:-.25em; vertical-align:middle; }
-
-/* Animation when image was not loaded */
-@keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); transform:scale(.85); } }
-@-webkit-keyframes deadImage{ 50%{ text-shadow:0 0 25px rgba(255,255,255,.5); -webkit-transform:scale(.85); } }
-
-#pbOverlay button{ outline:0 !important; box-shadow:0; }
-
-
-.pbWrapper{ -moz-box-sizing:border-box; box-sizing:border-box; transform:rotate(0deg); vertical-align:middle; height:100%; perspective:1200px; position:relative;  }
-.video > .pbWrapper{ z-index:11; display:inline-block; }
-	/*#pbOverlay.error .pbWrapper{ display:inline-block; width:100%; }*/
-	.pbLoading .pbWrapper{ display:inline-block\9; width:100%; } /* ie8+9 hack */
-	.pbWrapper:before{ content:'\2716'; color:transparent; text-shadow:0 2px 35px rgba(255,255,255,0); font-size:0; vertical-align:middle; cursor:default; transition:text-shadow .7s ease-out; }
-	.error .pbWrapper:before{ font-size:22em; text-shadow:0 0 0 #FFF; -webkit-animation:2s 1s deadImage infinite linear; animation:2s 1s deadImage infinite linear; }
-	.thumbs .pbWrapper{ padding:0; margin:0; }
-	.error .pbWrapperr img{ width:0; }
-
-	.pbWrapper > div{ display:none; width:624px; height:351px; vertical-align:middle; border-radius:5px; background:rgba(0,0,0,.5); }
-	.video > .pbWrapper > div{ display:inline-block; }
-
-	#pbOverlay iframe,
-	#pbOverlay embed,
-	#pbOverlay object{ display:block; width:100%; height:100%; opacity:1; transition:.5s; }
-
-	.pbWrapper .pbHide iframe{ opacity:0; }
-
-	.pbWrapper > div,
-	.pbWrapper > img{
-		transition:.5s .5s cubic-bezier(.1, .87, .48, 1);
-
-		-webkit-transform:none;
-		-ms-transform:none;
-		transform:none;
-
-		-webkit-backface-visibility:hidden;
-		box-shadow:0 0 20px #000;
-		opacity: 1;
-	}
-
-	/* FOR MOBILE */
-	.mobile.show .pbWrapper > div,
-	.mobile.show .pbWrapper > img{
-		transition:30ms;
-	}
-
-	/* Content effects */
-	.pbWrapper > *,
-	.pbHide .pbWrapper > .prepare{ opacity:0; vertical-align:middle; -webkit-transform:scale(.2) rotateX(80deg); -ms-transform:scale(.2) rotateX(80deg); transform:scale(.2) rotateX(80deg); border-radius:6px; border:none; max-height:95%; max-width:100%; }
-	.on .pbWrapper > *{ transition-delay:0s; }
-	.pbWrapper .zoomable{ -webkit-transition:0s; transition:0s; position:relative; z-index:9; }
-	.pbWrapper .rotating{ -webkit-transition:.25s cubic-bezier(.4,.04,0,1); transition:.25s cubic-bezier(.4,.04,0,1); }
-	.pbHide .pbWrapper > *{ -webkit-transform:scale(1.2); transform:scale(1.2); transform:none\9; opacity:0; transition:.4s ease-out; }
-
-
-
-/*-- close button --*/
-#pbCloseBtn,
-#pbAutoplayBtn{ position:absolute; top:-50px; right:-50px; z-index:999; display:block; padding:0 0 20px 20px; text-align:center; cursor:pointer; color:#FFF; transition:.3s .3s ease-out; }
-.pbHide #pbCloseBtn{ top:-50px; right:-50px; }
-.on #pbCloseBtn{ top:-2px; right:-2px; }
-
-#pbCloseBtn:before{ content:'\00D7'; font:bold 1em/1 arial; }
-#pbCloseBtn:before, #pbAutoplayBtn:before{ display:inline-block; height:35px; width:35px; padding:8px 8px 12px 12px; font-size:2em; opacity:.8; vertical-align:middle; background:rgba(255,255,255,.2); border-radius:0 0 0 70px; transition:.1s ease-out; }
-#pbCloseBtn:hover:before{ padding:15px 10px 24px 24px; background:rgba(255,100,100,.4); }
-
-/*-- autoplay controller --*/
-#pbAutoplayBtn{ display:none; right:auto; left:-50px; padding:0; width:50px; height:50px; font-size:13px; }
-.hasAutoplay #pbAutoplayBtn{ display:block; }
-#pbAutoplayBtn:hover{ width:60px; height:60px; }
-.on #pbAutoplayBtn{ top:0px; left:0px; transition:.1s ease-out; }
-	#pbAutoplayBtn:before{ content:'\2016'; width:100%; height:100%; border-radius:0 0 70px 0; font-weight:bold; padding:0; text-indent:-6px; line-height:1.6; }
-	#pbAutoplayBtn:active:before{ text-shadow:0 0 3px #FFF, 0 0 6px #FFF; }
-	#pbAutoplayBtn.play:before{ content:'\25BA'; }
-
-	#pbAutoplayBtn .pbProgress{ display:none\9; width:100%; height:100%; overflow:hidden; position:absolute; padding:6px; top:0; left:0; opacity:.2; transform:rotateZ(0deg); -webkit-transform:rotateZ(0deg); -ms-transform:rotateZ(0deg); -webkit-transform-origin:0 0; -ms-transform-origin:0 0; transform-origin:0 0; -webkit-transition:.3s; transition:.3s; }
-	.mobile #pbAutoplayBtn .pbProgress{ -webkit-transition:0s; transition:0s; }
-	#pbAutoplayBtn.playing .pbProgress{ -webkit-transform:rotateZ(90deg); -ms-transform:rotateZ(90deg); transform:rotateZ(90deg); }
-	#pbAutoplayBtn .pbProgress:before{ content:''; position:absolute; right:0; bottom:0; width:200%; height:200%; border-radius:50%; box-shadow:0 0 0 8px #FFF inset; }
-
-#pbCaption,
-.pbHide #pbCaption{ position:absolute; z-index:999; margin-bottom:5px; bottom:-120px; width:100%; overflow:hidden; transform:translateZ(0px); transition:.4s; }
-.show.on #pbCaption{ bottom:0; transition-delay:.5s; }
-	#pbOverlay.thumbs #pbCaption label{ display:block; }
-	#pbCaption label{ display:none; float:right; margin:0 1em; color:#FFF; opacity:.3; transition:.2s; cursor:pointer; }
-	#pbCaption label:after{ content:'\276F'; font-size:30px; line-height:30px; display:inline-block; transform:rotate(-90deg); transition:.2s ease-out; }
-	#pbCaption label:hover{ opacity:1; }
-	#pbCaption .title,
-	#pbCaption .counter{ display:inline-block; color:#FFF; margin:0 6px; }
-	#pbCaption .counter{ display:none; opacity:.55; }
-	.hasCounter #pbCaption .counter{ display:inline-block; }
-	.pbCaptionText{ display:inline-block; transition:.3s; opacity:.9; font-weight:bold; vertical-align:middle; text-shadow:1px 1px 1px rgba(0,0,0,.5); padding-left:60px; } /* padding-left from <label> */
-	.pbCaptionText.change{ -webkit-transform:translateY(25px); transform:translateY(25px); opacity:0; }
-	#pbCaption .rotateBtn{ display:none; background:none; border:0; font:800 1.7em/0 Arial; vertical-align:middle; color:rgba(255,255,255,.5); width:1.1em; height:1.1em; padding:0; border-radius:50%; background:rgba(0,0,0,.2); cursor:pointer; transition:.15s ease-out; }
-	#pbCaption .rotateBtn.show{ display:block; float:right; }
-	#pbCaption .rotateBtn:hover{ color:rgba(255,255,255,.7); }
-	#pbCaption .rotateBtn:active{ color:white; background:rgba(0,0,0,.4); }
-
-.mobile #pbCaption label{ display:none; z-index:-1; color:red; }
-.mobile .pbCaptionText{ padding:0; }
-
-/* hide thumbnails */
-#pbThumbsToggler:checked ~ #pbCaption .pbThumbs{ margin:0; }
-#pbThumbsToggler:checked ~ #pbCaption label:after{ transform:rotate(90deg) }
-#pbThumbsToggler:checked ~ .pbWrapper{ margin-top:-50px; padding:50px 0; }
-
-.pbThumbs{ display:none; transition:.35s; -webkit-overflow-scrolling:touch; }
-.thumbs .pbThumbs{ display:block; width:100%; padding:5px 0 2px; margin-bottom:-100px; overflow:hidden; }
-.mobile .pbThumbs{ overflow:auto; }
-.pbThumbs:hover{ clear:both; }
-	.pbThumbs ul{ display:inline-block; position:relative; list-style:none; height:80px; padding:0 5px; margin:0; white-space:pre; transition:.2s; }
-	.pbThumbs ul:after{ vertical-align:bottom; }
-		.pbThumbs li{ display:inline-block; vertical-align:bottom; height:70%; opacity:.6; text-align:center; position:relative; transition:.15s; }
-		.pbThumbs li.active{ height:100%; opacity:1; }
-		.pbThumbs li:hover{ height:100%; opacity:1; }
-		.pbThumbs li.video::before{ content:'\25BA'; color:#FFF; font-size:20px; height:20px; width:20px; line-height:.9; position:absolute; bottom:4px; left:7px; background:rgba(0,0,0,.4); box-shadow:0 0 0 3px rgba(0,0,0,.4); border-radius:0 3px 0 0; pointer-events:none; }
-			.pbThumbs a{ height:100%; padding:0 2px; display:block; -moz-user-select:none; }
-			.pbThumbs li:hover a{  }
-				.pbThumbs img{ height:96%; min-height:95.9%; border:2px solid #FFF; max-width:none; border-radius:0; transition:.15s; }
-				.pbThumbs li:hover img{ min-height:96%; } /* fix a bug in Chrome and Opera */
-				.pbThumbs li.fast a img{ transition:none; }
-				.pbThumbs li.active a img{ border-color:#D8FF16; min-height:96%; }
-
-#pbOverlay .prevNext{ display:none; background:rgba(0,0,0,0); position:absolute; z-index:10; height:100%; width:35%; padding:80px 0; opacity:0; box-sizing:border-box; -moz-box-sizing:border-box; top:0; transition:.2s ease-out; text-shadow:0 0 12px #000, 0 0 10px #FFF; user-select:none; filter:alpha(opacity=0); cursor:pointer; }
-#pbOverlay.hasArrows .prevNext{ display:block; }
-#pbOverlay .prevNext.pbHide{ display:none; }
-#pbOverlay.on .prevNext:hover{ opacity:.5; filter:alpha(opacity=50); }
-#pbOverlay.on .prevNext:hover:active{ transition:80ms; opacity:1; filter:alpha(opacity=100); text-shadow:0 0 16px #FFF, 0 0 10px #000; }
-	.prevNext b{ display:inline-block; vertical-align:middle; transition:.2s ease-in; }
-	.prevNext:hover b{ transition:.2s cubic-bezier(.095, .870, .485, .985); }
-	#pbPrevBtn b{ transform:scale(.4) translateX(350px); -webkit-transform:scale(.4) translateX(350px); }
-	#pbNextBtn b{ transform:scale(.4) translateX(-350px); -webkit-transform:scale(.4) translateX(-350px); }
-	/* */
-	#pbPrevBtn b:before,
-	#pbNextBtn b:after{ display:inline; line-height:.3; font-size:18em; font-weight:normal; color:#FFF; font-family:Arial; }
-
-	#pbPrevBtn b:before{ content:'\2039'; }
-	#pbNextBtn b:after{ content:'\203A'; }
-	/* */
-	.on #pbPrevBtn:hover b{ transform:scale(1) translateX(20px); -webkit-transform:scale(1) translateX(20px); }
-	.on #pbNextBtn:hover b{ transform:scale(1) translateX(-20px); -webkit-transform:scale(1) translateX(-20px); }
-
-.show #pbPrevBtn, #pbOverlay.show #pbNextBtn{  }
-.show #pbPrevBtn{ left:0; text-align:left; }
-.show #pbNextBtn{ right:0; text-align:right; }
-
-/*------- media queries (for small screens) -----------*/
-@media all and (max-width:700px){
-	.pbWrapper img,
-	.pbHide .pbWrapper img.prepare{ max-height:100%; }
-
-	.thumbs .pbWrapper{ padding:0; margin:0; }
-	.pbThumbs{ margin-bottom:-60px; }
-	.pbThumbs.show{ margin:0; }
-
-	.pbThumbs ul{ height:50px; }
-		.pbThumbs li{ height:100%; opacity:1; }
-		.pbThumbs li img{ min-height:96.5%; }
-}
-/* fix for Chrome */
-@media all and (max-width:710px){
-	.pbThumbs li.active a img{ min-height:96%; }
-}
-
diff --git a/brutaldon/static/css/photobox.ie.css b/brutaldon/static/css/photobox.ie.css
deleted file mode 100644
index 459a929..0000000
--- a/brutaldon/static/css/photobox.ie.css
+++ /dev/null
@@ -1,8 +0,0 @@
-#pbOverlay{ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6000000', endColorstr='#e6000000'); }
-
-#pbOverlay .prevNext{ filter:alpha(opacity=0); }
-#pbOverlay.on .prevNext:hover{ filter:alpha(opacity=60); }
-#pbOverlay.on .prevNext:active{ filter:alpha(opacity=100); }
-
-#pbPrevBtn b:before{ content:'‹'; }
-#pbNextBtn b:after{ content:'›'; }
\ No newline at end of file
diff --git a/brutaldon/static/js/jquery.p2r.min.js b/brutaldon/static/js/jquery.p2r.min.js
deleted file mode 100644
index 143430f..0000000
--- a/brutaldon/static/js/jquery.p2r.min.js
+++ /dev/null
@@ -1 +0,0 @@
-+function(t,e){"use strict";var o=function(e,o){this.$element=t(e),this.options=t.extend({},self.DEFAULTS,o),this.$scroll=t(o.scroll),this.flags={prevented:!1,moving:!1,touched:!1,isTouch:!1,refreshed:!1},this.positions={startY:0,startX:0,currentY:0,currentX:0,lastStep:0}};o.key="pulltorefresh",o.DEFAULTS={orientation:"down",sensibility:5,refresh:200,lockRefresh:!1,resetRefresh:!0,autoInit:!0,resetSpeed:"100ms",simulateTouch:!0,threshold:20,scroll:e},o.namespace=function(t){return[t,o.key].join(".")},o.support={touch:window.Modernizr&&Modernizr.touch===!0||function(){return!!("ontouchstart"in window||window.DocumentTouch&&e instanceof DocumentTouch)}()},o.events=function(){if(o.support.touch)return{start:o.namespace("touchstart"),move:o.namespace("touchmove"),end:o.namespace("touchend")};var t={start:o.namespace("mousedown"),move:o.namespace("mousemove"),end:o.namespace("mouseup")};return window.navigator.msPointerEnabled&&(t={start:o.namespace("MSPointerDown"),move:o.namespace("MSPointerMove"),end:o.namespace("MSPointerUp")}),window.navigator.pointerEnabled&&(t={start:o.namespace("pointerdown"),move:o.namespace("pointermove"),end:o.namespace("pointerup")}),t}(),o.prototype.construct=function(){var n=this;n.$element.on(o.events.start,n.proxy(n.onTouchStart,n)).on(o.events.move,n.proxy(n.onTouchMove,n)).on(o.events.end,n.proxy(n.onTouchEnd,n)),n.options.simulateTouch&&(n.$element.on(o.namespace("mousedown"),n.proxy(n.onTouchStart,n)),t(e).on(o.namespace("mousemove"),n.$element,n.proxy(n.onTouchMove,n)).on(o.namespace("mouseup"),n.$element,n.proxy(n.onTouchEnd,n)))},o.prototype.destroy=function(){this.remove_transition(this.$element[0].style),this.remove_transform(this.$element[0].style),t(e).off(o.namespace("")),this.$element.off(o.namespace("")),this.$element.removeData("pulltorefresh")},o.prototype.proxy=function(){var e=!!Function.prototype.bind;return e?function(t,e){return t.bind(e)}:t.proxy?t.proxy:function(t,e){var o,n,s;return"string"==typeof e&&(o=t[e],e=t,t=o),"function"!=typeof t?(n=Array.prototype.slice.call(arguments,2),s=function(){return t.apply(e||this,n.concat(slice.call(arguments)))},s.guid=t.guid=t.guid||jQuery.guid++,s):void 0}}(),o.prototype.transform=function(t,e){t.webkitTransform="translate(0, "+e+"px) translateZ(0)",t.msTransform=t.MsTransform=t.MozTransform=t.OTransform=t.transform="translateY("+e+"px)"},o.prototype.transition=function(t,e){t.webkitTransitionDuration=t.MozTransitionDuration=t.msTransitionDuration=t.OTransitionDuration=t.transitionDuration=e},o.prototype.remove_transition=function(t){t.webkitTransitionDuration=t.MozTransitionDuration=t.msTransitionDuration=t.OTransitionDuration=t.transitionDuration=null},o.prototype.remove_transform=function(t){t.webkitTransform=t.msTransform=t.MsTransform=t.MozTransform=t.OTransform=t.transform=null},o.prototype.getAxis=function(t,e){return{x:e?(t.targetTouches||t.originalEvent.targetTouches)[0].pageX:t.pageX||t.clientX,y:e?(t.targetTouches||t.originalEvent.targetTouches)[0].pageY:t.pageY||t.clientY}},o.prototype.onTouchStart=function(t){var e="touchstart"===t.type,n=this.getAxis(t,e);return this.$scroll.scrollTop()>0?!0:void((e||1===t.which)&&(this.flags.touched=!0,this.flags.refreshed=!1,this.flags.isTouch=e,this.positions.startY=n.y,this.positions.startX=n.x,this.positions.currentY=n.y,this.positions.currentX=n.x,this.$element.trigger(o.namespace("start"),[n.y]),this.transition(this.$element[0].style,"0ms")))},o.prototype.onTouchMove=function(e){var n,s,r,i,a="touchmove"===e.type;if(this.flags.touched&&(!this.flags.isTouch||"mousemove"!==e.type)){if(!this.flags.prevented&&e.target&&(e.target.click||e.target.onclick)&&(t(e.target).off("click"),setTimeout(function(){t(e.target).on("click")},0),this.flags.prevented=!0),i=this.getAxis(e,a),this.positions.currentY=i.y,this.positions.currentX=i.x,n=i.y-this.positions.startY,Math.abs(i.x-this.positions.startX)>this.options.threshold)return void this.reset();if(!(0>n&&"down"==this.options.orientation||n>=0&&"up"==this.options.orientation))return(0>n?-1*n:n)>=this.options.refresh&&!this.flags.refreshed&&(this.$element.trigger(o.namespace("refresh"),[i.y]),this.flags.refreshed=!0,this.options.resetRefresh)?void this.reset():void(this.flags.refreshed&&this.options.lockRefresh||(s=parseInt(n/this.options.sensibility,10),this.positions.lastStep!=s&&(r=parseInt(100*n/this.options.refresh,10),this.$element.trigger(o.namespace("move"),r),this.positions.lastStep=s),this.transform(this.$element[0].style,n),e.stopPropagation(),e.preventDefault()))}},o.prototype.reset=function(){this.transition(this.$element[0].style,this.options.resetSpeed),this.transform(this.$element[0].style,0),this.flags.touched=!1,this.flags.isTouch=!1,this.flags.refreshed=!1,this.positions.startY=!1},o.prototype.onTouchEnd=function(t){if(this.flags.touched){this.flags.prevented=!1;var e=this.positions.currentY-this.positions.startY;e>20?(console.log("onTouchEnd detected dragging. Reset."),this.positions.startY=0,this.positions.startX=0,this.reset(),this.$element.trigger(o.namespace("end")),t.stopPropagation(),t.preventDefault()):console.log("onTouchEnd detected no dragging. Allow click.")}};var n=t.fn.pullToRefresh;t.fn.pullToRefresh=function(e){return this.each(function(){var n=t(this),s=n.data(o.key),r=t.extend({},o.DEFAULTS,n.data(),"object"==typeof e&&e);return s||"destroy"!=e?(s||(n.data(o.key,s=new o(this,r)),r.autoInit&&s.construct()),void("string"==typeof e&&s[e].apply(s))):o.destroy()})},t.fn.pullToRefresh.Constructor=o,t.fn.pullToRefresh.noConflict=function(){return t.fn.pullToRefresh=n,this}}(window.jQuery||window.Zepto,document);
\ No newline at end of file
diff --git a/brutaldon/static/js/jquery.photobox.js b/brutaldon/static/js/jquery.photobox.js
deleted file mode 100644
index 301c8d9..0000000
--- a/brutaldon/static/js/jquery.photobox.js
+++ /dev/null
@@ -1,1132 +0,0 @@
-/*!
-    photobox v1.9.2
-    (c) 2012 Yair Even Or
-    LICENSE: GNU AGPLv3
-*/
-
-
-;(function($, doc, win){
-    "use strict";
-
-    var Photobox, photobox, options, images=[], imageLinks, activeImage = -1, activeURL, lastActive, activeType, prevImage, nextImage, thumbsStripe, docElm, APControl, changeImage,
-        $doc = $(doc),
-        $win = $(win),
-        isOldIE = !('placeholder' in doc.createElement('input')),
-        noPointerEvents = (function(){ var el = $('<p>')[0]; el.style.cssText = 'pointer-events:auto'; return !el.style.pointerEvents})(),
-        isTouchDevice = false, // assume "false" unless there's a touch
-        thumbsContainerWidth, thumbsTotalWidth, activeThumb = $(),
-        blankImg = "data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==",
-        transformOrigin = getPrefixed('transformOrigin'),
-        transition = getPrefixed('transition'),
-        transitionend = "transitionend webkitTransitionEnd oTransitionEnd otransitionend",
-          // Normalize rAF
-        raf = window.requestAnimationFrame
-           || window.webkitRequestAnimationFrame
-           || window.mozRequestAnimationFrame
-           || window.msRequestAnimationFrame
-           || function(cb) { return window.setTimeout(cb, 1000 / 60); },
-
-        // Preload images
-        preload = {}, preloadPrev = new Image(), preloadNext = new Image(),
-        // DOM elements
-        closeBtn, image, video, prevBtn, nextBtn, thumbsToggler, caption, captionText, pbLoader, autoplayBtn, thumbs, wrapper,
-
-        defaults = {
-            single        : false,        // if "true" - gallery will only show a single image, with no way to navigate
-            beforeShow    : null,         // Callback before showing an image
-            afterClose    : null,         // Callback after closing the gallery
-            loop          : true,         // Allows to navigate between first and last images
-            thumb         : null,         // A relative path from the link to the thumbnail (if it's not inside the link)
-            thumbs        : true,         // Show gallery thumbnails below the presented photo
-            thumbAttr     : 'data-src',   // Attribute to get the image for the thumbnail from
-            captionTmpl   : '<div class="title">{title}</div><div class="counter">({currentImageIdx}/{totalImagesCount})</div>',
-            autoplay      : false,        // should autoplay on first time or not
-            time          : 3000,         // autoplay interval, in miliseconds (less than 1000 will hide the autoplay button)
-            history       : false,        // should use history hashing if possible (HTML5 API)
-            hideFlash     : true,         // Hides flash elements on the page when photobox is activated. NOTE: flash elements must have wmode parameter set to "opaque" or "transparent" if this is set to false
-            zoomable      : true,         // disable/enable mousewheel image zooming
-            rotatable     : true,         // allow rotation of the image
-            wheelNextPrev : true,         // change image using mousewheel left/right
-            keys          : {
-                close : [27, 88, 67],    // keycodes to close photobox, default: esc (27), 'x' (88), 'c' (67)
-                prev  : [37, 80],        // keycodes to navigate to the previous image, default: Left arrow (37), 'p' (80)
-                next  : [39, 78]         // keycodes to navigate to the next image, default: Right arrow (39), 'n' (78)
-            }
-        },
-
-
-        // DOM structure
-        overlay = $('<div id="pbOverlay">').append(
-                        thumbsToggler = $('<input type="checkbox" id="pbThumbsToggler" checked hidden>'),
-                        pbLoader = $('<div class="pbLoader"><b></b><b></b><b></b></div>'),
-                        prevBtn = $('<div id="pbPrevBtn" class="prevNext"><b></b></div>').on('click', next_prev),
-                        nextBtn = $('<div id="pbNextBtn" class="prevNext"><b></b></div>').on('click', next_prev),
-                        wrapper = $('<div class="pbWrapper">').append(  // gives Perspective
-                            image = $('<img>'),
-                            video = $('<div class="pbVideo">')
-                        ),
-                        closeBtn = $('<div id="pbCloseBtn">').on('click', close)[0],
-                        autoplayBtn = $('<div id="pbAutoplayBtn">').append(
-                            $('<div class="pbProgress">')
-                        ),
-                        caption = $('<div id="pbCaption">').append(
-                            '<label for="pbThumbsToggler" title="Show/hide thumbnails"></label>',
-                            '<button title="Rotate right" class="rotateBtn">&#10227;</button>',
-                            captionText = $('<div class="pbCaptionText">'),
-                            thumbs = $('<div>').addClass('pbThumbs')
-                        )
-                    );
-
-    ///////////////////////////////////////////////
-    // Should remove this and use underscore/lodash if possible
-
-    function throttle(callback, duration){
-        var wait = false;
-        return function(){
-            if( !wait ){
-                callback.call();
-                wait = true;
-                setTimeout(function(){wait = false; }, duration);
-            }
-        }
-    }
-
-    ///////////////////////////////////////////////
-    // Initialization (on DOM ready)
-
-    function prepareDOM( force ){
-        // do not procceed if already called, unless forced to
-        if( document.body.contains(overlay[0]) && !force )
-            return;
-
-        noPointerEvents && overlay.hide();
-
-        $doc.on('touchstart.testMouse', function(){
-            $doc.off('touchstart.testMouse');
-            isTouchDevice = true;
-            overlay.addClass('mobile');
-        });
-
-        autoplayBtn.off().on('click', APControl.toggle);
-        // attach a delegated event on the thumbs container
-        thumbs.off().on('click', 'a', thumbsStripe.click);
-        // if useragent is IE < 10 (user deserves a slap on the face, but I gotta support them still...)
-        isOldIE && overlay.addClass('msie');
-
-        // cancel prorogation up to the overlay container so it won't close
-        overlay.off().on('click', 'img', function(e){
-            e.stopPropagation();
-        });
-
-        $(doc.body).append(overlay);
-
-        // need this for later:
-        docElm = doc.documentElement;
-    }
-
-    // @param [List of elements to work on, Custom settings, Callback after image is loaded]
-    $.fn.photobox = function(target, settings, callback){
-        prepareDOM();
-
-        return this.each(function(){
-            var PB_data = $(this).data('_photobox');
-
-            if( PB_data ){ // don't initiate the plugin more than once on the same element
-                if( target === 'destroy')
-                    PB_data.destroy();
-
-                return this;
-            }
-
-            if( typeof target != 'string' )
-                target = 'a';
-
-            if( target === 'prepareDOM' ){
-                prepareDOM( true );
-                return this;
-            }
-
-            // merge the user settings with the default settings object
-            settings = $.extend({}, defaults, settings || {});
-
-            // create an instance og Photobox
-            photobox = new Photobox(settings, this, target);
-
-            // Saves the insance on the gallery's target element
-            $(this).data('_photobox', photobox);
-
-            // add a callback to the specific gallery
-            photobox.callback = callback;
-        });
-    }
-
-    Photobox = function(_options, object, target){
-        this.options = $.extend({}, _options);
-        this.target = target;
-        this.selector = $(object || doc);
-
-        this.thumbsList = null;
-        // filter the links which actually HAS an image as a child
-        var filtered = this.imageLinksFilter( this.selector.find(target) );
-
-        this.imageLinks = filtered[0];  // Array of jQuery links
-        this.images = filtered[1];      // 2D Array of image URL & title
-        this.init();
-    };
-
-    Photobox.prototype = {
-        init : function(){
-            // Cache DOM elements for this instance
-            this.DOM = this.DOM();
-
-            this.DOM.rotateBtn.toggleClass('show', this.options.rotatable);
-
-            // if any node was added or removed from the Selector of the gallery
-            this.observerTimeout = null;
-            this.events.binding.call(this);
-        },
-
-        // happens only once
-        DOM : function(){
-            var DOM = {}
-
-            DOM.scope     = overlay;
-            DOM.rotateBtn = DOM.scope.find('.rotateBtn');
-
-            return DOM;
-        },
-
-        //check if DOM nodes were added or removed, to re-build the imageLinks and thumbnails
-        observeDOM : (function(){
-            var MutationObserver = win.MutationObserver || win.WebKitMutationObserver,
-                eventListenerSupported = win.addEventListener;
-
-            return function(obj, callback){
-                if( MutationObserver ){
-                    var that = this,
-                        // define a new observer
-                        obs = new MutationObserver(function(mutations, observer){
-                            if( mutations[0].addedNodes.length || mutations[0].removedNodes.length )
-                                callback(that);
-                        });
-                    // have the observer observe for changes in children
-                    obs.observe( obj, { childList:true, subtree:true });
-                }
-                else if( eventListenerSupported ){
-                    obj.addEventListener('DOMNodeInserted', $.proxy( callback, that ), false);
-                    obj.addEventListener('DOMNodeRemoved', $.proxy( callback, that ), false);
-                }
-            }
-        })(),
-
-        open : function(link){
-            var startImage = $.inArray(link, this.imageLinks);
-            // if image link does not exist in the imageLinks array (probably means it's not a valid part of the gallery)
-            if( startImage == -1 )
-                return false;
-
-            // load the right gallery selector...
-            options = this.options;
-            images = this.images;
-            imageLinks = this.imageLinks;
-
-            photobox = this;
-            this.setup(1);
-
-            overlay.on(transitionend, function(){
-                overlay.off(transitionend).addClass('on'); // class 'on' is set when the initial fade-in of the overlay is done
-                changeImage(startImage, true);
-            }).addClass('show');
-
-            if( isOldIE )
-                overlay.trigger('MSTransitionEnd');
-
-            return false;
-        },
-
-        imageLinksFilter : function(linksObj){
-            var that = this,
-                images = [],
-                caption = {},
-                captionlink;
-
-            function linksObjFiler(i){
-                // search for the thumb inside the link, if not found then see if there's a 'that.settings.thumb' pointer to the thumbnail
-                var link = $(this),
-                    thumbImg,
-                    thumbSrc = '';
-
-                caption.content = link[0].getAttribute('title') || '';
-
-                if( that.options.thumb )
-                    thumbImg = link.find(that.options.thumb)[0];
-
-                // try a direct child lookup
-                if( !that.options.thumb || !thumbImg )
-                    thumbImg = link.find('img')[0];
-
-                // if no img child found in the link
-                if( thumbImg ){
-                    captionlink = thumbImg.getAttribute('data-pb-captionlink');
-                    thumbSrc = thumbImg.getAttribute(that.options.thumbAttr) || thumbImg.getAttribute('src');
-                    caption.content = ( thumbImg.getAttribute('alt') || thumbImg.getAttribute('title') || '');
-                }
-
-
-                // if there is a caption link to be added:
-                if( captionlink ){
-                    captionlink = captionlink.split('[');
-                    // parse complex links: text[www.site.com]
-                    if( captionlink.length == 2 ){
-                        caption.linkText = captionlink[0];
-                        caption.linkHref = captionlink[1].slice(0,-1);
-                    }
-                    else{
-                        caption.linkText = captionlink;
-                        caption.linkHref = captionlink;
-                    }
-                    caption.content += ' <a href="'+ caption.linkHref +'">' + caption.linkText + '</a>';
-                }
-
-                images.push( [link[0].href, caption.content, thumbSrc] );
-
-                return true;
-            }
-
-            return [linksObj.filter(linksObjFiler), images];
-        },
-
-        // things that should happen every time the gallery opens or closes (some messed up code below..)
-        setup : function (open){
-            var fn = open ? "on" : "off";
-
-            // thumbs stuff
-            if( options.thumbs ){
-                if( !isTouchDevice ){
-                    thumbs[fn]('mouseenter.photobox', thumbsStripe.calc)
-                          [fn]('mousemove.photobox', thumbsStripe.move);
-                }
-            }
-
-            if( open ){
-                image.css({'transition':'0s'}).removeAttr('style'); // reset any transition that might be on the element (yes it's ugly)
-                overlay.show();
-                // Clean up if another gallery was viewed before, which had a thumbsList
-                thumbs
-                    .html( this.thumbsList )
-                    .trigger('mouseenter.photobox');
-
-                if( options.thumbs ){
-                    overlay.addClass('thumbs');
-                }
-                else{
-                    thumbsToggler.prop('checked', false);
-                    overlay.removeClass('thumbs');
-                }
-
-                // things to hide if there are less than 2 images
-                if( this.images.length < 2 ||  options.single )
-                    overlay.removeClass('thumbs hasArrows hasCounter hasAutoplay');
-                else{
-                    overlay.addClass('hasArrows hasCounter')
-
-                    // check is the autoplay button should be visible (per gallery) and if so, should it autoplay or not.
-                    if( options.time > 1000 ){
-                        overlay.addClass('hasAutoplay');
-                        if( options.autoplay )
-                            APControl.progress.start();
-                        else
-                            APControl.pause();
-                    }
-                    else
-                        overlay.removeClass('hasAutoplay');
-                }
-
-                options.hideFlash && $('iframe, object, embed').css('visibility', 'hidden');
-
-            } else {
-                $win.off('resize.photobox');
-            }
-
-            $doc.off("keydown.photobox")[fn]({ "keydown.photobox": keyDown });
-
-            if( isTouchDevice ){
-                overlay.removeClass('hasArrows'); // no need for Arrows on touch-enabled
-                wrapper[fn]('swipe', onSwipe);
-            }
-
-            if( options.zoomable ){
-                overlay[fn]({"mousewheel.photobox": $.proxy(this.events.callbacks.onScrollZoom, this) });
-                if( !isOldIE) thumbs[fn]({"mousewheel.photobox": thumbsResize });
-            }
-
-            if( !options.single && options.wheelNextPrev ){
-                overlay[fn]({"mousewheel.photobox": throttle(wheelNextPrev,1000) });
-            }
-        },
-
-        destroy : function(){
-            options = this.options;
-            this.selector
-                .off('click.photobox', this.target)
-                .removeData('_photobox');
-
-            close();
-        },
-
-        events : {
-            binding : function(){
-                var that = this;
-
-                // only generates the thumbStripe once, and listen for any DOM changes on the selector element, if so, re-generate
-                // This is done on "mouseenter" so images will not get called unless it's liekly that they would be needed
-                this.selector.one('mouseenter.photobox', this.target, function(e){
-                    that.thumbsList = thumbsStripe.generate.apply(that);
-                });
-
-                this.selector.on('click.photobox', this.target, function(e){
-                    e.preventDefault();
-                    that.open(this);
-                });
-
-                if( !isOldIE && this.selector[0].nodeType == 1 ) // observe normal nodes
-                    this.observeDOM( this.selector[0], $.proxy( this.events.callbacks.onDOMchanges, this ));
-
-                this.DOM.rotateBtn.on('click', this.events.callbacks.onRotateBtnClick);
-            },
-
-            callbacks : {
-                onDOMchanges : function(){
-                    var that = this;
-                     // use a timeout to prevent more than one DOM change event firing at once, and also to overcome the fact that IE's DOMNodeRemoved is fired BEFORE elements were actually removed
-                    clearTimeout(this.observerTimeout);
-                    that.observerTimeout = setTimeout( function(){
-                        var filtered = that.imageLinksFilter( that.selector.find(that.target) ),
-                            activeIndex = 0,
-                            isActiveUrl = false,
-                            i;
-
-                        // Make sure that ONLY DOM changes in the photobox number of items will trigger a change
-                        if(that.imageLinks.length == filtered[0].length)
-                            return;
-
-                        that.imageLinks = filtered[0];
-                        that.images = filtered[1];
-
-                        // if photobox is opened
-                        if( photobox ){
-                            // if gallery which was changed is the currently viewed one:
-                            if( that.selector == photobox.selector ){
-                                images = that.images;
-                                imageLinks = that.imageLinks;
-                                // check if the currently VIEWED photo has been detached from a photobox set
-                                // if so, remove navigation arrows
-                                // TODO: fix the "images" to be an object and not an array.
-                                for( i = images.length; i--; ){
-                                    if( images[i][0] == activeURL )
-                                        isActiveUrl = true;
-                                    // if not exits any more
-                                }
-                               // if( isActiveUrl ){
-                               //     overlay.removeClass('hasArrows');
-                               // }
-                            }
-                        }
-
-                        // if this gallery has thumbs
-                        //if( that.options.thumbs ){
-                            that.thumbsList = thumbsStripe.generate.apply(that);
-                            thumbs.html( that.thumbsList );
-                        //}
-
-                        if( that.images.length && activeURL && that.options.thumbs ){
-                            activeIndex = that.thumbsList.find('a[href="'+activeURL+'"]').eq(0).parent().index();
-
-                            if( activeIndex == -1 )
-                                activeIndex = 0;
-
-                            // updateIndexes(activeIndex);
-                            thumbsStripe.changeActive(activeIndex, 0);
-                        }
-                    }, 50);
-                },
-
-                onRotateBtnClick : function(){
-                    var rotation = image.data('rotation') || 0, // in "deg"
-                        imgScale = image.data('zoom') || 1
-
-                    rotation += 90;
-
-                    image.removeClass('zoomable').addClass('rotating');
-
-                    image.css('transform', 'rotate('+ rotation +'deg) scale('+ imgScale + ')')
-                        .data('rotation', rotation)
-                        .on(transitionend, function(){
-                            image.addClass('zoomable').removeClass('rotating');
-                        });
-                    },
-
-                onScrollZoom : function(e, deltaY, deltaX){
-                    if( deltaX ) return false;
-
-                    var that = this;
-
-                    if( activeType == 'video' ){
-                        var zoomLevel = video.data('zoom') || 1;
-                        zoomLevel += (deltaY / 10);
-                        if( zoomLevel < 0.5 )
-                            return false;
-
-                        video.data('zoom', zoomLevel).css({width:624*zoomLevel, height:351*zoomLevel});
-                    }
-                    else{
-                        raf(function() {
-                            var zoomLevel = image.data('zoom') || 1,
-                                rotation  = image.data('rotation') || 0,
-                                position  = image.data('position') || '50% 50%',
-                                boundingClientRect = image[0].getBoundingClientRect(),
-                                value;
-
-                            zoomLevel += (deltaY / 10);
-
-                            if( zoomLevel < 0.1 )
-                                zoomLevel = 0.1;
-
-                            image.data('zoom', zoomLevel);
-
-                            value = 'scale('+ zoomLevel +') rotate('+ rotation +'deg)';
-
-                            // if the image was zoomed and now is larger than the window size, allow mouse movemenet reposition
-                            if( boundingClientRect.height > docElm.clientHeight || boundingClientRect.width > docElm.clientWidth ){
-                                $doc.on('mousemove.photobox', that.events.callbacks.onMouseMoveimageReposition);
-                                value += ' translate('+ position +')';
-                            }
-                            else{
-                                $doc.off('mousemove.photobox');
-                               // image[0].style[transformOrigin] = '50% 50%';
-                            }
-
-                            image.css({ 'transform':value });
-                        });
-                    }
-                    return false;
-                },
-
-                // moves the image around during zoom mode on mousemove event
-                onMouseMoveimageReposition : function(e){
-                    raf(function() {
-                        var //y = (e.clientY / docElm.clientHeight) * (docElm.clientHeight + 200) - 100, // extend the range of the Y axis by 100 each side
-                            sensitivity = 1.5, // 1 = same as mouse more, and higher value is less sensitive to mouse move
-                            yDelta = (e.clientY / docElm.clientHeight * 100 - 50) / sensitivity, // subtract 50 because the real center is at "0%"
-                            xDelta = (e.clientX / docElm.clientWidth * 100 - 50) / sensitivity, // subtract 50 because the real center is at "0%"
-                            position,
-                            rotationAngel = image.data('rotation') || 0,
-                            rotation = (rotationAngel/90)%4 || 0,
-                            imgScale = image.data('zoom') || 1;
-
-                        if( rotation == 1 || rotation == 3 )
-                            position = yDelta.toFixed(2)+'%, ' + -xDelta.toFixed(2) +'%';
-                        else
-                            position = xDelta.toFixed(2)+'%, ' + yDelta.toFixed(2) +'%';
-
-                        image.data('position', position);
-
-                        // image[0].style[transformOrigin] = origin;
-                        image[0].style.transform = 'rotate('+ rotationAngel +'deg) scale('+ imgScale + ') translate(' + position + ')';
-                    });
-                }
-            }
-        }
-    }
-
-    // on touch-devices only
-    function onSwipe(e, Dx, Dy){
-        var changeToImage,
-            styles = {
-                transform  : 'translateX(25%)',
-                transition : '.2s',
-                opacity    : 0
-            }
-
-        // X-axis swipe
-        if( Dx == 1 ){
-            changeToImage = prevImage;
-        }
-        else if( Dx == -1 ){
-            styles.transform = 'translateX(-25%)';
-            changeToImage = nextImage;
-        }
-
-        if( changeToImage ){
-            image.css(styles);
-            setTimeout(function(){ changeImage(changeToImage) }, 200);
-        }
-
-        // Y-axis swipe
-        thumbsToggler.prop('checked', Dy == 1 );
-    }
-
-    // manage the (bottom) thumbs strip
-    thumbsStripe = (function(){
-        var containerWidth = 0,
-            scrollWidth    = 0,
-            posFromLeft    = 0,    // Stripe position from the left of the screen
-            stripePos      = 0,    // When relative mouse position inside the thumbs stripe
-            animated       = null,
-            padding,                 // in percentage to the containerWidth
-            el, $el, ratio, scrollPos, pos;
-
-        return{
-            // returns a <ul> element which is populated with all the gallery links and thumbs
-            generate : function(){
-                var thumbsList = $('<ul>'),
-                    elements   = [],
-                    len        = this.imageLinks.length,
-                    title, thumbSrc, link, type, i;
-
-                for( i = 0; i < len; i++ ){
-                    link = this.imageLinks[i];
-
-                    thumbSrc = this.images[i][2];
-                    // continue if has thumb
-                    if( !thumbSrc )
-                        continue;
-
-                    title = this.images[i][1];
-                    type = link.rel ? " class='" + link.rel +"'" : '';
-                    elements.push('<li'+ type +'><a href="'+ link.href +'"><img src="'+ thumbSrc +'" alt="" title="'+ title +'" /></a></li>');
-                };
-                thumbsList.html( elements.join('') );
-                return thumbsList;
-            },
-
-            click : function(e){
-                e.preventDefault();
-
-                activeThumb.removeClass('active');
-                activeThumb = $(this).parent().addClass('active');
-
-                var imageIndex = $(this.parentNode).index();
-                return changeImage(imageIndex, 0, 1);
-            },
-
-            changeActiveTimeout : null,
-            /** Highlights the thumb which represents the photo and centres the thumbs viewer on it.
-            **  @thumbClick - if a user clicked on a thumbnail, don't center on it
-            */
-            changeActive : function(index, delay, thumbClick){
-                if( !options.thumbs )
-                    return;
-
-                var lastIndex = activeThumb.index();
-                activeThumb.removeClass('active');
-                activeThumb = thumbs.find('li').eq(index).addClass('active');
-
-                if( thumbClick || !activeThumb[0] ) return;
-                // set the scrollLeft position of the thumbs list to show the active thumb
-                clearTimeout(this.changeActiveTimeout);
-                // give the images time to to settle on their new sizes (because of css transition) and then calculate the center...
-                this.changeActiveTimeout = setTimeout(
-                    function(){
-                        var pos = activeThumb[0].offsetLeft + activeThumb[0].clientWidth/2 - docElm.clientWidth/2;
-                        delay ? thumbs.delay(800) : thumbs.stop();
-                        thumbs.animate({scrollLeft: pos}, 500, 'swing');
-                    }, 200);
-            },
-
-            // calculate the thumbs container width, if the window has been resized
-            calc : function(e){
-                el = thumbs[0];
-
-                containerWidth       = el.clientWidth;
-                scrollWidth          = el.scrollWidth;
-                padding              = 0.15 * containerWidth;
-
-                posFromLeft          = thumbs.offset().left;
-                stripePos            = e.pageX - padding - posFromLeft;
-                pos                  = stripePos / (containerWidth - padding*2);
-                scrollPos            = (scrollWidth - containerWidth ) * pos;
-
-                thumbs.animate({scrollLeft:scrollPos}, 200);
-
-                clearTimeout(animated);
-                animated = setTimeout(function(){
-                    animated = null;
-                }, 200);
-
-                return this;
-            },
-
-            // move the stripe left or right according to mouse position
-            move : function(e){
-                // don't move anything until initial movement on 'mouseenter' has finished
-                if( animated ) return;
-
-                var ratio     = scrollWidth / containerWidth,
-                    stripePos = e.pageX - padding - posFromLeft, // the mouse X position, "normalized" to the carousel position
-                    pos, scrollPos;
-
-                if( stripePos < 0) stripePos = 0; //
-
-                pos = stripePos / (containerWidth - padding*2); // calculated position between 0 to 1
-                // calculate the percentage of the mouse position within the carousel
-                scrollPos = (scrollWidth - containerWidth ) * pos;
-
-                raf(function(){
-                    el.scrollLeft = scrollPos;
-                });
-            }
-        }
-    })();
-
-    // Autoplay controller
-    APControl = {
-        autoPlayTimer : false,
-        play : function(){
-            APControl.autoPlayTimer = setTimeout(function(){ changeImage(nextImage) }, options.time);
-            APControl.progress.start();
-            autoplayBtn.removeClass('play');
-            APControl.setTitle('Click to stop autoplay');
-            options.autoplay = true;
-        },
-        pause : function(){
-            clearTimeout(APControl.autoPlayTimer);
-            APControl.progress.reset();
-            autoplayBtn.addClass('play');
-            APControl.setTitle('Click to resume autoplay');
-            options.autoplay = false;
-        },
-        progress : {
-            reset : function(){
-                autoplayBtn.find('div').removeAttr('style');
-                setTimeout(function(){ autoplayBtn.removeClass('playing') },200);
-            },
-            start : function(){
-                if( !isOldIE)
-                    autoplayBtn.find('div').css(transition, options.time+'ms');
-                autoplayBtn.addClass('playing');
-            }
-        },
-        // sets the button Title property
-        setTitle : function(text){
-            if(text)
-                autoplayBtn.prop('title', text + ' (every ' + options.time/1000 + ' seconds)' );
-        },
-        // the button onClick handler
-        toggle : function(e){
-            e.stopPropagation();
-            APControl[ options.autoplay ? 'pause' : 'play']();
-        }
-    }
-
-    function getPrefixed(prop){
-        var i, s = doc.createElement('p').style, v = ['ms','O','Moz','Webkit'];
-        if( s[prop] == '' ) return prop;
-        prop = prop.charAt(0).toUpperCase() + prop.slice(1);
-        for( i = v.length; i--; )
-            if( s[v[i] + prop] == '' )
-                return (v[i] + prop);
-    }
-
-    function keyDown(event){
-        var code = event.keyCode, ok = options.keys, result;
-        // Prevent default keyboard action (like navigating inside the page)
-        return $.inArray(code, ok.close) >= 0 && close() ||
-               $.inArray(code, ok.next) >= 0 && !options.single && loophole(nextImage) ||
-               $.inArray(code, ok.prev) >= 0 && !options.single && loophole(prevImage) || true;
-    }
-
-    function wheelNextPrev(e, dY, dX){
-        if( dX == 1 )
-            loophole(nextImage);
-        else if( dX == -1 )
-            loophole(prevImage);
-    }
-
-
-    // serves as a callback for pbPrevBtn / pbNextBtn buttons but also is called on keypress events
-    function next_prev(){
-        // don't get crazy when user clicks next or prev buttons rapidly
-        //if( !image.hasClass('zoomable') )
-        //  return false;
-
-        var idx = (this.id == 'pbPrevBtn') ? prevImage : nextImage;
-
-        loophole(idx);
-        return false;
-    }
-
-    function updateIndexes(idx){
-        lastActive = activeImage;
-        activeImage = idx;
-        activeURL = images[idx][0];
-        prevImage = (activeImage || (options.loop ? images.length : 0)) - 1;
-        nextImage = ((activeImage + 1) % images.length) || (options.loop ? 0 : -1);
-    }
-
-    // check if looping is allowed before changing image/video.
-    // A pre-changeImage function, only for linear changes
-    function loophole(idx){
-        if( !options.loop ){
-            var afterLast = activeImage == images.length-1 && idx == nextImage,
-                beforeFirst = activeImage == 0 && idx == prevImage;
-
-            if( afterLast || beforeFirst )
-                return;
-        }
-
-        changeImage(idx);
-    }
-
-    changeImage = (function(){
-        var timer;
-
-        return function(imageIndex, firstTime, thumbClick){
-            // throttle mechanism
-            if( timer )
-                return;
-
-            timer = setTimeout(function(){
-                timer = null;
-            }, 150);
-
-            $doc.off('mousemove.photobox');
-
-            if( !imageIndex || imageIndex < 0 )
-                imageIndex = 0;
-
-            // hide/show next-prev buttons
-            if( !options.loop ){
-                //nextBtn[ imageIndex == images.length-1 ? 'addClass' : 'removeClass' ]('pbHide');
-                nextBtn.toggleClass('pbHide', imageIndex == images.length-1);
-                //prevBtn[ imageIndex == 0 ? 'addClass' : 'removeClass' ]('pbHide');
-                prevBtn.toggleClass('pbHide', imageIndex == 0);
-            }
-
-            // if there's a callback for this point:
-            if( typeof options.beforeShow == "function")
-                options.beforeShow(imageLinks[imageIndex]);
-
-            overlay.removeClass('error');
-
-            if( activeImage >= 0 )
-                overlay.addClass( imageIndex > activeImage ? 'next' : 'prev' );
-
-            updateIndexes(imageIndex);
-
-            // reset things
-            stop();
-            video.empty();
-            preload.onerror = null;
-            image.add(video).data('zoom', 1);
-
-            activeType = imageLinks[imageIndex].rel == 'video' ? 'video' : 'image';
-
-            // check if current link is a video
-            if( activeType == 'video' ){
-                video.html( newVideo() ).addClass('pbHide');
-                showContent(firstTime);
-            }
-            else{
-                // give a tiny delay to the preloader, so it won't be showed when images load very quickly
-                var loaderTimeout = setTimeout(function(){ overlay.addClass('pbLoading'); }, 50);
-
-                if( isOldIE ) overlay.addClass('pbHide'); // should wait for the image onload. just hide the image while old IE display the preloader
-
-                options.autoplay && APControl.progress.reset();
-                preload = new Image();
-                preload.onload = function(){
-                    preload.onload = null;
-
-                    if( prevImage >= 0 ) preloadPrev.src = images[prevImage][0];
-                    if( nextImage >= 0 ) preloadNext.src = images[nextImage][0];
-
-                    clearTimeout(loaderTimeout);
-                    showContent(firstTime);
-                };
-                preload.onerror = imageError;
-                preload.src = activeURL;
-            }
-
-            // Show Caption text
-            captionText.on(transitionend, captionTextChange).addClass('change');
-            if( firstTime || isOldIE ) captionTextChange();
-
-
-            thumbsStripe.changeActive(imageIndex, firstTime, thumbClick);
-            // Save url hash for current image
-            history.save();
-        }
-    })();
-
-    function newVideo(){
-        var url = images[activeImage][0],
-            sign = $('<a>').prop('href',images[activeImage][0])[0].search ? '&' : '?';
-        url += sign + 'vq=hd720&wmode=opaque';
-        return $("<iframe>").prop({ scrolling:'no', frameborder:0, allowTransparency:true, src:url }).attr({webkitAllowFullScreen:true, mozallowfullscreen:true, allowFullScreen:true});
-    }
-
-    // show the item's Title & Counter
-    function captionTextChange(){
-        var tmpl;
-        captionText.off(transitionend).removeClass('change');
-
-        if( options.captionTmpl ){
-            tmpl = options.captionTmpl
-                        .replace(/{title}/g, images[activeImage][1])
-                        .replace(/{currentImageIdx}/g, activeImage + 1)
-                        .replace(/{totalImagesCount}/g, images.length);
-
-            captionText.html(tmpl);
-        }
-    }
-
-    // Handles the history states when changing images
-    var history = {
-        save : function(){
-            // only save to history urls which are not already in the hash
-            if('pushState' in window.history && decodeURIComponent(window.location.hash.slice(1)) != activeURL && options.history ){
-                window.history.pushState( 'photobox', doc.title + '-' + images[activeImage][1], window.location.pathname + window.location.search + '#' + encodeURIComponent(activeURL) );
-            }
-        },
-        load : function(){
-            if( options && !options.history ) return false;
-            var hash = decodeURIComponent( window.location.hash.slice(1) ), i, j;
-            if( !hash && overlay.hasClass('show') )
-                close();
-
-            $('a[href="' + hash + '"]').trigger('click.photobox');
-        },
-        clear : function(){
-            if( options.history && 'pushState' in window.history )
-                window.history.pushState('photobox', doc.title, window.location.pathname + window.location.search);
-        }
-    };
-
-    // Add Photobox special `onpopstate` to the `onpopstate` function
-    window.onpopstate = (function(){
-        var cached = window.onpopstate;
-        return function(event){
-            cached && cached.apply(this, arguments);
-            if( event.state == 'photobox' )
-                history.load();
-        }
-    })();
-
-    // handles all image loading error (if image is dead)
-    function imageError(){
-        overlay.addClass('error');
-        image[0].src = blankImg; // set the source to a blank image
-        preload.onerror = null;
-    }
-
-    // Shows the content (image/video) on the screen
-    function showContent(firstTime){
-        var out, showSaftyTimer;
-        showSaftyTimer = setTimeout(show, 2000);
-
-        // hides the current image and prepare ground for an image change
-        pbLoader.fadeOut(300, function(){
-            overlay.removeClass("pbLoading");
-            pbLoader.removeAttr('style');
-        });
-        overlay.addClass('pbHide');
-
-        image.add(video).removeClass('zoomable'); // while transitioning an image, do not apply the 'zoomable' class
-
-        // check which element needs to transition-out:
-        if( !firstTime && imageLinks[lastActive].rel == 'video' ){
-            out = video;
-            image.addClass('prepare');
-        }
-        else
-            out = image;
-
-        if( firstTime || isOldIE )
-            show();
-        else
-            out.on(transitionend, show);
-
-        // in case the 'transitionend' didn't fire
-        // after hiding the last seen image, show the new one
-        function show(){
-            wrapper.removeAttr('style');
-            clearTimeout(showSaftyTimer);
-            overlay.removeClass('video');
-
-            if( activeType == 'video' ){
-                image.attr('src', blankImg);
-                out.off(transitionend).css({'transition':'none'});
-                video.addClass('prepare');
-                overlay.addClass('video');
-            }
-            else{
-                // create a new image element (cannot modify the same image SRC due to google chrome stupid bugs showing the previous image even after the SRC had changed)
-                image.replaceWith( image = $('<img src="'+ activeURL +'" class="prepare">') )
-            }
-
-            // filthy hack for the transitionend event, but cannot work without it:
-            setTimeout(function(){
-                overlay.removeClass('pbHide next prev');
-                image.add(video).removeAttr('style').removeClass('prepare').on(transitionend, showDone);
-                if(isOldIE) showDone();
-            }, 50);
-        }
-    }
-
-    // a callback whenever a transition of an image or a video is done
-    function showDone(){
-        image.add(video).off(transitionend).addClass('zoomable');
-        if( activeType == 'video' )
-            video.removeClass('pbHide');
-        else{
-            autoplayBtn && options.autoplay && APControl.play();
-        }
-        if( photobox && typeof photobox.callback == 'function' ){
-            photobox.callback(imageLinks[activeImage]);
-        }
-    }
-
-
-    function thumbsResize(e, delta){
-        e.preventDefault();
-        e.stopPropagation(); // stop the event from bubbling up to the Overlay and enlarge the content itself
-        var thumbList = photobox.thumbsList, h;
-        thumbList.css('height', thumbList[0].clientHeight + (delta * 10) );
-        h = caption[0].clientHeight / 2;
-        wrapper[0].style.cssText = "margin-top: -"+ h +"px; padding: "+ h +"px 0;";
-        thumbs.hide().show(0);
-        //thumbs.trigger('mouseenter').trigger('mousemove');
-    }
-
-    function stop(){
-        clearTimeout(APControl.autoPlayTimer);
-        $doc.off('mousemove.photobox');
-        preload.onload = function(){};
-        preload.src = preloadPrev.src = preloadNext.src = activeURL;
-    }
-
-    function close(){
-        if( !overlay.hasClass('show') )
-            return false;
-
-        stop();
-        video.find('iframe').prop('src','').empty();
-        Photobox.prototype.setup();
-        history.clear();
-
-        overlay.removeClass('on video').addClass('pbHide');
-        activeImage = -1;
-
-        image.on(transitionend, hide);
-        isOldIE && hide();
-
-        // the "photobox" instance might be needed for async transitionEnd functions, so give it some time before clearing it
-        setTimeout(function(){
-            photobox = null;
-        },1000);
-
-        function hide(){
-            if( overlay[0].className == '' ) return; // if already hidden
-            overlay.removeClass('show pbHide error pbLoading');
-            image.removeAttr('class').removeAttr('style').off().data('zoom',1);
-            // a hack to change the image src to nothing, because you can't do that in CHROME
-            image[0].src = blankImg;
-
-            caption.find('.title').empty();
-
-            if(noPointerEvents) // pointer-events lack support in IE, so just hide the overlay
-                setTimeout(function(){ overlay.hide(); }, 200);
-
-            options.hideFlash && $('iframe, object, embed').css('visibility', 'visible');
-        }
-
-        // fall-back if the 'transitionend' event didn't fire
-        setTimeout(hide, 500);
-        // callback after closing the gallery
-        if( typeof options.afterClose === 'function' )
-            options.afterClose(overlay);
-    }
-
-
-    /**
-    * jQuery Plugin to add basic "swipe" support on touch-enabled devices
-    *
-    * @author Yair Even Or
-    * @version 1.0.0 (March 20, 2013)
-    */
-    $.event.special.swipe = {
-        setup: function(){
-            $(this).bind('touchstart', $.event.special.swipe.handler);
-        },
-
-        teardown: function(){
-            $(this).unbind('touchstart', $.event.special.swipe.handler);
-        },
-
-        handler: function(event){
-            var args = [].slice.call( arguments, 1 ), // clone arguments array, remove original event from cloned array
-                touches = event.originalEvent.touches,
-                startX, startY,
-                deltaX = 0, deltaY = 0,
-                that = this;
-
-            event = $.event.fix(event);
-
-            if( touches.length == 1 ){
-                startX = touches[0].pageX;
-                startY = touches[0].pageY;
-                this.addEventListener('touchmove', onTouchMove, false);
-            }
-
-            else if( touches.length > 1 ){
-                // ..do not allow "onSwipe" function to work if page was zoomed
-            }
-
-            function cancelTouch(){
-                that.removeEventListener('touchmove', onTouchMove);
-                startX = startY = null;
-            }
-
-            function onTouchMove(e){
-                e.preventDefault();
-
-                var Dx = startX - e.touches[0].pageX,
-                    Dy = startY - e.touches[0].pageY;
-
-                if( Math.abs(Dx) >= 20 ){
-                    cancelTouch();
-                    deltaX = (Dx > 0) ? -1 : 1;
-                }
-                else if( Math.abs(Dy) >= 20 ){
-                    cancelTouch();
-                    deltaY = (Dy > 0) ? 1 : -1;
-                }
-
-                event.type = 'swipe';
-                args.unshift(event, deltaX, deltaY); // add back the new event to the front of the arguments with the delatas
-                return ($.event.dispatch || $.event.handle).apply(that, args);
-            }
-        }
-    };
-
-    /* MouseWheel plugin
-     * ! Copyright (c) 2013 Brandon Aaron (http://brandon.aaron.sh)
-     * Licensed under the MIT License (LICENSE.txt).
-     *
-     * Version: 3.1.11
-     *
-     * Requires: jQuery 1.2.2+
-     */
-    !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):"object"==typeof exports?module.exports=a:a(jQuery)}(function(a){function b(b){var g=b||window.event,h=i.call(arguments,1),j=0,l=0,m=0,n=0,o=0,p=0;if(b=a.event.fix(g),b.type="mousewheel","detail"in g&&(m=-1*g.detail),"wheelDelta"in g&&(m=g.wheelDelta),"wheelDeltaY"in g&&(m=g.wheelDeltaY),"wheelDeltaX"in g&&(l=-1*g.wheelDeltaX),"axis"in g&&g.axis===g.HORIZONTAL_AXIS&&(l=-1*m,m=0),j=0===m?l:m,"deltaY"in g&&(m=-1*g.deltaY,j=m),"deltaX"in g&&(l=g.deltaX,0===m&&(j=-1*l)),0!==m||0!==l){if(1===g.deltaMode){var q=a.data(this,"mousewheel-line-height");j*=q,m*=q,l*=q}else if(2===g.deltaMode){var r=a.data(this,"mousewheel-page-height");j*=r,m*=r,l*=r}if(n=Math.max(Math.abs(m),Math.abs(l)),(!f||f>n)&&(f=n,d(g,n)&&(f/=40)),d(g,n)&&(j/=40,l/=40,m/=40),j=Math[j>=1?"floor":"ceil"](j/f),l=Math[l>=1?"floor":"ceil"](l/f),m=Math[m>=1?"floor":"ceil"](m/f),k.settings.normalizeOffset&&this.getBoundingClientRect){var s=this.getBoundingClientRect();o=b.clientX-s.left,p=b.clientY-s.top}return b.deltaX=l,b.deltaY=m,b.deltaFactor=f,b.offsetX=o,b.offsetY=p,b.deltaMode=0,h.unshift(b,j,l,m),e&&clearTimeout(e),e=setTimeout(c,200),(a.event.dispatch||a.event.handle).apply(this,h)}}function c(){f=null}function d(a,b){return k.settings.adjustOldDeltas&&"mousewheel"===a.type&&b%120===0}var e,f,g=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],h="onwheel"in document||document.documentMode>=9?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],i=Array.prototype.slice;if(a.event.fixHooks)for(var j=g.length;j;)a.event.fixHooks[g[--j]]=a.event.mouseHooks;var k=a.event.special.mousewheel={version:"3.1.11",setup:function(){if(this.addEventListener)for(var c=h.length;c;)this.addEventListener(h[--c],b,!1);else this.onmousewheel=b;a.data(this,"mousewheel-line-height",k.getLineHeight(this)),a.data(this,"mousewheel-page-height",k.getPageHeight(this))},teardown:function(){if(this.removeEventListener)for(var c=h.length;c;)this.removeEventListener(h[--c],b,!1);else this.onmousewheel=null;a.removeData(this,"mousewheel-line-height"),a.removeData(this,"mousewheel-page-height")},getLineHeight:function(b){var c=a(b)["offsetParent"in a.fn?"offsetParent":"parent"]();return c.length||(c=a("body")),parseInt(c.css("fontSize"),10)},getPageHeight:function(b){return a(b).height()},settings:{adjustOldDeltas:!0,normalizeOffset:!0}};a.fn.extend({mousewheel:function(a){return a?this.bind("mousewheel",a):this.trigger("mousewheel")},unmousewheel:function(a){return this.unbind("mousewheel",a)}})});
-
-    // Expose:
-    window._photobox = {
-        DOM      : {
-            overlay : overlay
-        },
-        close    : close,
-        history  : history,
-        defaults : defaults
-    };
-})(jQuery, document, window);