├── photoswipe
    ├── default-skin
    │   ├── preloader.gif
    │   ├── default-skin.png
    │   ├── default-skin.svg
    │   └── default-skin.css
    ├── COMMIT_ID
    ├── photoswipe.css
    ├── photoswipe-ui-default.min.js
    ├── photoswipe-ui-default.js
    ├── photoswipe.min.js
    └── photoswipe.js
├── README.md
├── demo.html
└── photoswipe-flickr.js


/photoswipe/default-skin/preloader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lyoshenka/photoswipe-flickr/HEAD/photoswipe/default-skin/preloader.gif


--------------------------------------------------------------------------------
/photoswipe/default-skin/default-skin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/lyoshenka/photoswipe-flickr/HEAD/photoswipe/default-skin/default-skin.png


--------------------------------------------------------------------------------
/photoswipe/COMMIT_ID:
--------------------------------------------------------------------------------
1 | the commit that I copied this from https://github.com/dimsemenov/PhotoSwipe
2 | 41ff96cb8e88ef6f884c388db9f2a6d5e9d3b77a
3 | v4.1.1
4 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # photoswipe-flickr
 2 | 
 3 | Show a Flickr album as a slideshow using [Photoswipe](http://photoswipe.com/).
 4 | 
 5 | ## Usage
 6 | 
 7 | ### Get a Flickr API key (if you don't already have one)
 8 | 
 9 | [Create a new api key](https://www.flickr.com/services/apps/create/apply/?). You only need the `key` part, not the `secret`.
10 | 
11 | ### Get the album ID
12 | 
13 | Open the photoset in Flickr, then look at the URL. It should look something like `https://www.flickr.com/photos/your_name/sets/7225764364613184/`. That
14 | string of numbers at the end is the album ID.
15 | 
16 | ### Check the demo
17 | 
18 | [Live demo here](http://lyoshenka.github.io/photoswipe-flickr/demo.html#key=4ca3b9ef09d104c57ecd6f017d7d6c42&aid=72157648364623184)
19 | 
20 | Look at the [source for the demo](https://github.com/lyoshenka/photoswipe-flickr/blob/master/demo.html) for a very simple example of how to set everything up. The
21 | important parts are to include `photoswipe-flickr.js` after you include the photoswipe JS, and then to call `photoswipeFlickr()` with your API key and
22 | album ID (and options for the photoswipe gallery, if you want). There's also a bit of extra code to reopen the gallery after it has been closed, but
23 | that's optional.
24 | 
25 | Here's [another demo](http://i.grin.io/iceland/slideshow.html) of the slideslow in action.
26 | 
27 | ## Bugs/Feedback
28 | 
29 | Email me: alex@grin.io
30 | 


--------------------------------------------------------------------------------
/photoswipe/default-skin/default-skin.svg:
--------------------------------------------------------------------------------
1 | <svg width="264" height="88" viewBox="0 0 264 88" xmlns="http://www.w3.org/2000/svg"><title>default-skin 2</title><g fill="none" fill-rule="evenodd"><g><path d="M67.002 59.5v3.768c-6.307.84-9.184 5.75-10.002 9.732 2.22-2.83 5.564-5.098 10.002-5.098V71.5L73 65.585 67.002 59.5z" id="Shape" fill="#fff"/><g fill="#fff"><path d="M13 29v-5h2v3h3v2h-5zM13 15h5v2h-3v3h-2v-5zM31 15v5h-2v-3h-3v-2h5zM31 29h-5v-2h3v-3h2v5z" id="Shape"/></g><g fill="#fff"><path d="M62 24v5h-2v-3h-3v-2h5zM62 20h-5v-2h3v-3h2v5zM70 20v-5h2v3h3v2h-5zM70 24h5v2h-3v3h-2v-5z"/></g><path d="M20.586 66l-5.656-5.656 1.414-1.414L22 64.586l5.656-5.656 1.414 1.414L23.414 66l5.656 5.656-1.414 1.414L22 67.414l-5.656 5.656-1.414-1.414L20.586 66z" fill="#fff"/><path d="M111.785 65.03L110 63.5l3-3.5h-10v-2h10l-3-3.5 1.785-1.468L117 59l-5.215 6.03z" fill="#fff"/><path d="M152.215 65.03L154 63.5l-3-3.5h10v-2h-10l3-3.5-1.785-1.468L147 59l5.215 6.03z" fill="#fff"/><g><path id="Rectangle-11" fill="#fff" d="M160.957 28.543l-3.25-3.25-1.413 1.414 3.25 3.25z"/><path d="M152.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" id="Oval-1" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M150 21h5v1h-5z"/></g><g><path d="M116.957 28.543l-1.414 1.414-3.25-3.25 1.414-1.414 3.25 3.25z" fill="#fff"/><path d="M108.5 27c3.038 0 5.5-2.462 5.5-5.5s-2.462-5.5-5.5-5.5-5.5 2.462-5.5 5.5 2.462 5.5 5.5 5.5z" stroke="#fff" stroke-width="1.5"/><path fill="#fff" d="M106 21h5v1h-5z"/><path fill="#fff" d="M109.043 19.008l-.085 5-1-.017.085-5z"/></g></g></g></svg>


--------------------------------------------------------------------------------
/photoswipe/photoswipe.css:
--------------------------------------------------------------------------------
  1 | /*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
  2 | /*
  3 | 	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
  4 | */
  5 | /* pswp = photoswipe */
  6 | .pswp {
  7 |   display: none;
  8 |   position: absolute;
  9 |   width: 100%;
 10 |   height: 100%;
 11 |   left: 0;
 12 |   top: 0;
 13 |   overflow: hidden;
 14 |   -ms-touch-action: none;
 15 |   touch-action: none;
 16 |   z-index: 1500;
 17 |   -webkit-text-size-adjust: 100%;
 18 |   /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
 19 |   -webkit-backface-visibility: hidden;
 20 |   outline: none; }
 21 |   .pswp * {
 22 |     -webkit-box-sizing: border-box;
 23 |             box-sizing: border-box; }
 24 |   .pswp img {
 25 |     max-width: none; }
 26 | 
 27 | /* style is added when JS option showHideOpacity is set to true */
 28 | .pswp--animate_opacity {
 29 |   /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
 30 |   opacity: 0.001;
 31 |   will-change: opacity;
 32 |   /* for open/close transition */
 33 |   -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
 34 |           transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
 35 | 
 36 | .pswp--open {
 37 |   display: block; }
 38 | 
 39 | .pswp--zoom-allowed .pswp__img {
 40 |   /* autoprefixer: off */
 41 |   cursor: -webkit-zoom-in;
 42 |   cursor: -moz-zoom-in;
 43 |   cursor: zoom-in; }
 44 | 
 45 | .pswp--zoomed-in .pswp__img {
 46 |   /* autoprefixer: off */
 47 |   cursor: -webkit-grab;
 48 |   cursor: -moz-grab;
 49 |   cursor: grab; }
 50 | 
 51 | .pswp--dragging .pswp__img {
 52 |   /* autoprefixer: off */
 53 |   cursor: -webkit-grabbing;
 54 |   cursor: -moz-grabbing;
 55 |   cursor: grabbing; }
 56 | 
 57 | /*
 58 | 	Background is added as a separate element.
 59 | 	As animating opacity is much faster than animating rgba() background-color.
 60 | */
 61 | .pswp__bg {
 62 |   position: absolute;
 63 |   left: 0;
 64 |   top: 0;
 65 |   width: 100%;
 66 |   height: 100%;
 67 |   background: #000;
 68 |   opacity: 0;
 69 |   -webkit-backface-visibility: hidden;
 70 |   will-change: opacity; }
 71 | 
 72 | .pswp__scroll-wrap {
 73 |   position: absolute;
 74 |   left: 0;
 75 |   top: 0;
 76 |   width: 100%;
 77 |   height: 100%;
 78 |   overflow: hidden; }
 79 | 
 80 | .pswp__container,
 81 | .pswp__zoom-wrap {
 82 |   -ms-touch-action: none;
 83 |   touch-action: none;
 84 |   position: absolute;
 85 |   left: 0;
 86 |   right: 0;
 87 |   top: 0;
 88 |   bottom: 0; }
 89 | 
 90 | /* Prevent selection and tap highlights */
 91 | .pswp__container,
 92 | .pswp__img {
 93 |   -webkit-user-select: none;
 94 |   -moz-user-select: none;
 95 |   -ms-user-select: none;
 96 |       user-select: none;
 97 |   -webkit-tap-highlight-color: transparent;
 98 |   -webkit-touch-callout: none; }
 99 | 
100 | .pswp__zoom-wrap {
101 |   position: absolute;
102 |   width: 100%;
103 |   -webkit-transform-origin: left top;
104 |   -ms-transform-origin: left top;
105 |   transform-origin: left top;
106 |   /* for open/close transition */
107 |   -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
108 |           transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1); }
109 | 
110 | .pswp__bg {
111 |   will-change: opacity;
112 |   /* for open/close transition */
113 |   -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
114 |           transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
115 | 
116 | .pswp--animated-in .pswp__bg,
117 | .pswp--animated-in .pswp__zoom-wrap {
118 |   -webkit-transition: none;
119 |   transition: none; }
120 | 
121 | .pswp__container,
122 | .pswp__zoom-wrap {
123 |   -webkit-backface-visibility: hidden; }
124 | 
125 | .pswp__item {
126 |   position: absolute;
127 |   left: 0;
128 |   right: 0;
129 |   top: 0;
130 |   bottom: 0;
131 |   overflow: hidden; }
132 | 
133 | .pswp__img {
134 |   position: absolute;
135 |   width: auto;
136 |   height: auto;
137 |   top: 0;
138 |   left: 0; }
139 | 
140 | /*
141 | 	stretched thumbnail or div placeholder element (see below)
142 | 	style is added to avoid flickering in webkit/blink when layers overlap
143 | */
144 | .pswp__img--placeholder {
145 |   -webkit-backface-visibility: hidden; }
146 | 
147 | /*
148 | 	div element that matches size of large image
149 | 	large image loads on top of it
150 | */
151 | .pswp__img--placeholder--blank {
152 |   background: #222; }
153 | 
154 | .pswp--ie .pswp__img {
155 |   width: 100% !important;
156 |   height: auto !important;
157 |   left: 0;
158 |   top: 0; }
159 | 
160 | /*
161 | 	Error message appears when image is not loaded
162 | 	(JS option errorMsg controls markup)
163 | */
164 | .pswp__error-msg {
165 |   position: absolute;
166 |   left: 0;
167 |   top: 50%;
168 |   width: 100%;
169 |   text-align: center;
170 |   font-size: 14px;
171 |   line-height: 16px;
172 |   margin-top: -8px;
173 |   color: #CCC; }
174 | 
175 | .pswp__error-msg a {
176 |   color: #CCC;
177 |   text-decoration: underline; }
178 | 


--------------------------------------------------------------------------------
/demo.html:
--------------------------------------------------------------------------------
  1 | <html>
  2 |   <head>
  3 |     <meta charset="utf-8">
  4 |     <!-- Core CSS file -->
  5 |     <link rel="stylesheet" href="photoswipe/photoswipe.css">
  6 | 
  7 |     <!-- Skin CSS file (styling of UI - buttons, caption, etc.)
  8 |          In the folder of skin CSS file there are also:
  9 |          - .png and .svg icons sprite,
 10 |          - preloader.gif (for browsers that do not support CSS animations) -->
 11 |     <link rel="stylesheet" href="photoswipe/default-skin/default-skin.css">
 12 |     <!--[if lt IE 9]>
 13 |       <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
 14 |     <![endif]-->
 15 |   </head>
 16 | 
 17 |   <body>
 18 |     <a href="javascript:;" id="reopenGallery" style="display: none">Reopen Gallery</a>
 19 | 
 20 |     <!-- Required HTML elements. See http://photoswipe.com/documentation/getting-started.html -->
 21 |     <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
 22 |       <div class="pswp__bg"></div>
 23 |       <div class="pswp__scroll-wrap">
 24 |         <div class="pswp__container">
 25 |           <div class="pswp__item"></div>
 26 |           <div class="pswp__item"></div>
 27 |           <div class="pswp__item"></div>
 28 |         </div>
 29 |         <div class="pswp__ui pswp__ui--hidden">
 30 |           <div class="pswp__top-bar">
 31 |             <div class="pswp__counter"></div>
 32 |             <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
 33 |             <button class="pswp__button pswp__button--share" title="Share"></button>
 34 |             <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
 35 |             <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
 36 |             <div class="pswp__preloader">
 37 |               <div class="pswp__preloader__icn">
 38 |                 <div class="pswp__preloader__cut">
 39 |                   <div class="pswp__preloader__donut"></div>
 40 |                 </div>
 41 |               </div>
 42 |             </div>
 43 |           </div>
 44 |           <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
 45 |             <div class="pswp__share-tooltip"></div>
 46 |           </div>
 47 |           <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
 48 |           <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
 49 |           <div class="pswp__caption">
 50 |             <div class="pswp__caption__center"></div>
 51 |           </div>
 52 |         </div>
 53 |       </div>
 54 |     </div>
 55 | 
 56 | 
 57 |     <script src="photoswipe/photoswipe.min.js"></script> <!-- Core JS file -->
 58 |     <script src="photoswipe/photoswipe-ui-default.min.js"></script> <!-- UI JS file -->
 59 |     <script src="photoswipe-flickr.js"></script>
 60 | 
 61 |     <script>
 62 |       var getHashParameter = function(name) {
 63 |         var locHash = location.hash.substr(1),
 64 |             ret     = locHash.substr(locHash.indexOf(name + '='))
 65 |                        .split('&')[0]
 66 |                        .split('=')[1];
 67 |         return ret;
 68 |       };
 69 | 
 70 |       var onload = function() {
 71 |         var flickrApiKey = 'FILL-ME-IN',
 72 |             flickrPhotosetId = 'FILL-ME-IN',
 73 | 
 74 |             reopenLink = document.getElementById('reopenGallery'), // link to reopen gallery if it is closed
 75 |             lastItemIndex, // save what image we were on, reopen at the same image
 76 | 
 77 |             galleryOptions = {
 78 |               index: 0,
 79 |               counterEl: false // no slide counter
 80 |             },
 81 |             gallerySetup = function(gallery) {
 82 |               gallery.listen('close', function() {
 83 |                 lastItemIndex = gallery.getCurrentIndex();
 84 |               });
 85 | 
 86 |               gallery.init();
 87 | 
 88 |               if (lastItemIndex)
 89 |               {
 90 |                 gallery.goTo(lastItemIndex);
 91 |               }
 92 | 
 93 |               reopenLink.style.display = '';
 94 |             };
 95 | 
 96 |         if (flickrApiKey == 'FILL-ME-IN') {
 97 |           // Look for API key in URL: example.com/demo.html#key=API_key
 98 |           var flickrApiKey = getHashParameter('key');
 99 |           if (!flickrApiKey) {
100 |             flickrApiKey = prompt('Enter a Flickr API key:');
101 |             if (!flickrApiKey) {
102 |               alert('You have to fill in your Flickr API key for the demo to work.');
103 |               return;
104 |             }
105 |           }
106 |         }
107 | 
108 |         if (flickrPhotosetId == 'FILL-ME-IN') {
109 |           // Look for album ID in URL: example.com/demo.html#aid=ID
110 |           var albumId = getHashParameter('aid');
111 | 
112 |           if (!albumId) {
113 |             albumId = prompt('Enter a Flickr album URL or ID:');
114 |           }
115 | 
116 |           if (albumId) {
117 |             // Get ID from https://www.flickr.com/photos/user/albums/ID or ID
118 |             flickrPhotosetId = albumId.split('/').pop() || albumId;
119 |           }
120 |         }
121 |         if (!flickrPhotosetId || flickrPhotosetId == 'FILL-ME-IN') {
122 |           alert('You have to fill in a Flickr album ID for the demo to work.');
123 |           return;
124 |         } 
125 |         
126 |         
127 |         photoswipeFlickr(flickrApiKey,flickrPhotosetId, galleryOptions, gallerySetup);
128 |         reopenLink.addEventListener('click', function(){ photoswipeFlickr.initGallery(gallerySetup); });
129 |       };
130 | 
131 |       if (document.readyState != 'loading') {
132 |         onload();
133 |       }
134 |     </script>
135 |   </body>
136 | </html>
137 | 


--------------------------------------------------------------------------------
/photoswipe-flickr.js:
--------------------------------------------------------------------------------
  1 | if (typeof photoswipeFlickr === 'undefined')
  2 | {
  3 |   photoswipeFlickr = function(apiKey, photosetId, galleryOptions, callback) {
  4 |     return photoswipeFlickr._init(apiKey, photosetId, galleryOptions, callback);
  5 |   };
  6 | 
  7 |   photoswipeFlickr._galleryOptions = undefined;
  8 |   photoswipeFlickr._flickrData = undefined;
  9 |   photoswipeFlickr._gallery = undefined;
 10 | 
 11 |   photoswipeFlickr._flickrPhotoSizes = {
 12 |     240: 'm',
 13 |     320: 'n',
 14 |     640: 'z',
 15 |     800: 'c',
 16 |     1024: 'b',
 17 |     1600: 'h',
 18 |     2048: 'k',
 19 |     2400: 'o' // do not comment this out.
 20 |               // TODO: allow commenting out, but if image doesn't have some of the larger sizes, always default to "original" size
 21 |   };
 22 |   photoswipeFlickr._currentSize = parseInt(Object.keys(photoswipeFlickr._flickrPhotoSizes)[0], 10); //start with smallest size
 23 |   photoswipeFlickr._firstResize = true;
 24 | 
 25 | 
 26 |   photoswipeFlickr.xhr = function (url, callbackFn) {
 27 |     var fnName = 'callback'+Math.floor(Math.random()*1000001),
 28 |         script = document.createElement('script');
 29 |     callbackFn = callbackFn || function(){};
 30 |     window[fnName] = function(result) { callbackFn(result); };
 31 |     script.src = url+'&jsoncallback='+fnName;
 32 |     document.getElementsByTagName('head')[0].appendChild(script);
 33 |   };
 34 | 
 35 | 
 36 |   photoswipeFlickr.initGallery = function(callback) {
 37 |     callback = callback || function(){};
 38 |     if(!photoswipeFlickr._flickrData || !photoswipeFlickr._galleryOptions)
 39 |     {
 40 |       return 'You have to initialize everything.';
 41 |     }
 42 | 
 43 |     if (!photoswipeFlickr._gallery)
 44 |     {
 45 |       photoswipeFlickr._initGallery(photoswipeFlickr._flickrData, photoswipeFlickr._galleryOptions);
 46 |     }
 47 | 
 48 |     callback(photoswipeFlickr._gallery);
 49 |   }
 50 | 
 51 | 
 52 |   photoswipeFlickr._initGallery = function (data, galleryOptions) {
 53 |     // Initializes and opens PhotoSwipe
 54 |     var pswpElement = document.querySelectorAll('.pswp')[0],
 55 |         gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, data, galleryOptions);
 56 | 
 57 |     // beforeResize event fires each time size of gallery viewport updates
 58 |     gallery.listen('beforeResize', function() {
 59 |       // gallery.viewportSize.x - width of PhotoSwipe viewport
 60 |       // gallery.viewportSize.y - height of PhotoSwipe viewport
 61 |       // window.devicePixelRatio - ratio between physical pixels and device independent pixels (Number)
 62 |       //                          1 (regular display), 2 (@2x, retina) ...
 63 | 
 64 |       var newSize = 0,
 65 |           imageSrcWillChange = false
 66 |           realViewportWidth = gallery.viewportSize.x * window.devicePixelRatio; // calculate real pixels when size changes
 67 | 
 68 | 
 69 |       for (var size in photoswipeFlickr._flickrPhotoSizes)
 70 |       {
 71 |         if (realViewportWidth > size)
 72 |         {
 73 |           newSize = parseInt(size, 10);
 74 |         }
 75 |       }
 76 | 
 77 |       if (photoswipeFlickr._currentSize < newSize)
 78 |       {
 79 |         imageSrcWillChange = true;
 80 |         photoswipeFlickr._currentSize = newSize;
 81 |       }
 82 | 
 83 |       // Invalidate items only when source is changed and when it's not the first update
 84 |       if(imageSrcWillChange && !photoswipeFlickr._firstResize)
 85 |       {
 86 |         // invalidateCurrItems sets a flag on slides that are in DOM, which will force update of content (image) on window.resize.
 87 |         gallery.invalidateCurrItems();
 88 |       }
 89 | 
 90 |       photoswipeFlickr._firstResize = false;
 91 |     });
 92 | 
 93 | 
 94 |     // gettingData event fires each time PhotoSwipe retrieves image source & size
 95 |     gallery.listen('gettingData', function(index, item) {
 96 | 
 97 |       // Set image source & size based on real viewport width
 98 |       var ext = photoswipeFlickr._flickrPhotoSizes[photoswipeFlickr._currentSize];
 99 | 
100 |       if (typeof item.sizeData[ext].src == 'undefined') {
101 |         // The desired size is not available
102 |         // Set to original as a fallback
103 |         ext = 'o';
104 |         // Is the next size up available?
105 |         for (size in photoswipeFlickr._flickrPhotoSizes) {
106 |           if (size > photoswipeFlickr._currentSize) {
107 |             var newExt = photoswipeFlickr._flickrPhotoSizes[size];
108 |             if (typeof item.sizeData[newExt].src != 'undefined') {
109 |               // Found one
110 |               ext = newExt;
111 |               break;
112 |             }
113 |           }
114 |         }
115 |       }
116 | 
117 |       item.src = item.sizeData[ext].src || item.sizeData['o'].src;
118 |       item.w = item.sizeData[ext].w || item.sizeData['o'].w;
119 |       item.h = item.sizeData[ext].h || item.sizeData['o'].h;
120 | 
121 |       // It doesn't really matter what will you do here, as long as item.src, item.w and item.h have valid values.
122 |       //
123 |       // Just avoid http requests in this listener, as it fires quite often
124 |     });
125 | 
126 |     gallery.listen('destroy', function() {
127 |       photoswipeFlickr._gallery = undefined;
128 |     });
129 | 
130 |     photoswipeFlickr._gallery = gallery;
131 |   };
132 | 
133 | 
134 | 
135 | 
136 |   photoswipeFlickr._init = function(apiKey, photosetId, galleryOptions, callback) {
137 |     var sizes = photoswipeFlickr._flickrPhotoSizes;
138 | 
139 |     photoswipeFlickr._galleryOptions = galleryOptions || {};
140 | 
141 |     if (!('getImageURLForShare' in photoswipeFlickr._galleryOptions))
142 |     {
143 |       photoswipeFlickr._galleryOptions.getImageURLForShare = function(shareButtonData) {
144 |         return photoswipeFlickr._gallery.currItem.original_src || photoswipeFlickr._gallery.currItem.src || '';
145 |       };
146 |     }
147 | 
148 |     // photoswipeFlickr._flickrData = undefined;
149 |     // photoswipeFlickr._gallery = undefined;
150 | 
151 |     callback = callback || function(){};
152 | 
153 |     if (photoswipeFlickr._flickrData)
154 |     {
155 |       photoswipeFlickr._initGallery(photoswipeFlickr._flickrData, photoswipeFlickr._galleryOptions);
156 |       callback(photoswipeFlickr._gallery);
157 |     }
158 |     else
159 |     {
160 |       var sizeParams = Object.keys(sizes).map(function(size) { return 'url_'+sizes[size]; }).join(','),
161 |           url = 'https://api.flickr.com/services/rest?method=flickr.photosets.getPhotos&api_key=' + apiKey + '&photoset_id=' +
162 |                 photosetId + '&extras=' + sizeParams + '&format=json';
163 | 
164 |       photoswipeFlickr.xhr(url, function(data) {
165 |         var i, items = [];
166 | 
167 |         for (i in data.photoset.photo) {
168 |           var photo = data.photoset.photo[i],
169 |               item = { sizeData: {} },
170 |               size, ext;
171 |           for (size in sizes)
172 |           {
173 |             ext = sizes[size];
174 |             item.sizeData[ext] = {
175 |               src: photo['url_'+ext],
176 |               w: photo['width_'+ext],
177 |               h: photo['height_'+ext],
178 |             }
179 |             item.original_src = photo.url_o;
180 |             //item.title = photo.title;
181 |           }
182 |           items.push(item);
183 |         };
184 | 
185 |         photoswipeFlickr._flickrData = items;
186 | 
187 |         photoswipeFlickr._initGallery(photoswipeFlickr._flickrData, photoswipeFlickr._galleryOptions);
188 |         callback(photoswipeFlickr._gallery);
189 |       });
190 |     }
191 |   };
192 | };
193 | 


--------------------------------------------------------------------------------
/photoswipe/photoswipe-ui-default.min.js:
--------------------------------------------------------------------------------
1 | /*! PhotoSwipe Default UI - 4.1.1 - 2015-12-24
2 | * http://photoswipe.com
3 | * Copyright (c) 2015 Dmitry Semenov; */
4 | !function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipeUI_Default=b()}(this,function(){"use strict";var a=function(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v=this,w=!1,x=!0,y=!0,z={barsSize:{top:44,bottom:"auto"},closeElClasses:["item","caption","zoom-wrap","ui","top-bar"],timeToIdle:4e3,timeToIdleOutside:1e3,loadingIndicatorDelay:1e3,addCaptionHTMLFn:function(a,b){return a.title?(b.children[0].innerHTML=a.title,!0):(b.children[0].innerHTML="",!1)},closeEl:!0,captionEl:!0,fullscreenEl:!0,zoomEl:!0,shareEl:!0,counterEl:!0,arrowEl:!0,preloaderEl:!0,tapToClose:!1,tapToToggleControls:!0,clickToCloseNonZoomable:!0,shareButtons:[{id:"facebook",label:"Share on Facebook",url:"https://www.facebook.com/sharer/sharer.php?u={{url}}"},{id:"twitter",label:"Tweet",url:"https://twitter.com/intent/tweet?text={{text}}&url={{url}}"},{id:"pinterest",label:"Pin it",url:"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}"},{id:"download",label:"Download image",url:"{{raw_image_url}}",download:!0}],getImageURLForShare:function(){return a.currItem.src||""},getPageURLForShare:function(){return window.location.href},getTextForShare:function(){return a.currItem.title||""},indexIndicatorSep:" / ",fitControlsWidth:1200},A=function(a){if(r)return!0;a=a||window.event,q.timeToIdle&&q.mouseUsed&&!k&&K();for(var c,d,e=a.target||a.srcElement,f=e.getAttribute("class")||"",g=0;g<S.length;g++)c=S[g],c.onTap&&f.indexOf("pswp__"+c.name)>-1&&(c.onTap(),d=!0);if(d){a.stopPropagation&&a.stopPropagation(),r=!0;var h=b.features.isOldAndroid?600:30;s=setTimeout(function(){r=!1},h)}},B=function(){return!a.likelyTouchDevice||q.mouseUsed||screen.width>q.fitControlsWidth},C=function(a,c,d){b[(d?"add":"remove")+"Class"](a,"pswp__"+c)},D=function(){var a=1===q.getNumItemsFn();a!==p&&(C(d,"ui--one-slide",a),p=a)},E=function(){C(i,"share-modal--hidden",y)},F=function(){return y=!y,y?(b.removeClass(i,"pswp__share-modal--fade-in"),setTimeout(function(){y&&E()},300)):(E(),setTimeout(function(){y||b.addClass(i,"pswp__share-modal--fade-in")},30)),y||H(),!1},G=function(b){b=b||window.event;var c=b.target||b.srcElement;return a.shout("shareLinkClick",b,c),c.href?c.hasAttribute("download")?!0:(window.open(c.href,"pswp_share","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width=550,height=420,top=100,left="+(window.screen?Math.round(screen.width/2-275):100)),y||F(),!1):!1},H=function(){for(var a,b,c,d,e,f="",g=0;g<q.shareButtons.length;g++)a=q.shareButtons[g],c=q.getImageURLForShare(a),d=q.getPageURLForShare(a),e=q.getTextForShare(a),b=a.url.replace("{{url}}",encodeURIComponent(d)).replace("{{image_url}}",encodeURIComponent(c)).replace("{{raw_image_url}}",c).replace("{{text}}",encodeURIComponent(e)),f+='<a href="'+b+'" target="_blank" class="pswp__share--'+a.id+'"'+(a.download?"download":"")+">"+a.label+"</a>",q.parseShareButtonOut&&(f=q.parseShareButtonOut(a,f));i.children[0].innerHTML=f,i.children[0].onclick=G},I=function(a){for(var c=0;c<q.closeElClasses.length;c++)if(b.hasClass(a,"pswp__"+q.closeElClasses[c]))return!0},J=0,K=function(){clearTimeout(u),J=0,k&&v.setIdle(!1)},L=function(a){a=a?a:window.event;var b=a.relatedTarget||a.toElement;b&&"HTML"!==b.nodeName||(clearTimeout(u),u=setTimeout(function(){v.setIdle(!0)},q.timeToIdleOutside))},M=function(){q.fullscreenEl&&!b.features.isOldAndroid&&(c||(c=v.getFullscreenAPI()),c?(b.bind(document,c.eventK,v.updateFullscreen),v.updateFullscreen(),b.addClass(a.template,"pswp--supports-fs")):b.removeClass(a.template,"pswp--supports-fs"))},N=function(){q.preloaderEl&&(O(!0),l("beforeChange",function(){clearTimeout(o),o=setTimeout(function(){a.currItem&&a.currItem.loading?(!a.allowProgressiveImg()||a.currItem.img&&!a.currItem.img.naturalWidth)&&O(!1):O(!0)},q.loadingIndicatorDelay)}),l("imageLoadComplete",function(b,c){a.currItem===c&&O(!0)}))},O=function(a){n!==a&&(C(m,"preloader--active",!a),n=a)},P=function(a){var c=a.vGap;if(B()){var g=q.barsSize;if(q.captionEl&&"auto"===g.bottom)if(f||(f=b.createEl("pswp__caption pswp__caption--fake"),f.appendChild(b.createEl("pswp__caption__center")),d.insertBefore(f,e),b.addClass(d,"pswp__ui--fit")),q.addCaptionHTMLFn(a,f,!0)){var h=f.clientHeight;c.bottom=parseInt(h,10)||44}else c.bottom=g.top;else c.bottom="auto"===g.bottom?0:g.bottom;c.top=g.top}else c.top=c.bottom=0},Q=function(){q.timeToIdle&&l("mouseUsed",function(){b.bind(document,"mousemove",K),b.bind(document,"mouseout",L),t=setInterval(function(){J++,2===J&&v.setIdle(!0)},q.timeToIdle/2)})},R=function(){l("onVerticalDrag",function(a){x&&.95>a?v.hideControls():!x&&a>=.95&&v.showControls()});var a;l("onPinchClose",function(b){x&&.9>b?(v.hideControls(),a=!0):a&&!x&&b>.9&&v.showControls()}),l("zoomGestureEnded",function(){a=!1,a&&!x&&v.showControls()})},S=[{name:"caption",option:"captionEl",onInit:function(a){e=a}},{name:"share-modal",option:"shareEl",onInit:function(a){i=a},onTap:function(){F()}},{name:"button--share",option:"shareEl",onInit:function(a){h=a},onTap:function(){F()}},{name:"button--zoom",option:"zoomEl",onTap:a.toggleDesktopZoom},{name:"counter",option:"counterEl",onInit:function(a){g=a}},{name:"button--close",option:"closeEl",onTap:a.close},{name:"button--arrow--left",option:"arrowEl",onTap:a.prev},{name:"button--arrow--right",option:"arrowEl",onTap:a.next},{name:"button--fs",option:"fullscreenEl",onTap:function(){c.isFullscreen()?c.exit():c.enter()}},{name:"preloader",option:"preloaderEl",onInit:function(a){m=a}}],T=function(){var a,c,e,f=function(d){if(d)for(var f=d.length,g=0;f>g;g++){a=d[g],c=a.className;for(var h=0;h<S.length;h++)e=S[h],c.indexOf("pswp__"+e.name)>-1&&(q[e.option]?(b.removeClass(a,"pswp__element--disabled"),e.onInit&&e.onInit(a)):b.addClass(a,"pswp__element--disabled"))}};f(d.children);var g=b.getChildByClass(d,"pswp__top-bar");g&&f(g.children)};v.init=function(){b.extend(a.options,z,!0),q=a.options,d=b.getChildByClass(a.scrollWrap,"pswp__ui"),l=a.listen,R(),l("beforeChange",v.update),l("doubleTap",function(b){var c=a.currItem.initialZoomLevel;a.getZoomLevel()!==c?a.zoomTo(c,b,333):a.zoomTo(q.getDoubleTapZoom(!1,a.currItem),b,333)}),l("preventDragEvent",function(a,b,c){var d=a.target||a.srcElement;d&&d.getAttribute("class")&&a.type.indexOf("mouse")>-1&&(d.getAttribute("class").indexOf("__caption")>0||/(SMALL|STRONG|EM)/i.test(d.tagName))&&(c.prevent=!1)}),l("bindEvents",function(){b.bind(d,"pswpTap click",A),b.bind(a.scrollWrap,"pswpTap",v.onGlobalTap),a.likelyTouchDevice||b.bind(a.scrollWrap,"mouseover",v.onMouseOver)}),l("unbindEvents",function(){y||F(),t&&clearInterval(t),b.unbind(document,"mouseout",L),b.unbind(document,"mousemove",K),b.unbind(d,"pswpTap click",A),b.unbind(a.scrollWrap,"pswpTap",v.onGlobalTap),b.unbind(a.scrollWrap,"mouseover",v.onMouseOver),c&&(b.unbind(document,c.eventK,v.updateFullscreen),c.isFullscreen()&&(q.hideAnimationDuration=0,c.exit()),c=null)}),l("destroy",function(){q.captionEl&&(f&&d.removeChild(f),b.removeClass(e,"pswp__caption--empty")),i&&(i.children[0].onclick=null),b.removeClass(d,"pswp__ui--over-close"),b.addClass(d,"pswp__ui--hidden"),v.setIdle(!1)}),q.showAnimationDuration||b.removeClass(d,"pswp__ui--hidden"),l("initialZoomIn",function(){q.showAnimationDuration&&b.removeClass(d,"pswp__ui--hidden")}),l("initialZoomOut",function(){b.addClass(d,"pswp__ui--hidden")}),l("parseVerticalMargin",P),T(),q.shareEl&&h&&i&&(y=!0),D(),Q(),M(),N()},v.setIdle=function(a){k=a,C(d,"ui--idle",a)},v.update=function(){x&&a.currItem?(v.updateIndexIndicator(),q.captionEl&&(q.addCaptionHTMLFn(a.currItem,e),C(e,"caption--empty",!a.currItem.title)),w=!0):w=!1,y||F(),D()},v.updateFullscreen=function(d){d&&setTimeout(function(){a.setScrollOffset(0,b.getScrollY())},50),b[(c.isFullscreen()?"add":"remove")+"Class"](a.template,"pswp--fs")},v.updateIndexIndicator=function(){q.counterEl&&(g.innerHTML=a.getCurrentIndex()+1+q.indexIndicatorSep+q.getNumItemsFn())},v.onGlobalTap=function(c){c=c||window.event;var d=c.target||c.srcElement;if(!r)if(c.detail&&"mouse"===c.detail.pointerType){if(I(d))return void a.close();b.hasClass(d,"pswp__img")&&(1===a.getZoomLevel()&&a.getZoomLevel()<=a.currItem.fitRatio?q.clickToCloseNonZoomable&&a.close():a.toggleDesktopZoom(c.detail.releasePoint))}else if(q.tapToToggleControls&&(x?v.hideControls():v.showControls()),q.tapToClose&&(b.hasClass(d,"pswp__img")||I(d)))return void a.close()},v.onMouseOver=function(a){a=a||window.event;var b=a.target||a.srcElement;C(d,"ui--over-close",I(b))},v.hideControls=function(){b.addClass(d,"pswp__ui--hidden"),x=!1},v.showControls=function(){x=!0,w||v.update(),b.removeClass(d,"pswp__ui--hidden")},v.supportsFullscreen=function(){var a=document;return!!(a.exitFullscreen||a.mozCancelFullScreen||a.webkitExitFullscreen||a.msExitFullscreen)},v.getFullscreenAPI=function(){var b,c=document.documentElement,d="fullscreenchange";return c.requestFullscreen?b={enterK:"requestFullscreen",exitK:"exitFullscreen",elementK:"fullscreenElement",eventK:d}:c.mozRequestFullScreen?b={enterK:"mozRequestFullScreen",exitK:"mozCancelFullScreen",elementK:"mozFullScreenElement",eventK:"moz"+d}:c.webkitRequestFullscreen?b={enterK:"webkitRequestFullscreen",exitK:"webkitExitFullscreen",elementK:"webkitFullscreenElement",eventK:"webkit"+d}:c.msRequestFullscreen&&(b={enterK:"msRequestFullscreen",exitK:"msExitFullscreen",elementK:"msFullscreenElement",eventK:"MSFullscreenChange"}),b&&(b.enter=function(){return j=q.closeOnScroll,q.closeOnScroll=!1,"webkitRequestFullscreen"!==this.enterK?a.template[this.enterK]():void a.template[this.enterK](Element.ALLOW_KEYBOARD_INPUT)},b.exit=function(){return q.closeOnScroll=j,document[this.exitK]()},b.isFullscreen=function(){return document[this.elementK]}),b}};return a});


--------------------------------------------------------------------------------
/photoswipe/default-skin/default-skin.css:
--------------------------------------------------------------------------------
  1 | /*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
  2 | /*
  3 | 
  4 | 	Contents:
  5 | 
  6 | 	1. Buttons
  7 | 	2. Share modal and links
  8 | 	3. Index indicator ("1 of X" counter)
  9 | 	4. Caption
 10 | 	5. Loading indicator
 11 | 	6. Additional styles (root element, top bar, idle state, hidden state, etc.)
 12 | 
 13 | */
 14 | /*
 15 | 	
 16 | 	1. Buttons
 17 | 
 18 |  */
 19 | /* <button> css reset */
 20 | .pswp__button {
 21 |   width: 44px;
 22 |   height: 44px;
 23 |   position: relative;
 24 |   background: none;
 25 |   cursor: pointer;
 26 |   overflow: visible;
 27 |   -webkit-appearance: none;
 28 |   display: block;
 29 |   border: 0;
 30 |   padding: 0;
 31 |   margin: 0;
 32 |   float: right;
 33 |   opacity: 0.75;
 34 |   -webkit-transition: opacity 0.2s;
 35 |           transition: opacity 0.2s;
 36 |   -webkit-box-shadow: none;
 37 |           box-shadow: none; }
 38 |   .pswp__button:focus,
 39 |   .pswp__button:hover {
 40 |     opacity: 1; }
 41 |   .pswp__button:active {
 42 |     outline: none;
 43 |     opacity: 0.9; }
 44 |   .pswp__button::-moz-focus-inner {
 45 |     padding: 0;
 46 |     border: 0; }
 47 | 
 48 | /* pswp__ui--over-close class it added when mouse is over element that should close gallery */
 49 | .pswp__ui--over-close .pswp__button--close {
 50 |   opacity: 1; }
 51 | 
 52 | .pswp__button,
 53 | .pswp__button--arrow--left:before,
 54 | .pswp__button--arrow--right:before {
 55 |   background: url(default-skin.png) 0 0 no-repeat;
 56 |   background-size: 264px 88px;
 57 |   width: 44px;
 58 |   height: 44px; }
 59 | 
 60 | @media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
 61 |   /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
 62 |   .pswp--svg .pswp__button,
 63 |   .pswp--svg .pswp__button--arrow--left:before,
 64 |   .pswp--svg .pswp__button--arrow--right:before {
 65 |     background-image: url(default-skin.svg); }
 66 |   .pswp--svg .pswp__button--arrow--left,
 67 |   .pswp--svg .pswp__button--arrow--right {
 68 |     background: none; } }
 69 | 
 70 | .pswp__button--close {
 71 |   background-position: 0 -44px; }
 72 | 
 73 | .pswp__button--share {
 74 |   background-position: -44px -44px; }
 75 | 
 76 | .pswp__button--fs {
 77 |   display: none; }
 78 | 
 79 | .pswp--supports-fs .pswp__button--fs {
 80 |   display: block; }
 81 | 
 82 | .pswp--fs .pswp__button--fs {
 83 |   background-position: -44px 0; }
 84 | 
 85 | .pswp__button--zoom {
 86 |   display: none;
 87 |   background-position: -88px 0; }
 88 | 
 89 | .pswp--zoom-allowed .pswp__button--zoom {
 90 |   display: block; }
 91 | 
 92 | .pswp--zoomed-in .pswp__button--zoom {
 93 |   background-position: -132px 0; }
 94 | 
 95 | /* no arrows on touch screens */
 96 | .pswp--touch .pswp__button--arrow--left,
 97 | .pswp--touch .pswp__button--arrow--right {
 98 |   visibility: hidden; }
 99 | 
100 | /*
101 | 	Arrow buttons hit area
102 | 	(icon is added to :before pseudo-element)
103 | */
104 | .pswp__button--arrow--left,
105 | .pswp__button--arrow--right {
106 |   background: none;
107 |   top: 50%;
108 |   margin-top: -50px;
109 |   width: 70px;
110 |   height: 100px;
111 |   position: absolute; }
112 | 
113 | .pswp__button--arrow--left {
114 |   left: 0; }
115 | 
116 | .pswp__button--arrow--right {
117 |   right: 0; }
118 | 
119 | .pswp__button--arrow--left:before,
120 | .pswp__button--arrow--right:before {
121 |   content: '';
122 |   top: 35px;
123 |   background-color: rgba(0, 0, 0, 0.3);
124 |   height: 30px;
125 |   width: 32px;
126 |   position: absolute; }
127 | 
128 | .pswp__button--arrow--left:before {
129 |   left: 6px;
130 |   background-position: -138px -44px; }
131 | 
132 | .pswp__button--arrow--right:before {
133 |   right: 6px;
134 |   background-position: -94px -44px; }
135 | 
136 | /*
137 | 
138 | 	2. Share modal/popup and links
139 | 
140 |  */
141 | .pswp__counter,
142 | .pswp__share-modal {
143 |   -webkit-user-select: none;
144 |   -moz-user-select: none;
145 |   -ms-user-select: none;
146 |       user-select: none; }
147 | 
148 | .pswp__share-modal {
149 |   display: block;
150 |   background: rgba(0, 0, 0, 0.5);
151 |   width: 100%;
152 |   height: 100%;
153 |   top: 0;
154 |   left: 0;
155 |   padding: 10px;
156 |   position: absolute;
157 |   z-index: 1600;
158 |   opacity: 0;
159 |   -webkit-transition: opacity 0.25s ease-out;
160 |           transition: opacity 0.25s ease-out;
161 |   -webkit-backface-visibility: hidden;
162 |   will-change: opacity; }
163 | 
164 | .pswp__share-modal--hidden {
165 |   display: none; }
166 | 
167 | .pswp__share-tooltip {
168 |   z-index: 1620;
169 |   position: absolute;
170 |   background: #FFF;
171 |   top: 56px;
172 |   border-radius: 2px;
173 |   display: block;
174 |   width: auto;
175 |   right: 44px;
176 |   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
177 |           box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
178 |   -webkit-transform: translateY(6px);
179 |       -ms-transform: translateY(6px);
180 |           transform: translateY(6px);
181 |   -webkit-transition: -webkit-transform 0.25s;
182 |           transition: transform 0.25s;
183 |   -webkit-backface-visibility: hidden;
184 |   will-change: transform; }
185 |   .pswp__share-tooltip a {
186 |     display: block;
187 |     padding: 8px 12px;
188 |     color: #000;
189 |     text-decoration: none;
190 |     font-size: 14px;
191 |     line-height: 18px; }
192 |     .pswp__share-tooltip a:hover {
193 |       text-decoration: none;
194 |       color: #000; }
195 |     .pswp__share-tooltip a:first-child {
196 |       /* round corners on the first/last list item */
197 |       border-radius: 2px 2px 0 0; }
198 |     .pswp__share-tooltip a:last-child {
199 |       border-radius: 0 0 2px 2px; }
200 | 
201 | .pswp__share-modal--fade-in {
202 |   opacity: 1; }
203 |   .pswp__share-modal--fade-in .pswp__share-tooltip {
204 |     -webkit-transform: translateY(0);
205 |         -ms-transform: translateY(0);
206 |             transform: translateY(0); }
207 | 
208 | /* increase size of share links on touch devices */
209 | .pswp--touch .pswp__share-tooltip a {
210 |   padding: 16px 12px; }
211 | 
212 | a.pswp__share--facebook:before {
213 |   content: '';
214 |   display: block;
215 |   width: 0;
216 |   height: 0;
217 |   position: absolute;
218 |   top: -12px;
219 |   right: 15px;
220 |   border: 6px solid transparent;
221 |   border-bottom-color: #FFF;
222 |   -webkit-pointer-events: none;
223 |   -moz-pointer-events: none;
224 |   pointer-events: none; }
225 | 
226 | a.pswp__share--facebook:hover {
227 |   background: #3E5C9A;
228 |   color: #FFF; }
229 |   a.pswp__share--facebook:hover:before {
230 |     border-bottom-color: #3E5C9A; }
231 | 
232 | a.pswp__share--twitter:hover {
233 |   background: #55ACEE;
234 |   color: #FFF; }
235 | 
236 | a.pswp__share--pinterest:hover {
237 |   background: #CCC;
238 |   color: #CE272D; }
239 | 
240 | a.pswp__share--download:hover {
241 |   background: #DDD; }
242 | 
243 | /*
244 | 
245 | 	3. Index indicator ("1 of X" counter)
246 | 
247 |  */
248 | .pswp__counter {
249 |   position: absolute;
250 |   left: 0;
251 |   top: 0;
252 |   height: 44px;
253 |   font-size: 13px;
254 |   line-height: 44px;
255 |   color: #FFF;
256 |   opacity: 0.75;
257 |   padding: 0 10px; }
258 | 
259 | /*
260 | 	
261 | 	4. Caption
262 | 
263 |  */
264 | .pswp__caption {
265 |   position: absolute;
266 |   left: 0;
267 |   bottom: 0;
268 |   width: 100%;
269 |   min-height: 44px; }
270 |   .pswp__caption small {
271 |     font-size: 11px;
272 |     color: #BBB; }
273 | 
274 | .pswp__caption__center {
275 |   text-align: left;
276 |   max-width: 420px;
277 |   margin: 0 auto;
278 |   font-size: 13px;
279 |   padding: 10px;
280 |   line-height: 20px;
281 |   color: #CCC; }
282 | 
283 | .pswp__caption--empty {
284 |   display: none; }
285 | 
286 | /* Fake caption element, used to calculate height of next/prev image */
287 | .pswp__caption--fake {
288 |   visibility: hidden; }
289 | 
290 | /*
291 | 
292 | 	5. Loading indicator (preloader)
293 | 
294 | 	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR
295 | 
296 |  */
297 | .pswp__preloader {
298 |   width: 44px;
299 |   height: 44px;
300 |   position: absolute;
301 |   top: 0;
302 |   left: 50%;
303 |   margin-left: -22px;
304 |   opacity: 0;
305 |   -webkit-transition: opacity 0.25s ease-out;
306 |           transition: opacity 0.25s ease-out;
307 |   will-change: opacity;
308 |   direction: ltr; }
309 | 
310 | .pswp__preloader__icn {
311 |   width: 20px;
312 |   height: 20px;
313 |   margin: 12px; }
314 | 
315 | .pswp__preloader--active {
316 |   opacity: 1; }
317 |   .pswp__preloader--active .pswp__preloader__icn {
318 |     /* We use .gif in browsers that don't support CSS animation */
319 |     background: url(preloader.gif) 0 0 no-repeat; }
320 | 
321 | .pswp--css_animation .pswp__preloader--active {
322 |   opacity: 1; }
323 |   .pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
324 |     -webkit-animation: clockwise 500ms linear infinite;
325 |             animation: clockwise 500ms linear infinite; }
326 |   .pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
327 |     -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
328 |             animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite; }
329 | 
330 | .pswp--css_animation .pswp__preloader__icn {
331 |   background: none;
332 |   opacity: 0.75;
333 |   width: 14px;
334 |   height: 14px;
335 |   position: absolute;
336 |   left: 15px;
337 |   top: 15px;
338 |   margin: 0; }
339 | 
340 | .pswp--css_animation .pswp__preloader__cut {
341 |   /* 
342 | 			The idea of animating inner circle is based on Polymer ("material") loading indicator 
343 | 			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
344 | 		*/
345 |   position: relative;
346 |   width: 7px;
347 |   height: 14px;
348 |   overflow: hidden; }
349 | 
350 | .pswp--css_animation .pswp__preloader__donut {
351 |   -webkit-box-sizing: border-box;
352 |           box-sizing: border-box;
353 |   width: 14px;
354 |   height: 14px;
355 |   border: 2px solid #FFF;
356 |   border-radius: 50%;
357 |   border-left-color: transparent;
358 |   border-bottom-color: transparent;
359 |   position: absolute;
360 |   top: 0;
361 |   left: 0;
362 |   background: none;
363 |   margin: 0; }
364 | 
365 | @media screen and (max-width: 1024px) {
366 |   .pswp__preloader {
367 |     position: relative;
368 |     left: auto;
369 |     top: auto;
370 |     margin: 0;
371 |     float: right; } }
372 | 
373 | @-webkit-keyframes clockwise {
374 |   0% {
375 |     -webkit-transform: rotate(0deg);
376 |             transform: rotate(0deg); }
377 |   100% {
378 |     -webkit-transform: rotate(360deg);
379 |             transform: rotate(360deg); } }
380 | 
381 | @keyframes clockwise {
382 |   0% {
383 |     -webkit-transform: rotate(0deg);
384 |             transform: rotate(0deg); }
385 |   100% {
386 |     -webkit-transform: rotate(360deg);
387 |             transform: rotate(360deg); } }
388 | 
389 | @-webkit-keyframes donut-rotate {
390 |   0% {
391 |     -webkit-transform: rotate(0);
392 |             transform: rotate(0); }
393 |   50% {
394 |     -webkit-transform: rotate(-140deg);
395 |             transform: rotate(-140deg); }
396 |   100% {
397 |     -webkit-transform: rotate(0);
398 |             transform: rotate(0); } }
399 | 
400 | @keyframes donut-rotate {
401 |   0% {
402 |     -webkit-transform: rotate(0);
403 |             transform: rotate(0); }
404 |   50% {
405 |     -webkit-transform: rotate(-140deg);
406 |             transform: rotate(-140deg); }
407 |   100% {
408 |     -webkit-transform: rotate(0);
409 |             transform: rotate(0); } }
410 | 
411 | /*
412 | 	
413 | 	6. Additional styles
414 | 
415 |  */
416 | /* root element of UI */
417 | .pswp__ui {
418 |   -webkit-font-smoothing: auto;
419 |   visibility: visible;
420 |   opacity: 1;
421 |   z-index: 1550; }
422 | 
423 | /* top black bar with buttons and "1 of X" indicator */
424 | .pswp__top-bar {
425 |   position: absolute;
426 |   left: 0;
427 |   top: 0;
428 |   height: 44px;
429 |   width: 100%; }
430 | 
431 | .pswp__caption,
432 | .pswp__top-bar,
433 | .pswp--has_mouse .pswp__button--arrow--left,
434 | .pswp--has_mouse .pswp__button--arrow--right {
435 |   -webkit-backface-visibility: hidden;
436 |   will-change: opacity;
437 |   -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
438 |           transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1); }
439 | 
440 | /* pswp--has_mouse class is added only when two subsequent mousemove events occur */
441 | .pswp--has_mouse .pswp__button--arrow--left,
442 | .pswp--has_mouse .pswp__button--arrow--right {
443 |   visibility: visible; }
444 | 
445 | .pswp__top-bar,
446 | .pswp__caption {
447 |   background-color: rgba(0, 0, 0, 0.5); }
448 | 
449 | /* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
450 | .pswp__ui--fit .pswp__top-bar,
451 | .pswp__ui--fit .pswp__caption {
452 |   background-color: rgba(0, 0, 0, 0.3); }
453 | 
454 | /* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
455 | .pswp__ui--idle .pswp__top-bar {
456 |   opacity: 0; }
457 | 
458 | .pswp__ui--idle .pswp__button--arrow--left,
459 | .pswp__ui--idle .pswp__button--arrow--right {
460 |   opacity: 0; }
461 | 
462 | /*
463 | 	pswp__ui--hidden class is added when controls are hidden
464 | 	e.g. when user taps to toggle visibility of controls
465 | */
466 | .pswp__ui--hidden .pswp__top-bar,
467 | .pswp__ui--hidden .pswp__caption,
468 | .pswp__ui--hidden .pswp__button--arrow--left,
469 | .pswp__ui--hidden .pswp__button--arrow--right {
470 |   /* Force paint & create composition layer for controls. */
471 |   opacity: 0.001; }
472 | 
473 | /* pswp__ui--one-slide class is added when there is just one item in gallery */
474 | .pswp__ui--one-slide .pswp__button--arrow--left,
475 | .pswp__ui--one-slide .pswp__button--arrow--right,
476 | .pswp__ui--one-slide .pswp__counter {
477 |   display: none; }
478 | 
479 | .pswp__element--disabled {
480 |   display: none !important; }
481 | 
482 | .pswp--minimal--dark .pswp__top-bar {
483 |   background: none; }
484 | 


--------------------------------------------------------------------------------
/photoswipe/photoswipe-ui-default.js:
--------------------------------------------------------------------------------
  1 | /*! PhotoSwipe Default UI - 4.1.1 - 2015-12-24
  2 | * http://photoswipe.com
  3 | * Copyright (c) 2015 Dmitry Semenov; */
  4 | /**
  5 | *
  6 | * UI on top of main sliding area (caption, arrows, close button, etc.).
  7 | * Built just using public methods/properties of PhotoSwipe.
  8 | * 
  9 | */
 10 | (function (root, factory) { 
 11 | 	if (typeof define === 'function' && define.amd) {
 12 | 		define(factory);
 13 | 	} else if (typeof exports === 'object') {
 14 | 		module.exports = factory();
 15 | 	} else {
 16 | 		root.PhotoSwipeUI_Default = factory();
 17 | 	}
 18 | })(this, function () {
 19 | 
 20 | 	'use strict';
 21 | 
 22 | 
 23 | 
 24 | var PhotoSwipeUI_Default =
 25 |  function(pswp, framework) {
 26 | 
 27 | 	var ui = this;
 28 | 	var _overlayUIUpdated = false,
 29 | 		_controlsVisible = true,
 30 | 		_fullscrenAPI,
 31 | 		_controls,
 32 | 		_captionContainer,
 33 | 		_fakeCaptionContainer,
 34 | 		_indexIndicator,
 35 | 		_shareButton,
 36 | 		_shareModal,
 37 | 		_shareModalHidden = true,
 38 | 		_initalCloseOnScrollValue,
 39 | 		_isIdle,
 40 | 		_listen,
 41 | 
 42 | 		_loadingIndicator,
 43 | 		_loadingIndicatorHidden,
 44 | 		_loadingIndicatorTimeout,
 45 | 
 46 | 		_galleryHasOneSlide,
 47 | 
 48 | 		_options,
 49 | 		_defaultUIOptions = {
 50 | 			barsSize: {top:44, bottom:'auto'},
 51 | 			closeElClasses: ['item', 'caption', 'zoom-wrap', 'ui', 'top-bar'], 
 52 | 			timeToIdle: 4000, 
 53 | 			timeToIdleOutside: 1000,
 54 | 			loadingIndicatorDelay: 1000, // 2s
 55 | 			
 56 | 			addCaptionHTMLFn: function(item, captionEl /*, isFake */) {
 57 | 				if(!item.title) {
 58 | 					captionEl.children[0].innerHTML = '';
 59 | 					return false;
 60 | 				}
 61 | 				captionEl.children[0].innerHTML = item.title;
 62 | 				return true;
 63 | 			},
 64 | 
 65 | 			closeEl:true,
 66 | 			captionEl: true,
 67 | 			fullscreenEl: true,
 68 | 			zoomEl: true,
 69 | 			shareEl: true,
 70 | 			counterEl: true,
 71 | 			arrowEl: true,
 72 | 			preloaderEl: true,
 73 | 
 74 | 			tapToClose: false,
 75 | 			tapToToggleControls: true,
 76 | 
 77 | 			clickToCloseNonZoomable: true,
 78 | 
 79 | 			shareButtons: [
 80 | 				{id:'facebook', label:'Share on Facebook', url:'https://www.facebook.com/sharer/sharer.php?u={{url}}'},
 81 | 				{id:'twitter', label:'Tweet', url:'https://twitter.com/intent/tweet?text={{text}}&url={{url}}'},
 82 | 				{id:'pinterest', label:'Pin it', url:'http://www.pinterest.com/pin/create/button/'+
 83 | 													'?url={{url}}&media={{image_url}}&description={{text}}'},
 84 | 				{id:'download', label:'Download image', url:'{{raw_image_url}}', download:true}
 85 | 			],
 86 | 			getImageURLForShare: function( /* shareButtonData */ ) {
 87 | 				return pswp.currItem.src || '';
 88 | 			},
 89 | 			getPageURLForShare: function( /* shareButtonData */ ) {
 90 | 				return window.location.href;
 91 | 			},
 92 | 			getTextForShare: function( /* shareButtonData */ ) {
 93 | 				return pswp.currItem.title || '';
 94 | 			},
 95 | 				
 96 | 			indexIndicatorSep: ' / ',
 97 | 			fitControlsWidth: 1200
 98 | 
 99 | 		},
100 | 		_blockControlsTap,
101 | 		_blockControlsTapTimeout;
102 | 
103 | 
104 | 
105 | 	var _onControlsTap = function(e) {
106 | 			if(_blockControlsTap) {
107 | 				return true;
108 | 			}
109 | 
110 | 
111 | 			e = e || window.event;
112 | 
113 | 			if(_options.timeToIdle && _options.mouseUsed && !_isIdle) {
114 | 				// reset idle timer
115 | 				_onIdleMouseMove();
116 | 			}
117 | 
118 | 
119 | 			var target = e.target || e.srcElement,
120 | 				uiElement,
121 | 				clickedClass = target.getAttribute('class') || '',
122 | 				found;
123 | 
124 | 			for(var i = 0; i < _uiElements.length; i++) {
125 | 				uiElement = _uiElements[i];
126 | 				if(uiElement.onTap && clickedClass.indexOf('pswp__' + uiElement.name ) > -1 ) {
127 | 					uiElement.onTap();
128 | 					found = true;
129 | 
130 | 				}
131 | 			}
132 | 
133 | 			if(found) {
134 | 				if(e.stopPropagation) {
135 | 					e.stopPropagation();
136 | 				}
137 | 				_blockControlsTap = true;
138 | 
139 | 				// Some versions of Android don't prevent ghost click event 
140 | 				// when preventDefault() was called on touchstart and/or touchend.
141 | 				// 
142 | 				// This happens on v4.3, 4.2, 4.1, 
143 | 				// older versions strangely work correctly, 
144 | 				// but just in case we add delay on all of them)	
145 | 				var tapDelay = framework.features.isOldAndroid ? 600 : 30;
146 | 				_blockControlsTapTimeout = setTimeout(function() {
147 | 					_blockControlsTap = false;
148 | 				}, tapDelay);
149 | 			}
150 | 
151 | 		},
152 | 		_fitControlsInViewport = function() {
153 | 			return !pswp.likelyTouchDevice || _options.mouseUsed || screen.width > _options.fitControlsWidth;
154 | 		},
155 | 		_togglePswpClass = function(el, cName, add) {
156 | 			framework[ (add ? 'add' : 'remove') + 'Class' ](el, 'pswp__' + cName);
157 | 		},
158 | 
159 | 		// add class when there is just one item in the gallery
160 | 		// (by default it hides left/right arrows and 1ofX counter)
161 | 		_countNumItems = function() {
162 | 			var hasOneSlide = (_options.getNumItemsFn() === 1);
163 | 
164 | 			if(hasOneSlide !== _galleryHasOneSlide) {
165 | 				_togglePswpClass(_controls, 'ui--one-slide', hasOneSlide);
166 | 				_galleryHasOneSlide = hasOneSlide;
167 | 			}
168 | 		},
169 | 		_toggleShareModalClass = function() {
170 | 			_togglePswpClass(_shareModal, 'share-modal--hidden', _shareModalHidden);
171 | 		},
172 | 		_toggleShareModal = function() {
173 | 
174 | 			_shareModalHidden = !_shareModalHidden;
175 | 			
176 | 			
177 | 			if(!_shareModalHidden) {
178 | 				_toggleShareModalClass();
179 | 				setTimeout(function() {
180 | 					if(!_shareModalHidden) {
181 | 						framework.addClass(_shareModal, 'pswp__share-modal--fade-in');
182 | 					}
183 | 				}, 30);
184 | 			} else {
185 | 				framework.removeClass(_shareModal, 'pswp__share-modal--fade-in');
186 | 				setTimeout(function() {
187 | 					if(_shareModalHidden) {
188 | 						_toggleShareModalClass();
189 | 					}
190 | 				}, 300);
191 | 			}
192 | 			
193 | 			if(!_shareModalHidden) {
194 | 				_updateShareURLs();
195 | 			}
196 | 			return false;
197 | 		},
198 | 
199 | 		_openWindowPopup = function(e) {
200 | 			e = e || window.event;
201 | 			var target = e.target || e.srcElement;
202 | 
203 | 			pswp.shout('shareLinkClick', e, target);
204 | 
205 | 			if(!target.href) {
206 | 				return false;
207 | 			}
208 | 
209 | 			if( target.hasAttribute('download') ) {
210 | 				return true;
211 | 			}
212 | 
213 | 			window.open(target.href, 'pswp_share', 'scrollbars=yes,resizable=yes,toolbar=no,'+
214 | 										'location=yes,width=550,height=420,top=100,left=' + 
215 | 										(window.screen ? Math.round(screen.width / 2 - 275) : 100)  );
216 | 
217 | 			if(!_shareModalHidden) {
218 | 				_toggleShareModal();
219 | 			}
220 | 			
221 | 			return false;
222 | 		},
223 | 		_updateShareURLs = function() {
224 | 			var shareButtonOut = '',
225 | 				shareButtonData,
226 | 				shareURL,
227 | 				image_url,
228 | 				page_url,
229 | 				share_text;
230 | 
231 | 			for(var i = 0; i < _options.shareButtons.length; i++) {
232 | 				shareButtonData = _options.shareButtons[i];
233 | 
234 | 				image_url = _options.getImageURLForShare(shareButtonData);
235 | 				page_url = _options.getPageURLForShare(shareButtonData);
236 | 				share_text = _options.getTextForShare(shareButtonData);
237 | 
238 | 				shareURL = shareButtonData.url.replace('{{url}}', encodeURIComponent(page_url) )
239 | 									.replace('{{image_url}}', encodeURIComponent(image_url) )
240 | 									.replace('{{raw_image_url}}', image_url )
241 | 									.replace('{{text}}', encodeURIComponent(share_text) );
242 | 
243 | 				shareButtonOut += '<a href="' + shareURL + '" target="_blank" '+
244 | 									'class="pswp__share--' + shareButtonData.id + '"' +
245 | 									(shareButtonData.download ? 'download' : '') + '>' + 
246 | 									shareButtonData.label + '</a>';
247 | 
248 | 				if(_options.parseShareButtonOut) {
249 | 					shareButtonOut = _options.parseShareButtonOut(shareButtonData, shareButtonOut);
250 | 				}
251 | 			}
252 | 			_shareModal.children[0].innerHTML = shareButtonOut;
253 | 			_shareModal.children[0].onclick = _openWindowPopup;
254 | 
255 | 		},
256 | 		_hasCloseClass = function(target) {
257 | 			for(var  i = 0; i < _options.closeElClasses.length; i++) {
258 | 				if( framework.hasClass(target, 'pswp__' + _options.closeElClasses[i]) ) {
259 | 					return true;
260 | 				}
261 | 			}
262 | 		},
263 | 		_idleInterval,
264 | 		_idleTimer,
265 | 		_idleIncrement = 0,
266 | 		_onIdleMouseMove = function() {
267 | 			clearTimeout(_idleTimer);
268 | 			_idleIncrement = 0;
269 | 			if(_isIdle) {
270 | 				ui.setIdle(false);
271 | 			}
272 | 		},
273 | 		_onMouseLeaveWindow = function(e) {
274 | 			e = e ? e : window.event;
275 | 			var from = e.relatedTarget || e.toElement;
276 | 			if (!from || from.nodeName === 'HTML') {
277 | 				clearTimeout(_idleTimer);
278 | 				_idleTimer = setTimeout(function() {
279 | 					ui.setIdle(true);
280 | 				}, _options.timeToIdleOutside);
281 | 			}
282 | 		},
283 | 		_setupFullscreenAPI = function() {
284 | 			if(_options.fullscreenEl && !framework.features.isOldAndroid) {
285 | 				if(!_fullscrenAPI) {
286 | 					_fullscrenAPI = ui.getFullscreenAPI();
287 | 				}
288 | 				if(_fullscrenAPI) {
289 | 					framework.bind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
290 | 					ui.updateFullscreen();
291 | 					framework.addClass(pswp.template, 'pswp--supports-fs');
292 | 				} else {
293 | 					framework.removeClass(pswp.template, 'pswp--supports-fs');
294 | 				}
295 | 			}
296 | 		},
297 | 		_setupLoadingIndicator = function() {
298 | 			// Setup loading indicator
299 | 			if(_options.preloaderEl) {
300 | 			
301 | 				_toggleLoadingIndicator(true);
302 | 
303 | 				_listen('beforeChange', function() {
304 | 
305 | 					clearTimeout(_loadingIndicatorTimeout);
306 | 
307 | 					// display loading indicator with delay
308 | 					_loadingIndicatorTimeout = setTimeout(function() {
309 | 
310 | 						if(pswp.currItem && pswp.currItem.loading) {
311 | 
312 | 							if( !pswp.allowProgressiveImg() || (pswp.currItem.img && !pswp.currItem.img.naturalWidth)  ) {
313 | 								// show preloader if progressive loading is not enabled, 
314 | 								// or image width is not defined yet (because of slow connection)
315 | 								_toggleLoadingIndicator(false); 
316 | 								// items-controller.js function allowProgressiveImg
317 | 							}
318 | 							
319 | 						} else {
320 | 							_toggleLoadingIndicator(true); // hide preloader
321 | 						}
322 | 
323 | 					}, _options.loadingIndicatorDelay);
324 | 					
325 | 				});
326 | 				_listen('imageLoadComplete', function(index, item) {
327 | 					if(pswp.currItem === item) {
328 | 						_toggleLoadingIndicator(true);
329 | 					}
330 | 				});
331 | 
332 | 			}
333 | 		},
334 | 		_toggleLoadingIndicator = function(hide) {
335 | 			if( _loadingIndicatorHidden !== hide ) {
336 | 				_togglePswpClass(_loadingIndicator, 'preloader--active', !hide);
337 | 				_loadingIndicatorHidden = hide;
338 | 			}
339 | 		},
340 | 		_applyNavBarGaps = function(item) {
341 | 			var gap = item.vGap;
342 | 
343 | 			if( _fitControlsInViewport() ) {
344 | 				
345 | 				var bars = _options.barsSize; 
346 | 				if(_options.captionEl && bars.bottom === 'auto') {
347 | 					if(!_fakeCaptionContainer) {
348 | 						_fakeCaptionContainer = framework.createEl('pswp__caption pswp__caption--fake');
349 | 						_fakeCaptionContainer.appendChild( framework.createEl('pswp__caption__center') );
350 | 						_controls.insertBefore(_fakeCaptionContainer, _captionContainer);
351 | 						framework.addClass(_controls, 'pswp__ui--fit');
352 | 					}
353 | 					if( _options.addCaptionHTMLFn(item, _fakeCaptionContainer, true) ) {
354 | 
355 | 						var captionSize = _fakeCaptionContainer.clientHeight;
356 | 						gap.bottom = parseInt(captionSize,10) || 44;
357 | 					} else {
358 | 						gap.bottom = bars.top; // if no caption, set size of bottom gap to size of top
359 | 					}
360 | 				} else {
361 | 					gap.bottom = bars.bottom === 'auto' ? 0 : bars.bottom;
362 | 				}
363 | 				
364 | 				// height of top bar is static, no need to calculate it
365 | 				gap.top = bars.top;
366 | 			} else {
367 | 				gap.top = gap.bottom = 0;
368 | 			}
369 | 		},
370 | 		_setupIdle = function() {
371 | 			// Hide controls when mouse is used
372 | 			if(_options.timeToIdle) {
373 | 				_listen('mouseUsed', function() {
374 | 					
375 | 					framework.bind(document, 'mousemove', _onIdleMouseMove);
376 | 					framework.bind(document, 'mouseout', _onMouseLeaveWindow);
377 | 
378 | 					_idleInterval = setInterval(function() {
379 | 						_idleIncrement++;
380 | 						if(_idleIncrement === 2) {
381 | 							ui.setIdle(true);
382 | 						}
383 | 					}, _options.timeToIdle / 2);
384 | 				});
385 | 			}
386 | 		},
387 | 		_setupHidingControlsDuringGestures = function() {
388 | 
389 | 			// Hide controls on vertical drag
390 | 			_listen('onVerticalDrag', function(now) {
391 | 				if(_controlsVisible && now < 0.95) {
392 | 					ui.hideControls();
393 | 				} else if(!_controlsVisible && now >= 0.95) {
394 | 					ui.showControls();
395 | 				}
396 | 			});
397 | 
398 | 			// Hide controls when pinching to close
399 | 			var pinchControlsHidden;
400 | 			_listen('onPinchClose' , function(now) {
401 | 				if(_controlsVisible && now < 0.9) {
402 | 					ui.hideControls();
403 | 					pinchControlsHidden = true;
404 | 				} else if(pinchControlsHidden && !_controlsVisible && now > 0.9) {
405 | 					ui.showControls();
406 | 				}
407 | 			});
408 | 
409 | 			_listen('zoomGestureEnded', function() {
410 | 				pinchControlsHidden = false;
411 | 				if(pinchControlsHidden && !_controlsVisible) {
412 | 					ui.showControls();
413 | 				}
414 | 			});
415 | 
416 | 		};
417 | 
418 | 
419 | 
420 | 	var _uiElements = [
421 | 		{ 
422 | 			name: 'caption', 
423 | 			option: 'captionEl',
424 | 			onInit: function(el) {  
425 | 				_captionContainer = el; 
426 | 			} 
427 | 		},
428 | 		{ 
429 | 			name: 'share-modal', 
430 | 			option: 'shareEl',
431 | 			onInit: function(el) {  
432 | 				_shareModal = el;
433 | 			},
434 | 			onTap: function() {
435 | 				_toggleShareModal();
436 | 			} 
437 | 		},
438 | 		{ 
439 | 			name: 'button--share', 
440 | 			option: 'shareEl',
441 | 			onInit: function(el) { 
442 | 				_shareButton = el;
443 | 			},
444 | 			onTap: function() {
445 | 				_toggleShareModal();
446 | 			} 
447 | 		},
448 | 		{ 
449 | 			name: 'button--zoom', 
450 | 			option: 'zoomEl',
451 | 			onTap: pswp.toggleDesktopZoom
452 | 		},
453 | 		{ 
454 | 			name: 'counter', 
455 | 			option: 'counterEl',
456 | 			onInit: function(el) {  
457 | 				_indexIndicator = el;
458 | 			} 
459 | 		},
460 | 		{ 
461 | 			name: 'button--close', 
462 | 			option: 'closeEl',
463 | 			onTap: pswp.close
464 | 		},
465 | 		{ 
466 | 			name: 'button--arrow--left', 
467 | 			option: 'arrowEl',
468 | 			onTap: pswp.prev
469 | 		},
470 | 		{ 
471 | 			name: 'button--arrow--right', 
472 | 			option: 'arrowEl',
473 | 			onTap: pswp.next
474 | 		},
475 | 		{ 
476 | 			name: 'button--fs', 
477 | 			option: 'fullscreenEl',
478 | 			onTap: function() {  
479 | 				if(_fullscrenAPI.isFullscreen()) {
480 | 					_fullscrenAPI.exit();
481 | 				} else {
482 | 					_fullscrenAPI.enter();
483 | 				}
484 | 			} 
485 | 		},
486 | 		{ 
487 | 			name: 'preloader', 
488 | 			option: 'preloaderEl',
489 | 			onInit: function(el) {  
490 | 				_loadingIndicator = el;
491 | 			} 
492 | 		}
493 | 
494 | 	];
495 | 
496 | 	var _setupUIElements = function() {
497 | 		var item,
498 | 			classAttr,
499 | 			uiElement;
500 | 
501 | 		var loopThroughChildElements = function(sChildren) {
502 | 			if(!sChildren) {
503 | 				return;
504 | 			}
505 | 
506 | 			var l = sChildren.length;
507 | 			for(var i = 0; i < l; i++) {
508 | 				item = sChildren[i];
509 | 				classAttr = item.className;
510 | 
511 | 				for(var a = 0; a < _uiElements.length; a++) {
512 | 					uiElement = _uiElements[a];
513 | 
514 | 					if(classAttr.indexOf('pswp__' + uiElement.name) > -1  ) {
515 | 
516 | 						if( _options[uiElement.option] ) { // if element is not disabled from options
517 | 							
518 | 							framework.removeClass(item, 'pswp__element--disabled');
519 | 							if(uiElement.onInit) {
520 | 								uiElement.onInit(item);
521 | 							}
522 | 							
523 | 							//item.style.display = 'block';
524 | 						} else {
525 | 							framework.addClass(item, 'pswp__element--disabled');
526 | 							//item.style.display = 'none';
527 | 						}
528 | 					}
529 | 				}
530 | 			}
531 | 		};
532 | 		loopThroughChildElements(_controls.children);
533 | 
534 | 		var topBar =  framework.getChildByClass(_controls, 'pswp__top-bar');
535 | 		if(topBar) {
536 | 			loopThroughChildElements( topBar.children );
537 | 		}
538 | 	};
539 | 
540 | 
541 | 	
542 | 
543 | 	ui.init = function() {
544 | 
545 | 		// extend options
546 | 		framework.extend(pswp.options, _defaultUIOptions, true);
547 | 
548 | 		// create local link for fast access
549 | 		_options = pswp.options;
550 | 
551 | 		// find pswp__ui element
552 | 		_controls = framework.getChildByClass(pswp.scrollWrap, 'pswp__ui');
553 | 
554 | 		// create local link
555 | 		_listen = pswp.listen;
556 | 
557 | 
558 | 		_setupHidingControlsDuringGestures();
559 | 
560 | 		// update controls when slides change
561 | 		_listen('beforeChange', ui.update);
562 | 
563 | 		// toggle zoom on double-tap
564 | 		_listen('doubleTap', function(point) {
565 | 			var initialZoomLevel = pswp.currItem.initialZoomLevel;
566 | 			if(pswp.getZoomLevel() !== initialZoomLevel) {
567 | 				pswp.zoomTo(initialZoomLevel, point, 333);
568 | 			} else {
569 | 				pswp.zoomTo(_options.getDoubleTapZoom(false, pswp.currItem), point, 333);
570 | 			}
571 | 		});
572 | 
573 | 		// Allow text selection in caption
574 | 		_listen('preventDragEvent', function(e, isDown, preventObj) {
575 | 			var t = e.target || e.srcElement;
576 | 			if(
577 | 				t && 
578 | 				t.getAttribute('class') && e.type.indexOf('mouse') > -1 && 
579 | 				( t.getAttribute('class').indexOf('__caption') > 0 || (/(SMALL|STRONG|EM)/i).test(t.tagName) ) 
580 | 			) {
581 | 				preventObj.prevent = false;
582 | 			}
583 | 		});
584 | 
585 | 		// bind events for UI
586 | 		_listen('bindEvents', function() {
587 | 			framework.bind(_controls, 'pswpTap click', _onControlsTap);
588 | 			framework.bind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
589 | 
590 | 			if(!pswp.likelyTouchDevice) {
591 | 				framework.bind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
592 | 			}
593 | 		});
594 | 
595 | 		// unbind events for UI
596 | 		_listen('unbindEvents', function() {
597 | 			if(!_shareModalHidden) {
598 | 				_toggleShareModal();
599 | 			}
600 | 
601 | 			if(_idleInterval) {
602 | 				clearInterval(_idleInterval);
603 | 			}
604 | 			framework.unbind(document, 'mouseout', _onMouseLeaveWindow);
605 | 			framework.unbind(document, 'mousemove', _onIdleMouseMove);
606 | 			framework.unbind(_controls, 'pswpTap click', _onControlsTap);
607 | 			framework.unbind(pswp.scrollWrap, 'pswpTap', ui.onGlobalTap);
608 | 			framework.unbind(pswp.scrollWrap, 'mouseover', ui.onMouseOver);
609 | 
610 | 			if(_fullscrenAPI) {
611 | 				framework.unbind(document, _fullscrenAPI.eventK, ui.updateFullscreen);
612 | 				if(_fullscrenAPI.isFullscreen()) {
613 | 					_options.hideAnimationDuration = 0;
614 | 					_fullscrenAPI.exit();
615 | 				}
616 | 				_fullscrenAPI = null;
617 | 			}
618 | 		});
619 | 
620 | 
621 | 		// clean up things when gallery is destroyed
622 | 		_listen('destroy', function() {
623 | 			if(_options.captionEl) {
624 | 				if(_fakeCaptionContainer) {
625 | 					_controls.removeChild(_fakeCaptionContainer);
626 | 				}
627 | 				framework.removeClass(_captionContainer, 'pswp__caption--empty');
628 | 			}
629 | 
630 | 			if(_shareModal) {
631 | 				_shareModal.children[0].onclick = null;
632 | 			}
633 | 			framework.removeClass(_controls, 'pswp__ui--over-close');
634 | 			framework.addClass( _controls, 'pswp__ui--hidden');
635 | 			ui.setIdle(false);
636 | 		});
637 | 		
638 | 
639 | 		if(!_options.showAnimationDuration) {
640 | 			framework.removeClass( _controls, 'pswp__ui--hidden');
641 | 		}
642 | 		_listen('initialZoomIn', function() {
643 | 			if(_options.showAnimationDuration) {
644 | 				framework.removeClass( _controls, 'pswp__ui--hidden');
645 | 			}
646 | 		});
647 | 		_listen('initialZoomOut', function() {
648 | 			framework.addClass( _controls, 'pswp__ui--hidden');
649 | 		});
650 | 
651 | 		_listen('parseVerticalMargin', _applyNavBarGaps);
652 | 		
653 | 		_setupUIElements();
654 | 
655 | 		if(_options.shareEl && _shareButton && _shareModal) {
656 | 			_shareModalHidden = true;
657 | 		}
658 | 
659 | 		_countNumItems();
660 | 
661 | 		_setupIdle();
662 | 
663 | 		_setupFullscreenAPI();
664 | 
665 | 		_setupLoadingIndicator();
666 | 	};
667 | 
668 | 	ui.setIdle = function(isIdle) {
669 | 		_isIdle = isIdle;
670 | 		_togglePswpClass(_controls, 'ui--idle', isIdle);
671 | 	};
672 | 
673 | 	ui.update = function() {
674 | 		// Don't update UI if it's hidden
675 | 		if(_controlsVisible && pswp.currItem) {
676 | 			
677 | 			ui.updateIndexIndicator();
678 | 
679 | 			if(_options.captionEl) {
680 | 				_options.addCaptionHTMLFn(pswp.currItem, _captionContainer);
681 | 
682 | 				_togglePswpClass(_captionContainer, 'caption--empty', !pswp.currItem.title);
683 | 			}
684 | 
685 | 			_overlayUIUpdated = true;
686 | 
687 | 		} else {
688 | 			_overlayUIUpdated = false;
689 | 		}
690 | 
691 | 		if(!_shareModalHidden) {
692 | 			_toggleShareModal();
693 | 		}
694 | 
695 | 		_countNumItems();
696 | 	};
697 | 
698 | 	ui.updateFullscreen = function(e) {
699 | 
700 | 		if(e) {
701 | 			// some browsers change window scroll position during the fullscreen
702 | 			// so PhotoSwipe updates it just in case
703 | 			setTimeout(function() {
704 | 				pswp.setScrollOffset( 0, framework.getScrollY() );
705 | 			}, 50);
706 | 		}
707 | 		
708 | 		// toogle pswp--fs class on root element
709 | 		framework[ (_fullscrenAPI.isFullscreen() ? 'add' : 'remove') + 'Class' ](pswp.template, 'pswp--fs');
710 | 	};
711 | 
712 | 	ui.updateIndexIndicator = function() {
713 | 		if(_options.counterEl) {
714 | 			_indexIndicator.innerHTML = (pswp.getCurrentIndex()+1) + 
715 | 										_options.indexIndicatorSep + 
716 | 										_options.getNumItemsFn();
717 | 		}
718 | 	};
719 | 	
720 | 	ui.onGlobalTap = function(e) {
721 | 		e = e || window.event;
722 | 		var target = e.target || e.srcElement;
723 | 
724 | 		if(_blockControlsTap) {
725 | 			return;
726 | 		}
727 | 
728 | 		if(e.detail && e.detail.pointerType === 'mouse') {
729 | 
730 | 			// close gallery if clicked outside of the image
731 | 			if(_hasCloseClass(target)) {
732 | 				pswp.close();
733 | 				return;
734 | 			}
735 | 
736 | 			if(framework.hasClass(target, 'pswp__img')) {
737 | 				if(pswp.getZoomLevel() === 1 && pswp.getZoomLevel() <= pswp.currItem.fitRatio) {
738 | 					if(_options.clickToCloseNonZoomable) {
739 | 						pswp.close();
740 | 					}
741 | 				} else {
742 | 					pswp.toggleDesktopZoom(e.detail.releasePoint);
743 | 				}
744 | 			}
745 | 			
746 | 		} else {
747 | 
748 | 			// tap anywhere (except buttons) to toggle visibility of controls
749 | 			if(_options.tapToToggleControls) {
750 | 				if(_controlsVisible) {
751 | 					ui.hideControls();
752 | 				} else {
753 | 					ui.showControls();
754 | 				}
755 | 			}
756 | 
757 | 			// tap to close gallery
758 | 			if(_options.tapToClose && (framework.hasClass(target, 'pswp__img') || _hasCloseClass(target)) ) {
759 | 				pswp.close();
760 | 				return;
761 | 			}
762 | 			
763 | 		}
764 | 	};
765 | 	ui.onMouseOver = function(e) {
766 | 		e = e || window.event;
767 | 		var target = e.target || e.srcElement;
768 | 
769 | 		// add class when mouse is over an element that should close the gallery
770 | 		_togglePswpClass(_controls, 'ui--over-close', _hasCloseClass(target));
771 | 	};
772 | 
773 | 	ui.hideControls = function() {
774 | 		framework.addClass(_controls,'pswp__ui--hidden');
775 | 		_controlsVisible = false;
776 | 	};
777 | 
778 | 	ui.showControls = function() {
779 | 		_controlsVisible = true;
780 | 		if(!_overlayUIUpdated) {
781 | 			ui.update();
782 | 		}
783 | 		framework.removeClass(_controls,'pswp__ui--hidden');
784 | 	};
785 | 
786 | 	ui.supportsFullscreen = function() {
787 | 		var d = document;
788 | 		return !!(d.exitFullscreen || d.mozCancelFullScreen || d.webkitExitFullscreen || d.msExitFullscreen);
789 | 	};
790 | 
791 | 	ui.getFullscreenAPI = function() {
792 | 		var dE = document.documentElement,
793 | 			api,
794 | 			tF = 'fullscreenchange';
795 | 
796 | 		if (dE.requestFullscreen) {
797 | 			api = {
798 | 				enterK: 'requestFullscreen',
799 | 				exitK: 'exitFullscreen',
800 | 				elementK: 'fullscreenElement',
801 | 				eventK: tF
802 | 			};
803 | 
804 | 		} else if(dE.mozRequestFullScreen ) {
805 | 			api = {
806 | 				enterK: 'mozRequestFullScreen',
807 | 				exitK: 'mozCancelFullScreen',
808 | 				elementK: 'mozFullScreenElement',
809 | 				eventK: 'moz' + tF
810 | 			};
811 | 
812 | 			
813 | 
814 | 		} else if(dE.webkitRequestFullscreen) {
815 | 			api = {
816 | 				enterK: 'webkitRequestFullscreen',
817 | 				exitK: 'webkitExitFullscreen',
818 | 				elementK: 'webkitFullscreenElement',
819 | 				eventK: 'webkit' + tF
820 | 			};
821 | 
822 | 		} else if(dE.msRequestFullscreen) {
823 | 			api = {
824 | 				enterK: 'msRequestFullscreen',
825 | 				exitK: 'msExitFullscreen',
826 | 				elementK: 'msFullscreenElement',
827 | 				eventK: 'MSFullscreenChange'
828 | 			};
829 | 		}
830 | 
831 | 		if(api) {
832 | 			api.enter = function() { 
833 | 				// disable close-on-scroll in fullscreen
834 | 				_initalCloseOnScrollValue = _options.closeOnScroll; 
835 | 				_options.closeOnScroll = false; 
836 | 
837 | 				if(this.enterK === 'webkitRequestFullscreen') {
838 | 					pswp.template[this.enterK]( Element.ALLOW_KEYBOARD_INPUT );
839 | 				} else {
840 | 					return pswp.template[this.enterK](); 
841 | 				}
842 | 			};
843 | 			api.exit = function() { 
844 | 				_options.closeOnScroll = _initalCloseOnScrollValue;
845 | 
846 | 				return document[this.exitK](); 
847 | 
848 | 			};
849 | 			api.isFullscreen = function() { return document[this.elementK]; };
850 | 		}
851 | 
852 | 		return api;
853 | 	};
854 | 
855 | 
856 | 
857 | };
858 | return PhotoSwipeUI_Default;
859 | 
860 | 
861 | });
862 | 


--------------------------------------------------------------------------------
/photoswipe/photoswipe.min.js:
--------------------------------------------------------------------------------
1 | /*! PhotoSwipe - v4.1.1 - 2015-12-24
2 | * http://photoswipe.com
3 | * Copyright (c) 2015 Dmitry Semenov; */
4 | !function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipe=b()}(this,function(){"use strict";var a=function(a,b,c,d){var e={features:null,bind:function(a,b,c,d){var e=(d?"remove":"add")+"EventListener";b=b.split(" ");for(var f=0;f<b.length;f++)b[f]&&a[e](b[f],c,!1)},isArray:function(a){return a instanceof Array},createEl:function(a,b){var c=document.createElement(b||"div");return a&&(c.className=a),c},getScrollY:function(){var a=window.pageYOffset;return void 0!==a?a:document.documentElement.scrollTop},unbind:function(a,b,c){e.bind(a,b,c,!0)},removeClass:function(a,b){var c=new RegExp("(\\s|^)"+b+"(\\s|$)");a.className=a.className.replace(c," ").replace(/^\s\s*/,"").replace(/\s\s*$/,"")},addClass:function(a,b){e.hasClass(a,b)||(a.className+=(a.className?" ":"")+b)},hasClass:function(a,b){return a.className&&new RegExp("(^|\\s)"+b+"(\\s|$)").test(a.className)},getChildByClass:function(a,b){for(var c=a.firstChild;c;){if(e.hasClass(c,b))return c;c=c.nextSibling}},arraySearch:function(a,b,c){for(var d=a.length;d--;)if(a[d][c]===b)return d;return-1},extend:function(a,b,c){for(var d in b)if(b.hasOwnProperty(d)){if(c&&a.hasOwnProperty(d))continue;a[d]=b[d]}},easing:{sine:{out:function(a){return Math.sin(a*(Math.PI/2))},inOut:function(a){return-(Math.cos(Math.PI*a)-1)/2}},cubic:{out:function(a){return--a*a*a+1}}},detectFeatures:function(){if(e.features)return e.features;var a=e.createEl(),b=a.style,c="",d={};if(d.oldIE=document.all&&!document.addEventListener,d.touch="ontouchstart"in window,window.requestAnimationFrame&&(d.raf=window.requestAnimationFrame,d.caf=window.cancelAnimationFrame),d.pointerEvent=navigator.pointerEnabled||navigator.msPointerEnabled,!d.pointerEvent){var f=navigator.userAgent;if(/iP(hone|od)/.test(navigator.platform)){var g=navigator.appVersion.match(/OS (\d+)_(\d+)_?(\d+)?/);g&&g.length>0&&(g=parseInt(g[1],10),g>=1&&8>g&&(d.isOldIOSPhone=!0))}var h=f.match(/Android\s([0-9\.]*)/),i=h?h[1]:0;i=parseFloat(i),i>=1&&(4.4>i&&(d.isOldAndroid=!0),d.androidVersion=i),d.isMobileOpera=/opera mini|opera mobi/i.test(f)}for(var j,k,l=["transform","perspective","animationName"],m=["","webkit","Moz","ms","O"],n=0;4>n;n++){c=m[n];for(var o=0;3>o;o++)j=l[o],k=c+(c?j.charAt(0).toUpperCase()+j.slice(1):j),!d[j]&&k in b&&(d[j]=k);c&&!d.raf&&(c=c.toLowerCase(),d.raf=window[c+"RequestAnimationFrame"],d.raf&&(d.caf=window[c+"CancelAnimationFrame"]||window[c+"CancelRequestAnimationFrame"]))}if(!d.raf){var p=0;d.raf=function(a){var b=(new Date).getTime(),c=Math.max(0,16-(b-p)),d=window.setTimeout(function(){a(b+c)},c);return p=b+c,d},d.caf=function(a){clearTimeout(a)}}return d.svg=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,e.features=d,d}};e.detectFeatures(),e.features.oldIE&&(e.bind=function(a,b,c,d){b=b.split(" ");for(var e,f=(d?"detach":"attach")+"Event",g=function(){c.handleEvent.call(c)},h=0;h<b.length;h++)if(e=b[h])if("object"==typeof c&&c.handleEvent){if(d){if(!c["oldIE"+e])return!1}else c["oldIE"+e]=g;a[f]("on"+e,c["oldIE"+e])}else a[f]("on"+e,c)});var f=this,g=25,h=3,i={allowPanToNext:!0,spacing:.12,bgOpacity:1,mouseUsed:!1,loop:!0,pinchToClose:!0,closeOnScroll:!0,closeOnVerticalDrag:!0,verticalDragRange:.75,hideAnimationDuration:333,showAnimationDuration:333,showHideOpacity:!1,focus:!0,escKey:!0,arrowKeys:!0,mainScrollEndFriction:.35,panEndFriction:.35,isClickableElement:function(a){return"A"===a.tagName},getDoubleTapZoom:function(a,b){return a?1:b.initialZoomLevel<.7?1:1.33},maxSpreadZoom:1.33,modal:!0,scaleMode:"fit"};e.extend(i,d);var j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R,S,T,U,V,W,X,Y,Z,$,_,aa,ba,ca,da,ea,fa,ga,ha,ia,ja,ka,la=function(){return{x:0,y:0}},ma=la(),na=la(),oa=la(),pa={},qa=0,ra={},sa=la(),ta=0,ua=!0,va=[],wa={},xa=!1,ya=function(a,b){e.extend(f,b.publicMethods),va.push(a)},za=function(a){var b=_b();return a>b-1?a-b:0>a?b+a:a},Aa={},Ba=function(a,b){return Aa[a]||(Aa[a]=[]),Aa[a].push(b)},Ca=function(a){var b=Aa[a];if(b){var c=Array.prototype.slice.call(arguments);c.shift();for(var d=0;d<b.length;d++)b[d].apply(f,c)}},Da=function(){return(new Date).getTime()},Ea=function(a){ia=a,f.bg.style.opacity=a*i.bgOpacity},Fa=function(a,b,c,d,e){(!xa||e&&e!==f.currItem)&&(d/=e?e.fitRatio:f.currItem.fitRatio),a[E]=u+b+"px, "+c+"px"+v+" scale("+d+")"},Ga=function(a){da&&(a&&(s>f.currItem.fitRatio?xa||(lc(f.currItem,!1,!0),xa=!0):xa&&(lc(f.currItem),xa=!1)),Fa(da,oa.x,oa.y,s))},Ha=function(a){a.container&&Fa(a.container.style,a.initialPosition.x,a.initialPosition.y,a.initialZoomLevel,a)},Ia=function(a,b){b[E]=u+a+"px, 0px"+v},Ja=function(a,b){if(!i.loop&&b){var c=m+(sa.x*qa-a)/sa.x,d=Math.round(a-sb.x);(0>c&&d>0||c>=_b()-1&&0>d)&&(a=sb.x+d*i.mainScrollEndFriction)}sb.x=a,Ia(a,n)},Ka=function(a,b){var c=tb[a]-ra[a];return na[a]+ma[a]+c-c*(b/t)},La=function(a,b){a.x=b.x,a.y=b.y,b.id&&(a.id=b.id)},Ma=function(a){a.x=Math.round(a.x),a.y=Math.round(a.y)},Na=null,Oa=function(){Na&&(e.unbind(document,"mousemove",Oa),e.addClass(a,"pswp--has_mouse"),i.mouseUsed=!0,Ca("mouseUsed")),Na=setTimeout(function(){Na=null},100)},Pa=function(){e.bind(document,"keydown",f),N.transform&&e.bind(f.scrollWrap,"click",f),i.mouseUsed||e.bind(document,"mousemove",Oa),e.bind(window,"resize scroll",f),Ca("bindEvents")},Qa=function(){e.unbind(window,"resize",f),e.unbind(window,"scroll",r.scroll),e.unbind(document,"keydown",f),e.unbind(document,"mousemove",Oa),N.transform&&e.unbind(f.scrollWrap,"click",f),U&&e.unbind(window,p,f),Ca("unbindEvents")},Ra=function(a,b){var c=hc(f.currItem,pa,a);return b&&(ca=c),c},Sa=function(a){return a||(a=f.currItem),a.initialZoomLevel},Ta=function(a){return a||(a=f.currItem),a.w>0?i.maxSpreadZoom:1},Ua=function(a,b,c,d){return d===f.currItem.initialZoomLevel?(c[a]=f.currItem.initialPosition[a],!0):(c[a]=Ka(a,d),c[a]>b.min[a]?(c[a]=b.min[a],!0):c[a]<b.max[a]?(c[a]=b.max[a],!0):!1)},Va=function(){if(E){var b=N.perspective&&!G;return u="translate"+(b?"3d(":"("),void(v=N.perspective?", 0px)":")")}E="left",e.addClass(a,"pswp--ie"),Ia=function(a,b){b.left=a+"px"},Ha=function(a){var b=a.fitRatio>1?1:a.fitRatio,c=a.container.style,d=b*a.w,e=b*a.h;c.width=d+"px",c.height=e+"px",c.left=a.initialPosition.x+"px",c.top=a.initialPosition.y+"px"},Ga=function(){if(da){var a=da,b=f.currItem,c=b.fitRatio>1?1:b.fitRatio,d=c*b.w,e=c*b.h;a.width=d+"px",a.height=e+"px",a.left=oa.x+"px",a.top=oa.y+"px"}}},Wa=function(a){var b="";i.escKey&&27===a.keyCode?b="close":i.arrowKeys&&(37===a.keyCode?b="prev":39===a.keyCode&&(b="next")),b&&(a.ctrlKey||a.altKey||a.shiftKey||a.metaKey||(a.preventDefault?a.preventDefault():a.returnValue=!1,f[b]()))},Xa=function(a){a&&(X||W||ea||S)&&(a.preventDefault(),a.stopPropagation())},Ya=function(){f.setScrollOffset(0,e.getScrollY())},Za={},$a=0,_a=function(a){Za[a]&&(Za[a].raf&&I(Za[a].raf),$a--,delete Za[a])},ab=function(a){Za[a]&&_a(a),Za[a]||($a++,Za[a]={})},bb=function(){for(var a in Za)Za.hasOwnProperty(a)&&_a(a)},cb=function(a,b,c,d,e,f,g){var h,i=Da();ab(a);var j=function(){if(Za[a]){if(h=Da()-i,h>=d)return _a(a),f(c),void(g&&g());f((c-b)*e(h/d)+b),Za[a].raf=H(j)}};j()},db={shout:Ca,listen:Ba,viewportSize:pa,options:i,isMainScrollAnimating:function(){return ea},getZoomLevel:function(){return s},getCurrentIndex:function(){return m},isDragging:function(){return U},isZooming:function(){return _},setScrollOffset:function(a,b){ra.x=a,M=ra.y=b,Ca("updateScrollOffset",ra)},applyZoomPan:function(a,b,c,d){oa.x=b,oa.y=c,s=a,Ga(d)},init:function(){if(!j&&!k){var c;f.framework=e,f.template=a,f.bg=e.getChildByClass(a,"pswp__bg"),J=a.className,j=!0,N=e.detectFeatures(),H=N.raf,I=N.caf,E=N.transform,L=N.oldIE,f.scrollWrap=e.getChildByClass(a,"pswp__scroll-wrap"),f.container=e.getChildByClass(f.scrollWrap,"pswp__container"),n=f.container.style,f.itemHolders=y=[{el:f.container.children[0],wrap:0,index:-1},{el:f.container.children[1],wrap:0,index:-1},{el:f.container.children[2],wrap:0,index:-1}],y[0].el.style.display=y[2].el.style.display="none",Va(),r={resize:f.updateSize,scroll:Ya,keydown:Wa,click:Xa};var d=N.isOldIOSPhone||N.isOldAndroid||N.isMobileOpera;for(N.animationName&&N.transform&&!d||(i.showAnimationDuration=i.hideAnimationDuration=0),c=0;c<va.length;c++)f["init"+va[c]]();if(b){var g=f.ui=new b(f,e);g.init()}Ca("firstUpdate"),m=m||i.index||0,(isNaN(m)||0>m||m>=_b())&&(m=0),f.currItem=$b(m),(N.isOldIOSPhone||N.isOldAndroid)&&(ua=!1),a.setAttribute("aria-hidden","false"),i.modal&&(ua?a.style.position="fixed":(a.style.position="absolute",a.style.top=e.getScrollY()+"px")),void 0===M&&(Ca("initialLayout"),M=K=e.getScrollY());var l="pswp--open ";for(i.mainClass&&(l+=i.mainClass+" "),i.showHideOpacity&&(l+="pswp--animate_opacity "),l+=G?"pswp--touch":"pswp--notouch",l+=N.animationName?" pswp--css_animation":"",l+=N.svg?" pswp--svg":"",e.addClass(a,l),f.updateSize(),o=-1,ta=null,c=0;h>c;c++)Ia((c+o)*sa.x,y[c].el.style);L||e.bind(f.scrollWrap,q,f),Ba("initialZoomInEnd",function(){f.setContent(y[0],m-1),f.setContent(y[2],m+1),y[0].el.style.display=y[2].el.style.display="block",i.focus&&a.focus(),Pa()}),f.setContent(y[1],m),f.updateCurrItem(),Ca("afterInit"),ua||(w=setInterval(function(){$a||U||_||s!==f.currItem.initialZoomLevel||f.updateSize()},1e3)),e.addClass(a,"pswp--visible")}},close:function(){j&&(j=!1,k=!0,Ca("close"),Qa(),bc(f.currItem,null,!0,f.destroy))},destroy:function(){Ca("destroy"),Wb&&clearTimeout(Wb),a.setAttribute("aria-hidden","true"),a.className=J,w&&clearInterval(w),e.unbind(f.scrollWrap,q,f),e.unbind(window,"scroll",f),yb(),bb(),Aa=null},panTo:function(a,b,c){c||(a>ca.min.x?a=ca.min.x:a<ca.max.x&&(a=ca.max.x),b>ca.min.y?b=ca.min.y:b<ca.max.y&&(b=ca.max.y)),oa.x=a,oa.y=b,Ga()},handleEvent:function(a){a=a||window.event,r[a.type]&&r[a.type](a)},goTo:function(a){a=za(a);var b=a-m;ta=b,m=a,f.currItem=$b(m),qa-=b,Ja(sa.x*qa),bb(),ea=!1,f.updateCurrItem()},next:function(){f.goTo(m+1)},prev:function(){f.goTo(m-1)},updateCurrZoomItem:function(a){if(a&&Ca("beforeChange",0),y[1].el.children.length){var b=y[1].el.children[0];da=e.hasClass(b,"pswp__zoom-wrap")?b.style:null}else da=null;ca=f.currItem.bounds,t=s=f.currItem.initialZoomLevel,oa.x=ca.center.x,oa.y=ca.center.y,a&&Ca("afterChange")},invalidateCurrItems:function(){x=!0;for(var a=0;h>a;a++)y[a].item&&(y[a].item.needsUpdate=!0)},updateCurrItem:function(a){if(0!==ta){var b,c=Math.abs(ta);if(!(a&&2>c)){f.currItem=$b(m),xa=!1,Ca("beforeChange",ta),c>=h&&(o+=ta+(ta>0?-h:h),c=h);for(var d=0;c>d;d++)ta>0?(b=y.shift(),y[h-1]=b,o++,Ia((o+2)*sa.x,b.el.style),f.setContent(b,m-c+d+1+1)):(b=y.pop(),y.unshift(b),o--,Ia(o*sa.x,b.el.style),f.setContent(b,m+c-d-1-1));if(da&&1===Math.abs(ta)){var e=$b(z);e.initialZoomLevel!==s&&(hc(e,pa),lc(e),Ha(e))}ta=0,f.updateCurrZoomItem(),z=m,Ca("afterChange")}}},updateSize:function(b){if(!ua&&i.modal){var c=e.getScrollY();if(M!==c&&(a.style.top=c+"px",M=c),!b&&wa.x===window.innerWidth&&wa.y===window.innerHeight)return;wa.x=window.innerWidth,wa.y=window.innerHeight,a.style.height=wa.y+"px"}if(pa.x=f.scrollWrap.clientWidth,pa.y=f.scrollWrap.clientHeight,Ya(),sa.x=pa.x+Math.round(pa.x*i.spacing),sa.y=pa.y,Ja(sa.x*qa),Ca("beforeResize"),void 0!==o){for(var d,g,j,k=0;h>k;k++)d=y[k],Ia((k+o)*sa.x,d.el.style),j=m+k-1,i.loop&&_b()>2&&(j=za(j)),g=$b(j),g&&(x||g.needsUpdate||!g.bounds)?(f.cleanSlide(g),f.setContent(d,j),1===k&&(f.currItem=g,f.updateCurrZoomItem(!0)),g.needsUpdate=!1):-1===d.index&&j>=0&&f.setContent(d,j),g&&g.container&&(hc(g,pa),lc(g),Ha(g));x=!1}t=s=f.currItem.initialZoomLevel,ca=f.currItem.bounds,ca&&(oa.x=ca.center.x,oa.y=ca.center.y,Ga(!0)),Ca("resize")},zoomTo:function(a,b,c,d,f){b&&(t=s,tb.x=Math.abs(b.x)-oa.x,tb.y=Math.abs(b.y)-oa.y,La(na,oa));var g=Ra(a,!1),h={};Ua("x",g,h,a),Ua("y",g,h,a);var i=s,j={x:oa.x,y:oa.y};Ma(h);var k=function(b){1===b?(s=a,oa.x=h.x,oa.y=h.y):(s=(a-i)*b+i,oa.x=(h.x-j.x)*b+j.x,oa.y=(h.y-j.y)*b+j.y),f&&f(b),Ga(1===b)};c?cb("customZoomTo",0,1,c,d||e.easing.sine.inOut,k):k(1)}},eb=30,fb=10,gb={},hb={},ib={},jb={},kb={},lb=[],mb={},nb=[],ob={},pb=0,qb=la(),rb=0,sb=la(),tb=la(),ub=la(),vb=function(a,b){return a.x===b.x&&a.y===b.y},wb=function(a,b){return Math.abs(a.x-b.x)<g&&Math.abs(a.y-b.y)<g},xb=function(a,b){return ob.x=Math.abs(a.x-b.x),ob.y=Math.abs(a.y-b.y),Math.sqrt(ob.x*ob.x+ob.y*ob.y)},yb=function(){Y&&(I(Y),Y=null)},zb=function(){U&&(Y=H(zb),Pb())},Ab=function(){return!("fit"===i.scaleMode&&s===f.currItem.initialZoomLevel)},Bb=function(a,b){return a&&a!==document?a.getAttribute("class")&&a.getAttribute("class").indexOf("pswp__scroll-wrap")>-1?!1:b(a)?a:Bb(a.parentNode,b):!1},Cb={},Db=function(a,b){return Cb.prevent=!Bb(a.target,i.isClickableElement),Ca("preventDragEvent",a,b,Cb),Cb.prevent},Eb=function(a,b){return b.x=a.pageX,b.y=a.pageY,b.id=a.identifier,b},Fb=function(a,b,c){c.x=.5*(a.x+b.x),c.y=.5*(a.y+b.y)},Gb=function(a,b,c){if(a-P>50){var d=nb.length>2?nb.shift():{};d.x=b,d.y=c,nb.push(d),P=a}},Hb=function(){var a=oa.y-f.currItem.initialPosition.y;return 1-Math.abs(a/(pa.y/2))},Ib={},Jb={},Kb=[],Lb=function(a){for(;Kb.length>0;)Kb.pop();return F?(ka=0,lb.forEach(function(a){0===ka?Kb[0]=a:1===ka&&(Kb[1]=a),ka++})):a.type.indexOf("touch")>-1?a.touches&&a.touches.length>0&&(Kb[0]=Eb(a.touches[0],Ib),a.touches.length>1&&(Kb[1]=Eb(a.touches[1],Jb))):(Ib.x=a.pageX,Ib.y=a.pageY,Ib.id="",Kb[0]=Ib),Kb},Mb=function(a,b){var c,d,e,g,h=0,j=oa[a]+b[a],k=b[a]>0,l=sb.x+b.x,m=sb.x-mb.x;return c=j>ca.min[a]||j<ca.max[a]?i.panEndFriction:1,j=oa[a]+b[a]*c,!i.allowPanToNext&&s!==f.currItem.initialZoomLevel||(da?"h"!==fa||"x"!==a||W||(k?(j>ca.min[a]&&(c=i.panEndFriction,h=ca.min[a]-j,d=ca.min[a]-na[a]),(0>=d||0>m)&&_b()>1?(g=l,0>m&&l>mb.x&&(g=mb.x)):ca.min.x!==ca.max.x&&(e=j)):(j<ca.max[a]&&(c=i.panEndFriction,h=j-ca.max[a],d=na[a]-ca.max[a]),(0>=d||m>0)&&_b()>1?(g=l,m>0&&l<mb.x&&(g=mb.x)):ca.min.x!==ca.max.x&&(e=j))):g=l,"x"!==a)?void(ea||Z||s>f.currItem.fitRatio&&(oa[a]+=b[a]*c)):(void 0!==g&&(Ja(g,!0),Z=g===mb.x?!1:!0),ca.min.x!==ca.max.x&&(void 0!==e?oa.x=e:Z||(oa.x+=b.x*c)),void 0!==g)},Nb=function(a){if(!("mousedown"===a.type&&a.button>0)){if(Zb)return void a.preventDefault();if(!T||"mousedown"!==a.type){if(Db(a,!0)&&a.preventDefault(),Ca("pointerDown"),F){var b=e.arraySearch(lb,a.pointerId,"id");0>b&&(b=lb.length),lb[b]={x:a.pageX,y:a.pageY,id:a.pointerId}}var c=Lb(a),d=c.length;$=null,bb(),U&&1!==d||(U=ga=!0,e.bind(window,p,f),R=ja=ha=S=Z=X=V=W=!1,fa=null,Ca("firstTouchStart",c),La(na,oa),ma.x=ma.y=0,La(jb,c[0]),La(kb,jb),mb.x=sa.x*qa,nb=[{x:jb.x,y:jb.y}],P=O=Da(),Ra(s,!0),yb(),zb()),!_&&d>1&&!ea&&!Z&&(t=s,W=!1,_=V=!0,ma.y=ma.x=0,La(na,oa),La(gb,c[0]),La(hb,c[1]),Fb(gb,hb,ub),tb.x=Math.abs(ub.x)-oa.x,tb.y=Math.abs(ub.y)-oa.y,aa=ba=xb(gb,hb))}}},Ob=function(a){if(a.preventDefault(),F){var b=e.arraySearch(lb,a.pointerId,"id");if(b>-1){var c=lb[b];c.x=a.pageX,c.y=a.pageY}}if(U){var d=Lb(a);if(fa||X||_)$=d;else if(sb.x!==sa.x*qa)fa="h";else{var f=Math.abs(d[0].x-jb.x)-Math.abs(d[0].y-jb.y);Math.abs(f)>=fb&&(fa=f>0?"h":"v",$=d)}}},Pb=function(){if($){var a=$.length;if(0!==a)if(La(gb,$[0]),ib.x=gb.x-jb.x,ib.y=gb.y-jb.y,_&&a>1){if(jb.x=gb.x,jb.y=gb.y,!ib.x&&!ib.y&&vb($[1],hb))return;La(hb,$[1]),W||(W=!0,Ca("zoomGestureStarted"));var b=xb(gb,hb),c=Ub(b);c>f.currItem.initialZoomLevel+f.currItem.initialZoomLevel/15&&(ja=!0);var d=1,e=Sa(),g=Ta();if(e>c)if(i.pinchToClose&&!ja&&t<=f.currItem.initialZoomLevel){var h=e-c,j=1-h/(e/1.2);Ea(j),Ca("onPinchClose",j),ha=!0}else d=(e-c)/e,d>1&&(d=1),c=e-d*(e/3);else c>g&&(d=(c-g)/(6*e),d>1&&(d=1),c=g+d*e);0>d&&(d=0),aa=b,Fb(gb,hb,qb),ma.x+=qb.x-ub.x,ma.y+=qb.y-ub.y,La(ub,qb),oa.x=Ka("x",c),oa.y=Ka("y",c),R=c>s,s=c,Ga()}else{if(!fa)return;if(ga&&(ga=!1,Math.abs(ib.x)>=fb&&(ib.x-=$[0].x-kb.x),Math.abs(ib.y)>=fb&&(ib.y-=$[0].y-kb.y)),jb.x=gb.x,jb.y=gb.y,0===ib.x&&0===ib.y)return;if("v"===fa&&i.closeOnVerticalDrag&&!Ab()){ma.y+=ib.y,oa.y+=ib.y;var k=Hb();return S=!0,Ca("onVerticalDrag",k),Ea(k),void Ga()}Gb(Da(),gb.x,gb.y),X=!0,ca=f.currItem.bounds;var l=Mb("x",ib);l||(Mb("y",ib),Ma(oa),Ga())}}},Qb=function(a){if(N.isOldAndroid){if(T&&"mouseup"===a.type)return;a.type.indexOf("touch")>-1&&(clearTimeout(T),T=setTimeout(function(){T=0},600))}Ca("pointerUp"),Db(a,!1)&&a.preventDefault();var b;if(F){var c=e.arraySearch(lb,a.pointerId,"id");if(c>-1)if(b=lb.splice(c,1)[0],navigator.pointerEnabled)b.type=a.pointerType||"mouse";else{var d={4:"mouse",2:"touch",3:"pen"};b.type=d[a.pointerType],b.type||(b.type=a.pointerType||"mouse")}}var g,h=Lb(a),j=h.length;if("mouseup"===a.type&&(j=0),2===j)return $=null,!0;1===j&&La(kb,h[0]),0!==j||fa||ea||(b||("mouseup"===a.type?b={x:a.pageX,y:a.pageY,type:"mouse"}:a.changedTouches&&a.changedTouches[0]&&(b={x:a.changedTouches[0].pageX,y:a.changedTouches[0].pageY,type:"touch"})),Ca("touchRelease",a,b));var k=-1;if(0===j&&(U=!1,e.unbind(window,p,f),yb(),_?k=0:-1!==rb&&(k=Da()-rb)),rb=1===j?Da():-1,g=-1!==k&&150>k?"zoom":"swipe",_&&2>j&&(_=!1,1===j&&(g="zoomPointerUp"),Ca("zoomGestureEnded")),$=null,X||W||ea||S)if(bb(),Q||(Q=Rb()),Q.calculateSwipeSpeed("x"),S){var l=Hb();if(l<i.verticalDragRange)f.close();else{var m=oa.y,n=ia;cb("verticalDrag",0,1,300,e.easing.cubic.out,function(a){oa.y=(f.currItem.initialPosition.y-m)*a+m,Ea((1-n)*a+n),Ga()}),Ca("onVerticalDrag",1)}}else{if((Z||ea)&&0===j){var o=Tb(g,Q);if(o)return;g="zoomPointerUp"}if(!ea)return"swipe"!==g?void Vb():void(!Z&&s>f.currItem.fitRatio&&Sb(Q))}},Rb=function(){var a,b,c={lastFlickOffset:{},lastFlickDist:{},lastFlickSpeed:{},slowDownRatio:{},slowDownRatioReverse:{},speedDecelerationRatio:{},speedDecelerationRatioAbs:{},distanceOffset:{},backAnimDestination:{},backAnimStarted:{},calculateSwipeSpeed:function(d){nb.length>1?(a=Da()-P+50,b=nb[nb.length-2][d]):(a=Da()-O,b=kb[d]),c.lastFlickOffset[d]=jb[d]-b,c.lastFlickDist[d]=Math.abs(c.lastFlickOffset[d]),c.lastFlickDist[d]>20?c.lastFlickSpeed[d]=c.lastFlickOffset[d]/a:c.lastFlickSpeed[d]=0,Math.abs(c.lastFlickSpeed[d])<.1&&(c.lastFlickSpeed[d]=0),c.slowDownRatio[d]=.95,c.slowDownRatioReverse[d]=1-c.slowDownRatio[d],c.speedDecelerationRatio[d]=1},calculateOverBoundsAnimOffset:function(a,b){c.backAnimStarted[a]||(oa[a]>ca.min[a]?c.backAnimDestination[a]=ca.min[a]:oa[a]<ca.max[a]&&(c.backAnimDestination[a]=ca.max[a]),void 0!==c.backAnimDestination[a]&&(c.slowDownRatio[a]=.7,c.slowDownRatioReverse[a]=1-c.slowDownRatio[a],c.speedDecelerationRatioAbs[a]<.05&&(c.lastFlickSpeed[a]=0,c.backAnimStarted[a]=!0,cb("bounceZoomPan"+a,oa[a],c.backAnimDestination[a],b||300,e.easing.sine.out,function(b){oa[a]=b,Ga()}))))},calculateAnimOffset:function(a){c.backAnimStarted[a]||(c.speedDecelerationRatio[a]=c.speedDecelerationRatio[a]*(c.slowDownRatio[a]+c.slowDownRatioReverse[a]-c.slowDownRatioReverse[a]*c.timeDiff/10),c.speedDecelerationRatioAbs[a]=Math.abs(c.lastFlickSpeed[a]*c.speedDecelerationRatio[a]),c.distanceOffset[a]=c.lastFlickSpeed[a]*c.speedDecelerationRatio[a]*c.timeDiff,oa[a]+=c.distanceOffset[a])},panAnimLoop:function(){return Za.zoomPan&&(Za.zoomPan.raf=H(c.panAnimLoop),c.now=Da(),c.timeDiff=c.now-c.lastNow,c.lastNow=c.now,c.calculateAnimOffset("x"),c.calculateAnimOffset("y"),Ga(),c.calculateOverBoundsAnimOffset("x"),c.calculateOverBoundsAnimOffset("y"),c.speedDecelerationRatioAbs.x<.05&&c.speedDecelerationRatioAbs.y<.05)?(oa.x=Math.round(oa.x),oa.y=Math.round(oa.y),Ga(),void _a("zoomPan")):void 0}};return c},Sb=function(a){return a.calculateSwipeSpeed("y"),ca=f.currItem.bounds,a.backAnimDestination={},a.backAnimStarted={},Math.abs(a.lastFlickSpeed.x)<=.05&&Math.abs(a.lastFlickSpeed.y)<=.05?(a.speedDecelerationRatioAbs.x=a.speedDecelerationRatioAbs.y=0,a.calculateOverBoundsAnimOffset("x"),a.calculateOverBoundsAnimOffset("y"),!0):(ab("zoomPan"),a.lastNow=Da(),void a.panAnimLoop())},Tb=function(a,b){var c;ea||(pb=m);var d;if("swipe"===a){var g=jb.x-kb.x,h=b.lastFlickDist.x<10;g>eb&&(h||b.lastFlickOffset.x>20)?d=-1:-eb>g&&(h||b.lastFlickOffset.x<-20)&&(d=1)}var j;d&&(m+=d,0>m?(m=i.loop?_b()-1:0,j=!0):m>=_b()&&(m=i.loop?0:_b()-1,j=!0),(!j||i.loop)&&(ta+=d,qa-=d,c=!0));var k,l=sa.x*qa,n=Math.abs(l-sb.x);return c||l>sb.x==b.lastFlickSpeed.x>0?(k=Math.abs(b.lastFlickSpeed.x)>0?n/Math.abs(b.lastFlickSpeed.x):333,k=Math.min(k,400),k=Math.max(k,250)):k=333,pb===m&&(c=!1),ea=!0,Ca("mainScrollAnimStart"),cb("mainScroll",sb.x,l,k,e.easing.cubic.out,Ja,function(){bb(),ea=!1,pb=-1,(c||pb!==m)&&f.updateCurrItem(),Ca("mainScrollAnimComplete")}),c&&f.updateCurrItem(!0),c},Ub=function(a){return 1/ba*a*t},Vb=function(){var a=s,b=Sa(),c=Ta();b>s?a=b:s>c&&(a=c);var d,g=1,h=ia;return ha&&!R&&!ja&&b>s?(f.close(),!0):(ha&&(d=function(a){Ea((g-h)*a+h)}),f.zoomTo(a,0,200,e.easing.cubic.out,d),!0)};ya("Gestures",{publicMethods:{initGestures:function(){var a=function(a,b,c,d,e){A=a+b,B=a+c,C=a+d,D=e?a+e:""};F=N.pointerEvent,F&&N.touch&&(N.touch=!1),F?navigator.pointerEnabled?a("pointer","down","move","up","cancel"):a("MSPointer","Down","Move","Up","Cancel"):N.touch?(a("touch","start","move","end","cancel"),G=!0):a("mouse","down","move","up"),p=B+" "+C+" "+D,q=A,F&&!G&&(G=navigator.maxTouchPoints>1||navigator.msMaxTouchPoints>1),f.likelyTouchDevice=G,r[A]=Nb,r[B]=Ob,r[C]=Qb,D&&(r[D]=r[C]),N.touch&&(q+=" mousedown",p+=" mousemove mouseup",r.mousedown=r[A],r.mousemove=r[B],r.mouseup=r[C]),G||(i.allowPanToNext=!1)}}});var Wb,Xb,Yb,Zb,$b,_b,ac,bc=function(b,c,d,g){Wb&&clearTimeout(Wb),Zb=!0,Yb=!0;var h;b.initialLayout?(h=b.initialLayout,b.initialLayout=null):h=i.getThumbBoundsFn&&i.getThumbBoundsFn(m);var j=d?i.hideAnimationDuration:i.showAnimationDuration,k=function(){_a("initialZoom"),d?(f.template.removeAttribute("style"),f.bg.removeAttribute("style")):(Ea(1),c&&(c.style.display="block"),e.addClass(a,"pswp--animated-in"),Ca("initialZoom"+(d?"OutEnd":"InEnd"))),g&&g(),Zb=!1};if(!j||!h||void 0===h.x)return Ca("initialZoom"+(d?"Out":"In")),s=b.initialZoomLevel,La(oa,b.initialPosition),Ga(),a.style.opacity=d?0:1,Ea(1),void(j?setTimeout(function(){k()},j):k());var n=function(){var c=l,g=!f.currItem.src||f.currItem.loadError||i.showHideOpacity;b.miniImg&&(b.miniImg.style.webkitBackfaceVisibility="hidden"),d||(s=h.w/b.w,oa.x=h.x,oa.y=h.y-K,f[g?"template":"bg"].style.opacity=.001,Ga()),ab("initialZoom"),d&&!c&&e.removeClass(a,"pswp--animated-in"),g&&(d?e[(c?"remove":"add")+"Class"](a,"pswp--animate_opacity"):setTimeout(function(){e.addClass(a,"pswp--animate_opacity")},30)),Wb=setTimeout(function(){if(Ca("initialZoom"+(d?"Out":"In")),d){var f=h.w/b.w,i={x:oa.x,y:oa.y},l=s,m=ia,n=function(b){1===b?(s=f,oa.x=h.x,oa.y=h.y-M):(s=(f-l)*b+l,oa.x=(h.x-i.x)*b+i.x,oa.y=(h.y-M-i.y)*b+i.y),Ga(),g?a.style.opacity=1-b:Ea(m-b*m)};c?cb("initialZoom",0,1,j,e.easing.cubic.out,n,k):(n(1),Wb=setTimeout(k,j+20))}else s=b.initialZoomLevel,La(oa,b.initialPosition),Ga(),Ea(1),g?a.style.opacity=1:Ea(1),Wb=setTimeout(k,j+20)},d?25:90)};n()},cc={},dc=[],ec={index:0,errorMsg:'<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>',forceProgressiveLoading:!1,preload:[1,1],getNumItemsFn:function(){return Xb.length}},fc=function(){return{center:{x:0,y:0},max:{x:0,y:0},min:{x:0,y:0}}},gc=function(a,b,c){var d=a.bounds;d.center.x=Math.round((cc.x-b)/2),d.center.y=Math.round((cc.y-c)/2)+a.vGap.top,d.max.x=b>cc.x?Math.round(cc.x-b):d.center.x,d.max.y=c>cc.y?Math.round(cc.y-c)+a.vGap.top:d.center.y,d.min.x=b>cc.x?0:d.center.x,d.min.y=c>cc.y?a.vGap.top:d.center.y},hc=function(a,b,c){if(a.src&&!a.loadError){var d=!c;if(d&&(a.vGap||(a.vGap={top:0,bottom:0}),Ca("parseVerticalMargin",a)),cc.x=b.x,cc.y=b.y-a.vGap.top-a.vGap.bottom,d){var e=cc.x/a.w,f=cc.y/a.h;a.fitRatio=f>e?e:f;var g=i.scaleMode;"orig"===g?c=1:"fit"===g&&(c=a.fitRatio),c>1&&(c=1),a.initialZoomLevel=c,a.bounds||(a.bounds=fc())}if(!c)return;return gc(a,a.w*c,a.h*c),d&&c===a.initialZoomLevel&&(a.initialPosition=a.bounds.center),a.bounds}return a.w=a.h=0,a.initialZoomLevel=a.fitRatio=1,a.bounds=fc(),a.initialPosition=a.bounds.center,a.bounds},ic=function(a,b,c,d,e,g){b.loadError||d&&(b.imageAppended=!0,lc(b,d,b===f.currItem&&xa),c.appendChild(d),g&&setTimeout(function(){b&&b.loaded&&b.placeholder&&(b.placeholder.style.display="none",b.placeholder=null)},500))},jc=function(a){a.loading=!0,a.loaded=!1;var b=a.img=e.createEl("pswp__img","img"),c=function(){a.loading=!1,a.loaded=!0,a.loadComplete?a.loadComplete(a):a.img=null,b.onload=b.onerror=null,b=null};return b.onload=c,b.onerror=function(){a.loadError=!0,c()},b.src=a.src,b},kc=function(a,b){return a.src&&a.loadError&&a.container?(b&&(a.container.innerHTML=""),a.container.innerHTML=i.errorMsg.replace("%url%",a.src),!0):void 0},lc=function(a,b,c){if(a.src){b||(b=a.container.lastChild);var d=c?a.w:Math.round(a.w*a.fitRatio),e=c?a.h:Math.round(a.h*a.fitRatio);a.placeholder&&!a.loaded&&(a.placeholder.style.width=d+"px",a.placeholder.style.height=e+"px"),b.style.width=d+"px",b.style.height=e+"px"}},mc=function(){if(dc.length){for(var a,b=0;b<dc.length;b++)a=dc[b],a.holder.index===a.index&&ic(a.index,a.item,a.baseDiv,a.img,!1,a.clearPlaceholder);dc=[]}};ya("Controller",{publicMethods:{lazyLoadItem:function(a){a=za(a);var b=$b(a);b&&(!b.loaded&&!b.loading||x)&&(Ca("gettingData",a,b),b.src&&jc(b))},initController:function(){e.extend(i,ec,!0),f.items=Xb=c,$b=f.getItemAt,_b=i.getNumItemsFn,ac=i.loop,_b()<3&&(i.loop=!1),Ba("beforeChange",function(a){var b,c=i.preload,d=null===a?!0:a>=0,e=Math.min(c[0],_b()),g=Math.min(c[1],_b());for(b=1;(d?g:e)>=b;b++)f.lazyLoadItem(m+b);for(b=1;(d?e:g)>=b;b++)f.lazyLoadItem(m-b)}),Ba("initialLayout",function(){f.currItem.initialLayout=i.getThumbBoundsFn&&i.getThumbBoundsFn(m)}),Ba("mainScrollAnimComplete",mc),Ba("initialZoomInEnd",mc),Ba("destroy",function(){for(var a,b=0;b<Xb.length;b++)a=Xb[b],a.container&&(a.container=null),a.placeholder&&(a.placeholder=null),a.img&&(a.img=null),a.preloader&&(a.preloader=null),a.loadError&&(a.loaded=a.loadError=!1);dc=null})},getItemAt:function(a){return a>=0&&void 0!==Xb[a]?Xb[a]:!1},allowProgressiveImg:function(){return i.forceProgressiveLoading||!G||i.mouseUsed||screen.width>1200},setContent:function(a,b){i.loop&&(b=za(b));var c=f.getItemAt(a.index);c&&(c.container=null);var d,g=f.getItemAt(b);if(!g)return void(a.el.innerHTML="");Ca("gettingData",b,g),a.index=b,a.item=g;var h=g.container=e.createEl("pswp__zoom-wrap");if(!g.src&&g.html&&(g.html.tagName?h.appendChild(g.html):h.innerHTML=g.html),kc(g),hc(g,pa),!g.src||g.loadError||g.loaded)g.src&&!g.loadError&&(d=e.createEl("pswp__img","img"),d.style.opacity=1,d.src=g.src,lc(g,d),ic(b,g,h,d,!0));else{if(g.loadComplete=function(c){if(j){if(a&&a.index===b){if(kc(c,!0))return c.loadComplete=c.img=null,hc(c,pa),Ha(c),void(a.index===m&&f.updateCurrZoomItem());c.imageAppended?!Zb&&c.placeholder&&(c.placeholder.style.display="none",c.placeholder=null):N.transform&&(ea||Zb)?dc.push({item:c,baseDiv:h,img:c.img,index:b,holder:a,clearPlaceholder:!0}):ic(b,c,h,c.img,ea||Zb,!0)}c.loadComplete=null,c.img=null,Ca("imageLoadComplete",b,c)}},e.features.transform){var k="pswp__img pswp__img--placeholder";k+=g.msrc?"":" pswp__img--placeholder--blank";var l=e.createEl(k,g.msrc?"img":"");g.msrc&&(l.src=g.msrc),lc(g,l),h.appendChild(l),g.placeholder=l}g.loading||jc(g),f.allowProgressiveImg()&&(!Yb&&N.transform?dc.push({item:g,baseDiv:h,img:g.img,index:b,holder:a}):ic(b,g,h,g.img,!0,!0))}Yb||b!==m?Ha(g):(da=h.style,bc(g,d||g.img)),a.el.innerHTML="",a.el.appendChild(h)},cleanSlide:function(a){a.img&&(a.img.onload=a.img.onerror=null),a.loaded=a.loading=a.img=a.imageAppended=!1}}});var nc,oc={},pc=function(a,b,c){var d=document.createEvent("CustomEvent"),e={origEvent:a,target:a.target,releasePoint:b,pointerType:c||"touch"};d.initCustomEvent("pswpTap",!0,!0,e),a.target.dispatchEvent(d)};ya("Tap",{publicMethods:{initTap:function(){Ba("firstTouchStart",f.onTapStart),Ba("touchRelease",f.onTapRelease),Ba("destroy",function(){oc={},nc=null})},onTapStart:function(a){a.length>1&&(clearTimeout(nc),nc=null)},onTapRelease:function(a,b){if(b&&!X&&!V&&!$a){var c=b;if(nc&&(clearTimeout(nc),nc=null,wb(c,oc)))return void Ca("doubleTap",c);if("mouse"===b.type)return void pc(a,b,"mouse");var d=a.target.tagName.toUpperCase();if("BUTTON"===d||e.hasClass(a.target,"pswp__single-tap"))return void pc(a,b);La(oc,c),nc=setTimeout(function(){pc(a,b),nc=null},300)}}}});var qc;ya("DesktopZoom",{publicMethods:{initDesktopZoom:function(){L||(G?Ba("mouseUsed",function(){f.setupDesktopZoom()}):f.setupDesktopZoom(!0))},setupDesktopZoom:function(b){qc={};var c="wheel mousewheel DOMMouseScroll";Ba("bindEvents",function(){e.bind(a,c,f.handleMouseWheel)}),Ba("unbindEvents",function(){qc&&e.unbind(a,c,f.handleMouseWheel)}),f.mouseZoomedIn=!1;var d,g=function(){f.mouseZoomedIn&&(e.removeClass(a,"pswp--zoomed-in"),f.mouseZoomedIn=!1),1>s?e.addClass(a,"pswp--zoom-allowed"):e.removeClass(a,"pswp--zoom-allowed"),h()},h=function(){d&&(e.removeClass(a,"pswp--dragging"),d=!1)};Ba("resize",g),Ba("afterChange",g),Ba("pointerDown",function(){f.mouseZoomedIn&&(d=!0,e.addClass(a,"pswp--dragging"))}),Ba("pointerUp",h),b||g()},handleMouseWheel:function(a){if(s<=f.currItem.fitRatio)return i.modal&&(!i.closeOnScroll||$a||U?a.preventDefault():E&&Math.abs(a.deltaY)>2&&(l=!0,f.close())),!0;if(a.stopPropagation(),qc.x=0,"deltaX"in a)1===a.deltaMode?(qc.x=18*a.deltaX,qc.y=18*a.deltaY):(qc.x=a.deltaX,qc.y=a.deltaY);else if("wheelDelta"in a)a.wheelDeltaX&&(qc.x=-.16*a.wheelDeltaX),a.wheelDeltaY?qc.y=-.16*a.wheelDeltaY:qc.y=-.16*a.wheelDelta;else{if(!("detail"in a))return;qc.y=a.detail}Ra(s,!0);var b=oa.x-qc.x,c=oa.y-qc.y;(i.modal||b<=ca.min.x&&b>=ca.max.x&&c<=ca.min.y&&c>=ca.max.y)&&a.preventDefault(),f.panTo(b,c)},toggleDesktopZoom:function(b){b=b||{x:pa.x/2+ra.x,y:pa.y/2+ra.y};var c=i.getDoubleTapZoom(!0,f.currItem),d=s===c;f.mouseZoomedIn=!d,f.zoomTo(d?f.currItem.initialZoomLevel:c,b,333),e[(d?"remove":"add")+"Class"](a,"pswp--zoomed-in")}}});var rc,sc,tc,uc,vc,wc,xc,yc,zc,Ac,Bc,Cc,Dc={history:!0,galleryUID:1},Ec=function(){return Bc.hash.substring(1)},Fc=function(){rc&&clearTimeout(rc),tc&&clearTimeout(tc)},Gc=function(){var a=Ec(),b={};if(a.length<5)return b;var c,d=a.split("&");for(c=0;c<d.length;c++)if(d[c]){var e=d[c].split("=");e.length<2||(b[e[0]]=e[1])}if(i.galleryPIDs){var f=b.pid;for(b.pid=0,c=0;c<Xb.length;c++)if(Xb[c].pid===f){b.pid=c;break}}else b.pid=parseInt(b.pid,10)-1;return b.pid<0&&(b.pid=0),b},Hc=function(){if(tc&&clearTimeout(tc),$a||U)return void(tc=setTimeout(Hc,500));uc?clearTimeout(sc):uc=!0;var a=m+1,b=$b(m);b.hasOwnProperty("pid")&&(a=b.pid);var c=xc+"&gid="+i.galleryUID+"&pid="+a;yc||-1===Bc.hash.indexOf(c)&&(Ac=!0);var d=Bc.href.split("#")[0]+"#"+c;Cc?"#"+c!==window.location.hash&&history[yc?"replaceState":"pushState"]("",document.title,d):yc?Bc.replace(d):Bc.hash=c,yc=!0,sc=setTimeout(function(){uc=!1},60)};ya("History",{publicMethods:{initHistory:function(){if(e.extend(i,Dc,!0),i.history){Bc=window.location,Ac=!1,zc=!1,yc=!1,xc=Ec(),Cc="pushState"in history,xc.indexOf("gid=")>-1&&(xc=xc.split("&gid=")[0],xc=xc.split("?gid=")[0]),Ba("afterChange",f.updateURL),Ba("unbindEvents",function(){e.unbind(window,"hashchange",f.onHashChange)});var a=function(){wc=!0,zc||(Ac?history.back():xc?Bc.hash=xc:Cc?history.pushState("",document.title,Bc.pathname+Bc.search):Bc.hash=""),Fc()};Ba("unbindEvents",function(){l&&a()}),Ba("destroy",function(){wc||a()}),Ba("firstUpdate",function(){m=Gc().pid});var b=xc.indexOf("pid=");b>-1&&(xc=xc.substring(0,b),"&"===xc.slice(-1)&&(xc=xc.slice(0,-1))),setTimeout(function(){j&&e.bind(window,"hashchange",f.onHashChange)},40)}},onHashChange:function(){return Ec()===xc?(zc=!0,void f.close()):void(uc||(vc=!0,f.goTo(Gc().pid),vc=!1))},updateURL:function(){Fc(),vc||(yc?rc=setTimeout(Hc,800):Hc())}}}),e.extend(f,db)};return a});


--------------------------------------------------------------------------------
/photoswipe/photoswipe.js:
--------------------------------------------------------------------------------
   1 | /*! PhotoSwipe - v4.1.1 - 2015-12-24
   2 | * http://photoswipe.com
   3 | * Copyright (c) 2015 Dmitry Semenov; */
   4 | (function (root, factory) { 
   5 | 	if (typeof define === 'function' && define.amd) {
   6 | 		define(factory);
   7 | 	} else if (typeof exports === 'object') {
   8 | 		module.exports = factory();
   9 | 	} else {
  10 | 		root.PhotoSwipe = factory();
  11 | 	}
  12 | })(this, function () {
  13 | 
  14 | 	'use strict';
  15 | 	var PhotoSwipe = function(template, UiClass, items, options){
  16 | 
  17 | /*>>framework-bridge*/
  18 | /**
  19 |  *
  20 |  * Set of generic functions used by gallery.
  21 |  * 
  22 |  * You're free to modify anything here as long as functionality is kept.
  23 |  * 
  24 |  */
  25 | var framework = {
  26 | 	features: null,
  27 | 	bind: function(target, type, listener, unbind) {
  28 | 		var methodName = (unbind ? 'remove' : 'add') + 'EventListener';
  29 | 		type = type.split(' ');
  30 | 		for(var i = 0; i < type.length; i++) {
  31 | 			if(type[i]) {
  32 | 				target[methodName]( type[i], listener, false);
  33 | 			}
  34 | 		}
  35 | 	},
  36 | 	isArray: function(obj) {
  37 | 		return (obj instanceof Array);
  38 | 	},
  39 | 	createEl: function(classes, tag) {
  40 | 		var el = document.createElement(tag || 'div');
  41 | 		if(classes) {
  42 | 			el.className = classes;
  43 | 		}
  44 | 		return el;
  45 | 	},
  46 | 	getScrollY: function() {
  47 | 		var yOffset = window.pageYOffset;
  48 | 		return yOffset !== undefined ? yOffset : document.documentElement.scrollTop;
  49 | 	},
  50 | 	unbind: function(target, type, listener) {
  51 | 		framework.bind(target,type,listener,true);
  52 | 	},
  53 | 	removeClass: function(el, className) {
  54 | 		var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
  55 | 		el.className = el.className.replace(reg, ' ').replace(/^\s\s*/, '').replace(/\s\s*$/, ''); 
  56 | 	},
  57 | 	addClass: function(el, className) {
  58 | 		if( !framework.hasClass(el,className) ) {
  59 | 			el.className += (el.className ? ' ' : '') + className;
  60 | 		}
  61 | 	},
  62 | 	hasClass: function(el, className) {
  63 | 		return el.className && new RegExp('(^|\\s)' + className + '(\\s|$)').test(el.className);
  64 | 	},
  65 | 	getChildByClass: function(parentEl, childClassName) {
  66 | 		var node = parentEl.firstChild;
  67 | 		while(node) {
  68 | 			if( framework.hasClass(node, childClassName) ) {
  69 | 				return node;
  70 | 			}
  71 | 			node = node.nextSibling;
  72 | 		}
  73 | 	},
  74 | 	arraySearch: function(array, value, key) {
  75 | 		var i = array.length;
  76 | 		while(i--) {
  77 | 			if(array[i][key] === value) {
  78 | 				return i;
  79 | 			} 
  80 | 		}
  81 | 		return -1;
  82 | 	},
  83 | 	extend: function(o1, o2, preventOverwrite) {
  84 | 		for (var prop in o2) {
  85 | 			if (o2.hasOwnProperty(prop)) {
  86 | 				if(preventOverwrite && o1.hasOwnProperty(prop)) {
  87 | 					continue;
  88 | 				}
  89 | 				o1[prop] = o2[prop];
  90 | 			}
  91 | 		}
  92 | 	},
  93 | 	easing: {
  94 | 		sine: {
  95 | 			out: function(k) {
  96 | 				return Math.sin(k * (Math.PI / 2));
  97 | 			},
  98 | 			inOut: function(k) {
  99 | 				return - (Math.cos(Math.PI * k) - 1) / 2;
 100 | 			}
 101 | 		},
 102 | 		cubic: {
 103 | 			out: function(k) {
 104 | 				return --k * k * k + 1;
 105 | 			}
 106 | 		}
 107 | 		/*
 108 | 			elastic: {
 109 | 				out: function ( k ) {
 110 | 
 111 | 					var s, a = 0.1, p = 0.4;
 112 | 					if ( k === 0 ) return 0;
 113 | 					if ( k === 1 ) return 1;
 114 | 					if ( !a || a < 1 ) { a = 1; s = p / 4; }
 115 | 					else s = p * Math.asin( 1 / a ) / ( 2 * Math.PI );
 116 | 					return ( a * Math.pow( 2, - 10 * k) * Math.sin( ( k - s ) * ( 2 * Math.PI ) / p ) + 1 );
 117 | 
 118 | 				},
 119 | 			},
 120 | 			back: {
 121 | 				out: function ( k ) {
 122 | 					var s = 1.70158;
 123 | 					return --k * k * ( ( s + 1 ) * k + s ) + 1;
 124 | 				}
 125 | 			}
 126 | 		*/
 127 | 	},
 128 | 
 129 | 	/**
 130 | 	 * 
 131 | 	 * @return {object}
 132 | 	 * 
 133 | 	 * {
 134 | 	 *  raf : request animation frame function
 135 | 	 *  caf : cancel animation frame function
 136 | 	 *  transfrom : transform property key (with vendor), or null if not supported
 137 | 	 *  oldIE : IE8 or below
 138 | 	 * }
 139 | 	 * 
 140 | 	 */
 141 | 	detectFeatures: function() {
 142 | 		if(framework.features) {
 143 | 			return framework.features;
 144 | 		}
 145 | 		var helperEl = framework.createEl(),
 146 | 			helperStyle = helperEl.style,
 147 | 			vendor = '',
 148 | 			features = {};
 149 | 
 150 | 		// IE8 and below
 151 | 		features.oldIE = document.all && !document.addEventListener;
 152 | 
 153 | 		features.touch = 'ontouchstart' in window;
 154 | 
 155 | 		if(window.requestAnimationFrame) {
 156 | 			features.raf = window.requestAnimationFrame;
 157 | 			features.caf = window.cancelAnimationFrame;
 158 | 		}
 159 | 
 160 | 		features.pointerEvent = navigator.pointerEnabled || navigator.msPointerEnabled;
 161 | 
 162 | 		// fix false-positive detection of old Android in new IE
 163 | 		// (IE11 ua string contains "Android 4.0")
 164 | 		
 165 | 		if(!features.pointerEvent) { 
 166 | 
 167 | 			var ua = navigator.userAgent;
 168 | 
 169 | 			// Detect if device is iPhone or iPod and if it's older than iOS 8
 170 | 			// http://stackoverflow.com/a/14223920
 171 | 			// 
 172 | 			// This detection is made because of buggy top/bottom toolbars
 173 | 			// that don't trigger window.resize event.
 174 | 			// For more info refer to _isFixedPosition variable in core.js
 175 | 
 176 | 			if (/iP(hone|od)/.test(navigator.platform)) {
 177 | 				var v = (navigator.appVersion).match(/OS (\d+)_(\d+)_?(\d+)?/);
 178 | 				if(v && v.length > 0) {
 179 | 					v = parseInt(v[1], 10);
 180 | 					if(v >= 1 && v < 8 ) {
 181 | 						features.isOldIOSPhone = true;
 182 | 					}
 183 | 				}
 184 | 			}
 185 | 
 186 | 			// Detect old Android (before KitKat)
 187 | 			// due to bugs related to position:fixed
 188 | 			// http://stackoverflow.com/questions/7184573/pick-up-the-android-version-in-the-browser-by-javascript
 189 | 			
 190 | 			var match = ua.match(/Android\s([0-9\.]*)/);
 191 | 			var androidversion =  match ? match[1] : 0;
 192 | 			androidversion = parseFloat(androidversion);
 193 | 			if(androidversion >= 1 ) {
 194 | 				if(androidversion < 4.4) {
 195 | 					features.isOldAndroid = true; // for fixed position bug & performance
 196 | 				}
 197 | 				features.androidVersion = androidversion; // for touchend bug
 198 | 			}	
 199 | 			features.isMobileOpera = /opera mini|opera mobi/i.test(ua);
 200 | 
 201 | 			// p.s. yes, yes, UA sniffing is bad, propose your solution for above bugs.
 202 | 		}
 203 | 		
 204 | 		var styleChecks = ['transform', 'perspective', 'animationName'],
 205 | 			vendors = ['', 'webkit','Moz','ms','O'],
 206 | 			styleCheckItem,
 207 | 			styleName;
 208 | 
 209 | 		for(var i = 0; i < 4; i++) {
 210 | 			vendor = vendors[i];
 211 | 
 212 | 			for(var a = 0; a < 3; a++) {
 213 | 				styleCheckItem = styleChecks[a];
 214 | 
 215 | 				// uppercase first letter of property name, if vendor is present
 216 | 				styleName = vendor + (vendor ? 
 217 | 										styleCheckItem.charAt(0).toUpperCase() + styleCheckItem.slice(1) : 
 218 | 										styleCheckItem);
 219 | 			
 220 | 				if(!features[styleCheckItem] && styleName in helperStyle ) {
 221 | 					features[styleCheckItem] = styleName;
 222 | 				}
 223 | 			}
 224 | 
 225 | 			if(vendor && !features.raf) {
 226 | 				vendor = vendor.toLowerCase();
 227 | 				features.raf = window[vendor+'RequestAnimationFrame'];
 228 | 				if(features.raf) {
 229 | 					features.caf = window[vendor+'CancelAnimationFrame'] || 
 230 | 									window[vendor+'CancelRequestAnimationFrame'];
 231 | 				}
 232 | 			}
 233 | 		}
 234 | 			
 235 | 		if(!features.raf) {
 236 | 			var lastTime = 0;
 237 | 			features.raf = function(fn) {
 238 | 				var currTime = new Date().getTime();
 239 | 				var timeToCall = Math.max(0, 16 - (currTime - lastTime));
 240 | 				var id = window.setTimeout(function() { fn(currTime + timeToCall); }, timeToCall);
 241 | 				lastTime = currTime + timeToCall;
 242 | 				return id;
 243 | 			};
 244 | 			features.caf = function(id) { clearTimeout(id); };
 245 | 		}
 246 | 
 247 | 		// Detect SVG support
 248 | 		features.svg = !!document.createElementNS && 
 249 | 						!!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect;
 250 | 
 251 | 		framework.features = features;
 252 | 
 253 | 		return features;
 254 | 	}
 255 | };
 256 | 
 257 | framework.detectFeatures();
 258 | 
 259 | // Override addEventListener for old versions of IE
 260 | if(framework.features.oldIE) {
 261 | 
 262 | 	framework.bind = function(target, type, listener, unbind) {
 263 | 		
 264 | 		type = type.split(' ');
 265 | 
 266 | 		var methodName = (unbind ? 'detach' : 'attach') + 'Event',
 267 | 			evName,
 268 | 			_handleEv = function() {
 269 | 				listener.handleEvent.call(listener);
 270 | 			};
 271 | 
 272 | 		for(var i = 0; i < type.length; i++) {
 273 | 			evName = type[i];
 274 | 			if(evName) {
 275 | 
 276 | 				if(typeof listener === 'object' && listener.handleEvent) {
 277 | 					if(!unbind) {
 278 | 						listener['oldIE' + evName] = _handleEv;
 279 | 					} else {
 280 | 						if(!listener['oldIE' + evName]) {
 281 | 							return false;
 282 | 						}
 283 | 					}
 284 | 
 285 | 					target[methodName]( 'on' + evName, listener['oldIE' + evName]);
 286 | 				} else {
 287 | 					target[methodName]( 'on' + evName, listener);
 288 | 				}
 289 | 
 290 | 			}
 291 | 		}
 292 | 	};
 293 | 	
 294 | }
 295 | 
 296 | /*>>framework-bridge*/
 297 | 
 298 | /*>>core*/
 299 | //function(template, UiClass, items, options)
 300 | 
 301 | var self = this;
 302 | 
 303 | /**
 304 |  * Static vars, don't change unless you know what you're doing.
 305 |  */
 306 | var DOUBLE_TAP_RADIUS = 25, 
 307 | 	NUM_HOLDERS = 3;
 308 | 
 309 | /**
 310 |  * Options
 311 |  */
 312 | var _options = {
 313 | 	allowPanToNext:true,
 314 | 	spacing: 0.12,
 315 | 	bgOpacity: 1,
 316 | 	mouseUsed: false,
 317 | 	loop: true,
 318 | 	pinchToClose: true,
 319 | 	closeOnScroll: true,
 320 | 	closeOnVerticalDrag: true,
 321 | 	verticalDragRange: 0.75,
 322 | 	hideAnimationDuration: 333,
 323 | 	showAnimationDuration: 333,
 324 | 	showHideOpacity: false,
 325 | 	focus: true,
 326 | 	escKey: true,
 327 | 	arrowKeys: true,
 328 | 	mainScrollEndFriction: 0.35,
 329 | 	panEndFriction: 0.35,
 330 | 	isClickableElement: function(el) {
 331 |         return el.tagName === 'A';
 332 |     },
 333 |     getDoubleTapZoom: function(isMouseClick, item) {
 334 |     	if(isMouseClick) {
 335 |     		return 1;
 336 |     	} else {
 337 |     		return item.initialZoomLevel < 0.7 ? 1 : 1.33;
 338 |     	}
 339 |     },
 340 |     maxSpreadZoom: 1.33,
 341 | 	modal: true,
 342 | 
 343 | 	// not fully implemented yet
 344 | 	scaleMode: 'fit' // TODO
 345 | };
 346 | framework.extend(_options, options);
 347 | 
 348 | 
 349 | /**
 350 |  * Private helper variables & functions
 351 |  */
 352 | 
 353 | var _getEmptyPoint = function() { 
 354 | 		return {x:0,y:0}; 
 355 | 	};
 356 | 
 357 | var _isOpen,
 358 | 	_isDestroying,
 359 | 	_closedByScroll,
 360 | 	_currentItemIndex,
 361 | 	_containerStyle,
 362 | 	_containerShiftIndex,
 363 | 	_currPanDist = _getEmptyPoint(),
 364 | 	_startPanOffset = _getEmptyPoint(),
 365 | 	_panOffset = _getEmptyPoint(),
 366 | 	_upMoveEvents, // drag move, drag end & drag cancel events array
 367 | 	_downEvents, // drag start events array
 368 | 	_globalEventHandlers,
 369 | 	_viewportSize = {},
 370 | 	_currZoomLevel,
 371 | 	_startZoomLevel,
 372 | 	_translatePrefix,
 373 | 	_translateSufix,
 374 | 	_updateSizeInterval,
 375 | 	_itemsNeedUpdate,
 376 | 	_currPositionIndex = 0,
 377 | 	_offset = {},
 378 | 	_slideSize = _getEmptyPoint(), // size of slide area, including spacing
 379 | 	_itemHolders,
 380 | 	_prevItemIndex,
 381 | 	_indexDiff = 0, // difference of indexes since last content update
 382 | 	_dragStartEvent,
 383 | 	_dragMoveEvent,
 384 | 	_dragEndEvent,
 385 | 	_dragCancelEvent,
 386 | 	_transformKey,
 387 | 	_pointerEventEnabled,
 388 | 	_isFixedPosition = true,
 389 | 	_likelyTouchDevice,
 390 | 	_modules = [],
 391 | 	_requestAF,
 392 | 	_cancelAF,
 393 | 	_initalClassName,
 394 | 	_initalWindowScrollY,
 395 | 	_oldIE,
 396 | 	_currentWindowScrollY,
 397 | 	_features,
 398 | 	_windowVisibleSize = {},
 399 | 	_renderMaxResolution = false,
 400 | 
 401 | 	// Registers PhotoSWipe module (History, Controller ...)
 402 | 	_registerModule = function(name, module) {
 403 | 		framework.extend(self, module.publicMethods);
 404 | 		_modules.push(name);
 405 | 	},
 406 | 
 407 | 	_getLoopedId = function(index) {
 408 | 		var numSlides = _getNumItems();
 409 | 		if(index > numSlides - 1) {
 410 | 			return index - numSlides;
 411 | 		} else  if(index < 0) {
 412 | 			return numSlides + index;
 413 | 		}
 414 | 		return index;
 415 | 	},
 416 | 	
 417 | 	// Micro bind/trigger
 418 | 	_listeners = {},
 419 | 	_listen = function(name, fn) {
 420 | 		if(!_listeners[name]) {
 421 | 			_listeners[name] = [];
 422 | 		}
 423 | 		return _listeners[name].push(fn);
 424 | 	},
 425 | 	_shout = function(name) {
 426 | 		var listeners = _listeners[name];
 427 | 
 428 | 		if(listeners) {
 429 | 			var args = Array.prototype.slice.call(arguments);
 430 | 			args.shift();
 431 | 
 432 | 			for(var i = 0; i < listeners.length; i++) {
 433 | 				listeners[i].apply(self, args);
 434 | 			}
 435 | 		}
 436 | 	},
 437 | 
 438 | 	_getCurrentTime = function() {
 439 | 		return new Date().getTime();
 440 | 	},
 441 | 	_applyBgOpacity = function(opacity) {
 442 | 		_bgOpacity = opacity;
 443 | 		self.bg.style.opacity = opacity * _options.bgOpacity;
 444 | 	},
 445 | 
 446 | 	_applyZoomTransform = function(styleObj,x,y,zoom,item) {
 447 | 		if(!_renderMaxResolution || (item && item !== self.currItem) ) {
 448 | 			zoom = zoom / (item ? item.fitRatio : self.currItem.fitRatio);	
 449 | 		}
 450 | 			
 451 | 		styleObj[_transformKey] = _translatePrefix + x + 'px, ' + y + 'px' + _translateSufix + ' scale(' + zoom + ')';
 452 | 	},
 453 | 	_applyCurrentZoomPan = function( allowRenderResolution ) {
 454 | 		if(_currZoomElementStyle) {
 455 | 
 456 | 			if(allowRenderResolution) {
 457 | 				if(_currZoomLevel > self.currItem.fitRatio) {
 458 | 					if(!_renderMaxResolution) {
 459 | 						_setImageSize(self.currItem, false, true);
 460 | 						_renderMaxResolution = true;
 461 | 					}
 462 | 				} else {
 463 | 					if(_renderMaxResolution) {
 464 | 						_setImageSize(self.currItem);
 465 | 						_renderMaxResolution = false;
 466 | 					}
 467 | 				}
 468 | 			}
 469 | 			
 470 | 
 471 | 			_applyZoomTransform(_currZoomElementStyle, _panOffset.x, _panOffset.y, _currZoomLevel);
 472 | 		}
 473 | 	},
 474 | 	_applyZoomPanToItem = function(item) {
 475 | 		if(item.container) {
 476 | 
 477 | 			_applyZoomTransform(item.container.style, 
 478 | 								item.initialPosition.x, 
 479 | 								item.initialPosition.y, 
 480 | 								item.initialZoomLevel,
 481 | 								item);
 482 | 		}
 483 | 	},
 484 | 	_setTranslateX = function(x, elStyle) {
 485 | 		elStyle[_transformKey] = _translatePrefix + x + 'px, 0px' + _translateSufix;
 486 | 	},
 487 | 	_moveMainScroll = function(x, dragging) {
 488 | 
 489 | 		if(!_options.loop && dragging) {
 490 | 			var newSlideIndexOffset = _currentItemIndex + (_slideSize.x * _currPositionIndex - x) / _slideSize.x,
 491 | 				delta = Math.round(x - _mainScrollPos.x);
 492 | 
 493 | 			if( (newSlideIndexOffset < 0 && delta > 0) || 
 494 | 				(newSlideIndexOffset >= _getNumItems() - 1 && delta < 0) ) {
 495 | 				x = _mainScrollPos.x + delta * _options.mainScrollEndFriction;
 496 | 			} 
 497 | 		}
 498 | 		
 499 | 		_mainScrollPos.x = x;
 500 | 		_setTranslateX(x, _containerStyle);
 501 | 	},
 502 | 	_calculatePanOffset = function(axis, zoomLevel) {
 503 | 		var m = _midZoomPoint[axis] - _offset[axis];
 504 | 		return _startPanOffset[axis] + _currPanDist[axis] + m - m * ( zoomLevel / _startZoomLevel );
 505 | 	},
 506 | 	
 507 | 	_equalizePoints = function(p1, p2) {
 508 | 		p1.x = p2.x;
 509 | 		p1.y = p2.y;
 510 | 		if(p2.id) {
 511 | 			p1.id = p2.id;
 512 | 		}
 513 | 	},
 514 | 	_roundPoint = function(p) {
 515 | 		p.x = Math.round(p.x);
 516 | 		p.y = Math.round(p.y);
 517 | 	},
 518 | 
 519 | 	_mouseMoveTimeout = null,
 520 | 	_onFirstMouseMove = function() {
 521 | 		// Wait until mouse move event is fired at least twice during 100ms
 522 | 		// We do this, because some mobile browsers trigger it on touchstart
 523 | 		if(_mouseMoveTimeout ) { 
 524 | 			framework.unbind(document, 'mousemove', _onFirstMouseMove);
 525 | 			framework.addClass(template, 'pswp--has_mouse');
 526 | 			_options.mouseUsed = true;
 527 | 			_shout('mouseUsed');
 528 | 		}
 529 | 		_mouseMoveTimeout = setTimeout(function() {
 530 | 			_mouseMoveTimeout = null;
 531 | 		}, 100);
 532 | 	},
 533 | 
 534 | 	_bindEvents = function() {
 535 | 		framework.bind(document, 'keydown', self);
 536 | 
 537 | 		if(_features.transform) {
 538 | 			// don't bind click event in browsers that don't support transform (mostly IE8)
 539 | 			framework.bind(self.scrollWrap, 'click', self);
 540 | 		}
 541 | 		
 542 | 
 543 | 		if(!_options.mouseUsed) {
 544 | 			framework.bind(document, 'mousemove', _onFirstMouseMove);
 545 | 		}
 546 | 
 547 | 		framework.bind(window, 'resize scroll', self);
 548 | 
 549 | 		_shout('bindEvents');
 550 | 	},
 551 | 
 552 | 	_unbindEvents = function() {
 553 | 		framework.unbind(window, 'resize', self);
 554 | 		framework.unbind(window, 'scroll', _globalEventHandlers.scroll);
 555 | 		framework.unbind(document, 'keydown', self);
 556 | 		framework.unbind(document, 'mousemove', _onFirstMouseMove);
 557 | 
 558 | 		if(_features.transform) {
 559 | 			framework.unbind(self.scrollWrap, 'click', self);
 560 | 		}
 561 | 
 562 | 		if(_isDragging) {
 563 | 			framework.unbind(window, _upMoveEvents, self);
 564 | 		}
 565 | 
 566 | 		_shout('unbindEvents');
 567 | 	},
 568 | 	
 569 | 	_calculatePanBounds = function(zoomLevel, update) {
 570 | 		var bounds = _calculateItemSize( self.currItem, _viewportSize, zoomLevel );
 571 | 		if(update) {
 572 | 			_currPanBounds = bounds;
 573 | 		}
 574 | 		return bounds;
 575 | 	},
 576 | 	
 577 | 	_getMinZoomLevel = function(item) {
 578 | 		if(!item) {
 579 | 			item = self.currItem;
 580 | 		}
 581 | 		return item.initialZoomLevel;
 582 | 	},
 583 | 	_getMaxZoomLevel = function(item) {
 584 | 		if(!item) {
 585 | 			item = self.currItem;
 586 | 		}
 587 | 		return item.w > 0 ? _options.maxSpreadZoom : 1;
 588 | 	},
 589 | 
 590 | 	// Return true if offset is out of the bounds
 591 | 	_modifyDestPanOffset = function(axis, destPanBounds, destPanOffset, destZoomLevel) {
 592 | 		if(destZoomLevel === self.currItem.initialZoomLevel) {
 593 | 			destPanOffset[axis] = self.currItem.initialPosition[axis];
 594 | 			return true;
 595 | 		} else {
 596 | 			destPanOffset[axis] = _calculatePanOffset(axis, destZoomLevel); 
 597 | 
 598 | 			if(destPanOffset[axis] > destPanBounds.min[axis]) {
 599 | 				destPanOffset[axis] = destPanBounds.min[axis];
 600 | 				return true;
 601 | 			} else if(destPanOffset[axis] < destPanBounds.max[axis] ) {
 602 | 				destPanOffset[axis] = destPanBounds.max[axis];
 603 | 				return true;
 604 | 			}
 605 | 		}
 606 | 		return false;
 607 | 	},
 608 | 
 609 | 	_setupTransforms = function() {
 610 | 
 611 | 		if(_transformKey) {
 612 | 			// setup 3d transforms
 613 | 			var allow3dTransform = _features.perspective && !_likelyTouchDevice;
 614 | 			_translatePrefix = 'translate' + (allow3dTransform ? '3d(' : '(');
 615 | 			_translateSufix = _features.perspective ? ', 0px)' : ')';	
 616 | 			return;
 617 | 		}
 618 | 
 619 | 		// Override zoom/pan/move functions in case old browser is used (most likely IE)
 620 | 		// (so they use left/top/width/height, instead of CSS transform)
 621 | 	
 622 | 		_transformKey = 'left';
 623 | 		framework.addClass(template, 'pswp--ie');
 624 | 
 625 | 		_setTranslateX = function(x, elStyle) {
 626 | 			elStyle.left = x + 'px';
 627 | 		};
 628 | 		_applyZoomPanToItem = function(item) {
 629 | 
 630 | 			var zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
 631 | 				s = item.container.style,
 632 | 				w = zoomRatio * item.w,
 633 | 				h = zoomRatio * item.h;
 634 | 
 635 | 			s.width = w + 'px';
 636 | 			s.height = h + 'px';
 637 | 			s.left = item.initialPosition.x + 'px';
 638 | 			s.top = item.initialPosition.y + 'px';
 639 | 
 640 | 		};
 641 | 		_applyCurrentZoomPan = function() {
 642 | 			if(_currZoomElementStyle) {
 643 | 
 644 | 				var s = _currZoomElementStyle,
 645 | 					item = self.currItem,
 646 | 					zoomRatio = item.fitRatio > 1 ? 1 : item.fitRatio,
 647 | 					w = zoomRatio * item.w,
 648 | 					h = zoomRatio * item.h;
 649 | 
 650 | 				s.width = w + 'px';
 651 | 				s.height = h + 'px';
 652 | 
 653 | 
 654 | 				s.left = _panOffset.x + 'px';
 655 | 				s.top = _panOffset.y + 'px';
 656 | 			}
 657 | 			
 658 | 		};
 659 | 	},
 660 | 
 661 | 	_onKeyDown = function(e) {
 662 | 		var keydownAction = '';
 663 | 		if(_options.escKey && e.keyCode === 27) { 
 664 | 			keydownAction = 'close';
 665 | 		} else if(_options.arrowKeys) {
 666 | 			if(e.keyCode === 37) {
 667 | 				keydownAction = 'prev';
 668 | 			} else if(e.keyCode === 39) { 
 669 | 				keydownAction = 'next';
 670 | 			}
 671 | 		}
 672 | 
 673 | 		if(keydownAction) {
 674 | 			// don't do anything if special key pressed to prevent from overriding default browser actions
 675 | 			// e.g. in Chrome on Mac cmd+arrow-left returns to previous page
 676 | 			if( !e.ctrlKey && !e.altKey && !e.shiftKey && !e.metaKey ) {
 677 | 				if(e.preventDefault) {
 678 | 					e.preventDefault();
 679 | 				} else {
 680 | 					e.returnValue = false;
 681 | 				} 
 682 | 				self[keydownAction]();
 683 | 			}
 684 | 		}
 685 | 	},
 686 | 
 687 | 	_onGlobalClick = function(e) {
 688 | 		if(!e) {
 689 | 			return;
 690 | 		}
 691 | 
 692 | 		// don't allow click event to pass through when triggering after drag or some other gesture
 693 | 		if(_moved || _zoomStarted || _mainScrollAnimating || _verticalDragInitiated) {
 694 | 			e.preventDefault();
 695 | 			e.stopPropagation();
 696 | 		}
 697 | 	},
 698 | 
 699 | 	_updatePageScrollOffset = function() {
 700 | 		self.setScrollOffset(0, framework.getScrollY());		
 701 | 	};
 702 | 	
 703 | 
 704 | 
 705 | 	
 706 | 
 707 | 
 708 | 
 709 | // Micro animation engine
 710 | var _animations = {},
 711 | 	_numAnimations = 0,
 712 | 	_stopAnimation = function(name) {
 713 | 		if(_animations[name]) {
 714 | 			if(_animations[name].raf) {
 715 | 				_cancelAF( _animations[name].raf );
 716 | 			}
 717 | 			_numAnimations--;
 718 | 			delete _animations[name];
 719 | 		}
 720 | 	},
 721 | 	_registerStartAnimation = function(name) {
 722 | 		if(_animations[name]) {
 723 | 			_stopAnimation(name);
 724 | 		}
 725 | 		if(!_animations[name]) {
 726 | 			_numAnimations++;
 727 | 			_animations[name] = {};
 728 | 		}
 729 | 	},
 730 | 	_stopAllAnimations = function() {
 731 | 		for (var prop in _animations) {
 732 | 
 733 | 			if( _animations.hasOwnProperty( prop ) ) {
 734 | 				_stopAnimation(prop);
 735 | 			} 
 736 | 			
 737 | 		}
 738 | 	},
 739 | 	_animateProp = function(name, b, endProp, d, easingFn, onUpdate, onComplete) {
 740 | 		var startAnimTime = _getCurrentTime(), t;
 741 | 		_registerStartAnimation(name);
 742 | 
 743 | 		var animloop = function(){
 744 | 			if ( _animations[name] ) {
 745 | 				
 746 | 				t = _getCurrentTime() - startAnimTime; // time diff
 747 | 				//b - beginning (start prop)
 748 | 				//d - anim duration
 749 | 
 750 | 				if ( t >= d ) {
 751 | 					_stopAnimation(name);
 752 | 					onUpdate(endProp);
 753 | 					if(onComplete) {
 754 | 						onComplete();
 755 | 					}
 756 | 					return;
 757 | 				}
 758 | 				onUpdate( (endProp - b) * easingFn(t/d) + b );
 759 | 
 760 | 				_animations[name].raf = _requestAF(animloop);
 761 | 			}
 762 | 		};
 763 | 		animloop();
 764 | 	};
 765 | 	
 766 | 
 767 | 
 768 | var publicMethods = {
 769 | 
 770 | 	// make a few local variables and functions public
 771 | 	shout: _shout,
 772 | 	listen: _listen,
 773 | 	viewportSize: _viewportSize,
 774 | 	options: _options,
 775 | 
 776 | 	isMainScrollAnimating: function() {
 777 | 		return _mainScrollAnimating;
 778 | 	},
 779 | 	getZoomLevel: function() {
 780 | 		return _currZoomLevel;
 781 | 	},
 782 | 	getCurrentIndex: function() {
 783 | 		return _currentItemIndex;
 784 | 	},
 785 | 	isDragging: function() {
 786 | 		return _isDragging;
 787 | 	},	
 788 | 	isZooming: function() {
 789 | 		return _isZooming;
 790 | 	},
 791 | 	setScrollOffset: function(x,y) {
 792 | 		_offset.x = x;
 793 | 		_currentWindowScrollY = _offset.y = y;
 794 | 		_shout('updateScrollOffset', _offset);
 795 | 	},
 796 | 	applyZoomPan: function(zoomLevel,panX,panY,allowRenderResolution) {
 797 | 		_panOffset.x = panX;
 798 | 		_panOffset.y = panY;
 799 | 		_currZoomLevel = zoomLevel;
 800 | 		_applyCurrentZoomPan( allowRenderResolution );
 801 | 	},
 802 | 
 803 | 	init: function() {
 804 | 
 805 | 		if(_isOpen || _isDestroying) {
 806 | 			return;
 807 | 		}
 808 | 
 809 | 		var i;
 810 | 
 811 | 		self.framework = framework; // basic functionality
 812 | 		self.template = template; // root DOM element of PhotoSwipe
 813 | 		self.bg = framework.getChildByClass(template, 'pswp__bg');
 814 | 
 815 | 		_initalClassName = template.className;
 816 | 		_isOpen = true;
 817 | 				
 818 | 		_features = framework.detectFeatures();
 819 | 		_requestAF = _features.raf;
 820 | 		_cancelAF = _features.caf;
 821 | 		_transformKey = _features.transform;
 822 | 		_oldIE = _features.oldIE;
 823 | 		
 824 | 		self.scrollWrap = framework.getChildByClass(template, 'pswp__scroll-wrap');
 825 | 		self.container = framework.getChildByClass(self.scrollWrap, 'pswp__container');
 826 | 
 827 | 		_containerStyle = self.container.style; // for fast access
 828 | 
 829 | 		// Objects that hold slides (there are only 3 in DOM)
 830 | 		self.itemHolders = _itemHolders = [
 831 | 			{el:self.container.children[0] , wrap:0, index: -1},
 832 | 			{el:self.container.children[1] , wrap:0, index: -1},
 833 | 			{el:self.container.children[2] , wrap:0, index: -1}
 834 | 		];
 835 | 
 836 | 		// hide nearby item holders until initial zoom animation finishes (to avoid extra Paints)
 837 | 		_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'none';
 838 | 
 839 | 		_setupTransforms();
 840 | 
 841 | 		// Setup global events
 842 | 		_globalEventHandlers = {
 843 | 			resize: self.updateSize,
 844 | 			scroll: _updatePageScrollOffset,
 845 | 			keydown: _onKeyDown,
 846 | 			click: _onGlobalClick
 847 | 		};
 848 | 
 849 | 		// disable show/hide effects on old browsers that don't support CSS animations or transforms, 
 850 | 		// old IOS, Android and Opera mobile. Blackberry seems to work fine, even older models.
 851 | 		var oldPhone = _features.isOldIOSPhone || _features.isOldAndroid || _features.isMobileOpera;
 852 | 		if(!_features.animationName || !_features.transform || oldPhone) {
 853 | 			_options.showAnimationDuration = _options.hideAnimationDuration = 0;
 854 | 		}
 855 | 
 856 | 		// init modules
 857 | 		for(i = 0; i < _modules.length; i++) {
 858 | 			self['init' + _modules[i]]();
 859 | 		}
 860 | 		
 861 | 		// init
 862 | 		if(UiClass) {
 863 | 			var ui = self.ui = new UiClass(self, framework);
 864 | 			ui.init();
 865 | 		}
 866 | 
 867 | 		_shout('firstUpdate');
 868 | 		_currentItemIndex = _currentItemIndex || _options.index || 0;
 869 | 		// validate index
 870 | 		if( isNaN(_currentItemIndex) || _currentItemIndex < 0 || _currentItemIndex >= _getNumItems() ) {
 871 | 			_currentItemIndex = 0;
 872 | 		}
 873 | 		self.currItem = _getItemAt( _currentItemIndex );
 874 | 
 875 | 		
 876 | 		if(_features.isOldIOSPhone || _features.isOldAndroid) {
 877 | 			_isFixedPosition = false;
 878 | 		}
 879 | 		
 880 | 		template.setAttribute('aria-hidden', 'false');
 881 | 		if(_options.modal) {
 882 | 			if(!_isFixedPosition) {
 883 | 				template.style.position = 'absolute';
 884 | 				template.style.top = framework.getScrollY() + 'px';
 885 | 			} else {
 886 | 				template.style.position = 'fixed';
 887 | 			}
 888 | 		}
 889 | 
 890 | 		if(_currentWindowScrollY === undefined) {
 891 | 			_shout('initialLayout');
 892 | 			_currentWindowScrollY = _initalWindowScrollY = framework.getScrollY();
 893 | 		}
 894 | 		
 895 | 		// add classes to root element of PhotoSwipe
 896 | 		var rootClasses = 'pswp--open ';
 897 | 		if(_options.mainClass) {
 898 | 			rootClasses += _options.mainClass + ' ';
 899 | 		}
 900 | 		if(_options.showHideOpacity) {
 901 | 			rootClasses += 'pswp--animate_opacity ';
 902 | 		}
 903 | 		rootClasses += _likelyTouchDevice ? 'pswp--touch' : 'pswp--notouch';
 904 | 		rootClasses += _features.animationName ? ' pswp--css_animation' : '';
 905 | 		rootClasses += _features.svg ? ' pswp--svg' : '';
 906 | 		framework.addClass(template, rootClasses);
 907 | 
 908 | 		self.updateSize();
 909 | 
 910 | 		// initial update
 911 | 		_containerShiftIndex = -1;
 912 | 		_indexDiff = null;
 913 | 		for(i = 0; i < NUM_HOLDERS; i++) {
 914 | 			_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, _itemHolders[i].el.style);
 915 | 		}
 916 | 
 917 | 		if(!_oldIE) {
 918 | 			framework.bind(self.scrollWrap, _downEvents, self); // no dragging for old IE
 919 | 		}	
 920 | 
 921 | 		_listen('initialZoomInEnd', function() {
 922 | 			self.setContent(_itemHolders[0], _currentItemIndex-1);
 923 | 			self.setContent(_itemHolders[2], _currentItemIndex+1);
 924 | 
 925 | 			_itemHolders[0].el.style.display = _itemHolders[2].el.style.display = 'block';
 926 | 
 927 | 			if(_options.focus) {
 928 | 				// focus causes layout, 
 929 | 				// which causes lag during the animation, 
 930 | 				// that's why we delay it untill the initial zoom transition ends
 931 | 				template.focus();
 932 | 			}
 933 | 			 
 934 | 
 935 | 			_bindEvents();
 936 | 		});
 937 | 
 938 | 		// set content for center slide (first time)
 939 | 		self.setContent(_itemHolders[1], _currentItemIndex);
 940 | 		
 941 | 		self.updateCurrItem();
 942 | 
 943 | 		_shout('afterInit');
 944 | 
 945 | 		if(!_isFixedPosition) {
 946 | 
 947 | 			// On all versions of iOS lower than 8.0, we check size of viewport every second.
 948 | 			// 
 949 | 			// This is done to detect when Safari top & bottom bars appear, 
 950 | 			// as this action doesn't trigger any events (like resize). 
 951 | 			// 
 952 | 			// On iOS8 they fixed this.
 953 | 			// 
 954 | 			// 10 Nov 2014: iOS 7 usage ~40%. iOS 8 usage 56%.
 955 | 			
 956 | 			_updateSizeInterval = setInterval(function() {
 957 | 				if(!_numAnimations && !_isDragging && !_isZooming && (_currZoomLevel === self.currItem.initialZoomLevel)  ) {
 958 | 					self.updateSize();
 959 | 				}
 960 | 			}, 1000);
 961 | 		}
 962 | 
 963 | 		framework.addClass(template, 'pswp--visible');
 964 | 	},
 965 | 
 966 | 	// Close the gallery, then destroy it
 967 | 	close: function() {
 968 | 		if(!_isOpen) {
 969 | 			return;
 970 | 		}
 971 | 
 972 | 		_isOpen = false;
 973 | 		_isDestroying = true;
 974 | 		_shout('close');
 975 | 		_unbindEvents();
 976 | 
 977 | 		_showOrHide(self.currItem, null, true, self.destroy);
 978 | 	},
 979 | 
 980 | 	// destroys the gallery (unbinds events, cleans up intervals and timeouts to avoid memory leaks)
 981 | 	destroy: function() {
 982 | 		_shout('destroy');
 983 | 
 984 | 		if(_showOrHideTimeout) {
 985 | 			clearTimeout(_showOrHideTimeout);
 986 | 		}
 987 | 		
 988 | 		template.setAttribute('aria-hidden', 'true');
 989 | 		template.className = _initalClassName;
 990 | 
 991 | 		if(_updateSizeInterval) {
 992 | 			clearInterval(_updateSizeInterval);
 993 | 		}
 994 | 
 995 | 		framework.unbind(self.scrollWrap, _downEvents, self);
 996 | 
 997 | 		// we unbind scroll event at the end, as closing animation may depend on it
 998 | 		framework.unbind(window, 'scroll', self);
 999 | 
1000 | 		_stopDragUpdateLoop();
1001 | 
1002 | 		_stopAllAnimations();
1003 | 
1004 | 		_listeners = null;
1005 | 	},
1006 | 
1007 | 	/**
1008 | 	 * Pan image to position
1009 | 	 * @param {Number} x     
1010 | 	 * @param {Number} y     
1011 | 	 * @param {Boolean} force Will ignore bounds if set to true.
1012 | 	 */
1013 | 	panTo: function(x,y,force) {
1014 | 		if(!force) {
1015 | 			if(x > _currPanBounds.min.x) {
1016 | 				x = _currPanBounds.min.x;
1017 | 			} else if(x < _currPanBounds.max.x) {
1018 | 				x = _currPanBounds.max.x;
1019 | 			}
1020 | 
1021 | 			if(y > _currPanBounds.min.y) {
1022 | 				y = _currPanBounds.min.y;
1023 | 			} else if(y < _currPanBounds.max.y) {
1024 | 				y = _currPanBounds.max.y;
1025 | 			}
1026 | 		}
1027 | 		
1028 | 		_panOffset.x = x;
1029 | 		_panOffset.y = y;
1030 | 		_applyCurrentZoomPan();
1031 | 	},
1032 | 	
1033 | 	handleEvent: function (e) {
1034 | 		e = e || window.event;
1035 | 		if(_globalEventHandlers[e.type]) {
1036 | 			_globalEventHandlers[e.type](e);
1037 | 		}
1038 | 	},
1039 | 
1040 | 
1041 | 	goTo: function(index) {
1042 | 
1043 | 		index = _getLoopedId(index);
1044 | 
1045 | 		var diff = index - _currentItemIndex;
1046 | 		_indexDiff = diff;
1047 | 
1048 | 		_currentItemIndex = index;
1049 | 		self.currItem = _getItemAt( _currentItemIndex );
1050 | 		_currPositionIndex -= diff;
1051 | 		
1052 | 		_moveMainScroll(_slideSize.x * _currPositionIndex);
1053 | 		
1054 | 
1055 | 		_stopAllAnimations();
1056 | 		_mainScrollAnimating = false;
1057 | 
1058 | 		self.updateCurrItem();
1059 | 	},
1060 | 	next: function() {
1061 | 		self.goTo( _currentItemIndex + 1);
1062 | 	},
1063 | 	prev: function() {
1064 | 		self.goTo( _currentItemIndex - 1);
1065 | 	},
1066 | 
1067 | 	// update current zoom/pan objects
1068 | 	updateCurrZoomItem: function(emulateSetContent) {
1069 | 		if(emulateSetContent) {
1070 | 			_shout('beforeChange', 0);
1071 | 		}
1072 | 
1073 | 		// itemHolder[1] is middle (current) item
1074 | 		if(_itemHolders[1].el.children.length) {
1075 | 			var zoomElement = _itemHolders[1].el.children[0];
1076 | 			if( framework.hasClass(zoomElement, 'pswp__zoom-wrap') ) {
1077 | 				_currZoomElementStyle = zoomElement.style;
1078 | 			} else {
1079 | 				_currZoomElementStyle = null;
1080 | 			}
1081 | 		} else {
1082 | 			_currZoomElementStyle = null;
1083 | 		}
1084 | 		
1085 | 		_currPanBounds = self.currItem.bounds;	
1086 | 		_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;
1087 | 
1088 | 		_panOffset.x = _currPanBounds.center.x;
1089 | 		_panOffset.y = _currPanBounds.center.y;
1090 | 
1091 | 		if(emulateSetContent) {
1092 | 			_shout('afterChange');
1093 | 		}
1094 | 	},
1095 | 
1096 | 
1097 | 	invalidateCurrItems: function() {
1098 | 		_itemsNeedUpdate = true;
1099 | 		for(var i = 0; i < NUM_HOLDERS; i++) {
1100 | 			if( _itemHolders[i].item ) {
1101 | 				_itemHolders[i].item.needsUpdate = true;
1102 | 			}
1103 | 		}
1104 | 	},
1105 | 
1106 | 	updateCurrItem: function(beforeAnimation) {
1107 | 
1108 | 		if(_indexDiff === 0) {
1109 | 			return;
1110 | 		}
1111 | 
1112 | 		var diffAbs = Math.abs(_indexDiff),
1113 | 			tempHolder;
1114 | 
1115 | 		if(beforeAnimation && diffAbs < 2) {
1116 | 			return;
1117 | 		}
1118 | 
1119 | 
1120 | 		self.currItem = _getItemAt( _currentItemIndex );
1121 | 		_renderMaxResolution = false;
1122 | 		
1123 | 		_shout('beforeChange', _indexDiff);
1124 | 
1125 | 		if(diffAbs >= NUM_HOLDERS) {
1126 | 			_containerShiftIndex += _indexDiff + (_indexDiff > 0 ? -NUM_HOLDERS : NUM_HOLDERS);
1127 | 			diffAbs = NUM_HOLDERS;
1128 | 		}
1129 | 		for(var i = 0; i < diffAbs; i++) {
1130 | 			if(_indexDiff > 0) {
1131 | 				tempHolder = _itemHolders.shift();
1132 | 				_itemHolders[NUM_HOLDERS-1] = tempHolder; // move first to last
1133 | 
1134 | 				_containerShiftIndex++;
1135 | 				_setTranslateX( (_containerShiftIndex+2) * _slideSize.x, tempHolder.el.style);
1136 | 				self.setContent(tempHolder, _currentItemIndex - diffAbs + i + 1 + 1);
1137 | 			} else {
1138 | 				tempHolder = _itemHolders.pop();
1139 | 				_itemHolders.unshift( tempHolder ); // move last to first
1140 | 
1141 | 				_containerShiftIndex--;
1142 | 				_setTranslateX( _containerShiftIndex * _slideSize.x, tempHolder.el.style);
1143 | 				self.setContent(tempHolder, _currentItemIndex + diffAbs - i - 1 - 1);
1144 | 			}
1145 | 			
1146 | 		}
1147 | 
1148 | 		// reset zoom/pan on previous item
1149 | 		if(_currZoomElementStyle && Math.abs(_indexDiff) === 1) {
1150 | 
1151 | 			var prevItem = _getItemAt(_prevItemIndex);
1152 | 			if(prevItem.initialZoomLevel !== _currZoomLevel) {
1153 | 				_calculateItemSize(prevItem , _viewportSize );
1154 | 				_setImageSize(prevItem);
1155 | 				_applyZoomPanToItem( prevItem ); 				
1156 | 			}
1157 | 
1158 | 		}
1159 | 
1160 | 		// reset diff after update
1161 | 		_indexDiff = 0;
1162 | 
1163 | 		self.updateCurrZoomItem();
1164 | 
1165 | 		_prevItemIndex = _currentItemIndex;
1166 | 
1167 | 		_shout('afterChange');
1168 | 		
1169 | 	},
1170 | 
1171 | 
1172 | 
1173 | 	updateSize: function(force) {
1174 | 		
1175 | 		if(!_isFixedPosition && _options.modal) {
1176 | 			var windowScrollY = framework.getScrollY();
1177 | 			if(_currentWindowScrollY !== windowScrollY) {
1178 | 				template.style.top = windowScrollY + 'px';
1179 | 				_currentWindowScrollY = windowScrollY;
1180 | 			}
1181 | 			if(!force && _windowVisibleSize.x === window.innerWidth && _windowVisibleSize.y === window.innerHeight) {
1182 | 				return;
1183 | 			}
1184 | 			_windowVisibleSize.x = window.innerWidth;
1185 | 			_windowVisibleSize.y = window.innerHeight;
1186 | 
1187 | 			//template.style.width = _windowVisibleSize.x + 'px';
1188 | 			template.style.height = _windowVisibleSize.y + 'px';
1189 | 		}
1190 | 
1191 | 
1192 | 
1193 | 		_viewportSize.x = self.scrollWrap.clientWidth;
1194 | 		_viewportSize.y = self.scrollWrap.clientHeight;
1195 | 
1196 | 		_updatePageScrollOffset();
1197 | 
1198 | 		_slideSize.x = _viewportSize.x + Math.round(_viewportSize.x * _options.spacing);
1199 | 		_slideSize.y = _viewportSize.y;
1200 | 
1201 | 		_moveMainScroll(_slideSize.x * _currPositionIndex);
1202 | 
1203 | 		_shout('beforeResize'); // even may be used for example to switch image sources
1204 | 
1205 | 
1206 | 		// don't re-calculate size on inital size update
1207 | 		if(_containerShiftIndex !== undefined) {
1208 | 
1209 | 			var holder,
1210 | 				item,
1211 | 				hIndex;
1212 | 
1213 | 			for(var i = 0; i < NUM_HOLDERS; i++) {
1214 | 				holder = _itemHolders[i];
1215 | 				_setTranslateX( (i+_containerShiftIndex) * _slideSize.x, holder.el.style);
1216 | 
1217 | 				hIndex = _currentItemIndex+i-1;
1218 | 
1219 | 				if(_options.loop && _getNumItems() > 2) {
1220 | 					hIndex = _getLoopedId(hIndex);
1221 | 				}
1222 | 
1223 | 				// update zoom level on items and refresh source (if needsUpdate)
1224 | 				item = _getItemAt( hIndex );
1225 | 
1226 | 				// re-render gallery item if `needsUpdate`,
1227 | 				// or doesn't have `bounds` (entirely new slide object)
1228 | 				if( item && (_itemsNeedUpdate || item.needsUpdate || !item.bounds) ) {
1229 | 
1230 | 					self.cleanSlide( item );
1231 | 					
1232 | 					self.setContent( holder, hIndex );
1233 | 
1234 | 					// if "center" slide
1235 | 					if(i === 1) {
1236 | 						self.currItem = item;
1237 | 						self.updateCurrZoomItem(true);
1238 | 					}
1239 | 
1240 | 					item.needsUpdate = false;
1241 | 
1242 | 				} else if(holder.index === -1 && hIndex >= 0) {
1243 | 					// add content first time
1244 | 					self.setContent( holder, hIndex );
1245 | 				}
1246 | 				if(item && item.container) {
1247 | 					_calculateItemSize(item, _viewportSize);
1248 | 					_setImageSize(item);
1249 | 					_applyZoomPanToItem( item );
1250 | 				}
1251 | 				
1252 | 			}
1253 | 			_itemsNeedUpdate = false;
1254 | 		}	
1255 | 
1256 | 		_startZoomLevel = _currZoomLevel = self.currItem.initialZoomLevel;
1257 | 		_currPanBounds = self.currItem.bounds;
1258 | 
1259 | 		if(_currPanBounds) {
1260 | 			_panOffset.x = _currPanBounds.center.x;
1261 | 			_panOffset.y = _currPanBounds.center.y;
1262 | 			_applyCurrentZoomPan( true );
1263 | 		}
1264 | 		
1265 | 		_shout('resize');
1266 | 	},
1267 | 	
1268 | 	// Zoom current item to
1269 | 	zoomTo: function(destZoomLevel, centerPoint, speed, easingFn, updateFn) {
1270 | 		/*
1271 | 			if(destZoomLevel === 'fit') {
1272 | 				destZoomLevel = self.currItem.fitRatio;
1273 | 			} else if(destZoomLevel === 'fill') {
1274 | 				destZoomLevel = self.currItem.fillRatio;
1275 | 			}
1276 | 		*/
1277 | 
1278 | 		if(centerPoint) {
1279 | 			_startZoomLevel = _currZoomLevel;
1280 | 			_midZoomPoint.x = Math.abs(centerPoint.x) - _panOffset.x ;
1281 | 			_midZoomPoint.y = Math.abs(centerPoint.y) - _panOffset.y ;
1282 | 			_equalizePoints(_startPanOffset, _panOffset);
1283 | 		}
1284 | 
1285 | 		var destPanBounds = _calculatePanBounds(destZoomLevel, false),
1286 | 			destPanOffset = {};
1287 | 
1288 | 		_modifyDestPanOffset('x', destPanBounds, destPanOffset, destZoomLevel);
1289 | 		_modifyDestPanOffset('y', destPanBounds, destPanOffset, destZoomLevel);
1290 | 
1291 | 		var initialZoomLevel = _currZoomLevel;
1292 | 		var initialPanOffset = {
1293 | 			x: _panOffset.x,
1294 | 			y: _panOffset.y
1295 | 		};
1296 | 
1297 | 		_roundPoint(destPanOffset);
1298 | 
1299 | 		var onUpdate = function(now) {
1300 | 			if(now === 1) {
1301 | 				_currZoomLevel = destZoomLevel;
1302 | 				_panOffset.x = destPanOffset.x;
1303 | 				_panOffset.y = destPanOffset.y;
1304 | 			} else {
1305 | 				_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
1306 | 				_panOffset.x = (destPanOffset.x - initialPanOffset.x) * now + initialPanOffset.x;
1307 | 				_panOffset.y = (destPanOffset.y - initialPanOffset.y) * now + initialPanOffset.y;
1308 | 			}
1309 | 
1310 | 			if(updateFn) {
1311 | 				updateFn(now);
1312 | 			}
1313 | 
1314 | 			_applyCurrentZoomPan( now === 1 );
1315 | 		};
1316 | 
1317 | 		if(speed) {
1318 | 			_animateProp('customZoomTo', 0, 1, speed, easingFn || framework.easing.sine.inOut, onUpdate);
1319 | 		} else {
1320 | 			onUpdate(1);
1321 | 		}
1322 | 	}
1323 | 
1324 | 
1325 | };
1326 | 
1327 | 
1328 | /*>>core*/
1329 | 
1330 | /*>>gestures*/
1331 | /**
1332 |  * Mouse/touch/pointer event handlers.
1333 |  * 
1334 |  * separated from @core.js for readability
1335 |  */
1336 | 
1337 | var MIN_SWIPE_DISTANCE = 30,
1338 | 	DIRECTION_CHECK_OFFSET = 10; // amount of pixels to drag to determine direction of swipe
1339 | 
1340 | var _gestureStartTime,
1341 | 	_gestureCheckSpeedTime,
1342 | 
1343 | 	// pool of objects that are used during dragging of zooming
1344 | 	p = {}, // first point
1345 | 	p2 = {}, // second point (for zoom gesture)
1346 | 	delta = {},
1347 | 	_currPoint = {},
1348 | 	_startPoint = {},
1349 | 	_currPointers = [],
1350 | 	_startMainScrollPos = {},
1351 | 	_releaseAnimData,
1352 | 	_posPoints = [], // array of points during dragging, used to determine type of gesture
1353 | 	_tempPoint = {},
1354 | 
1355 | 	_isZoomingIn,
1356 | 	_verticalDragInitiated,
1357 | 	_oldAndroidTouchEndTimeout,
1358 | 	_currZoomedItemIndex = 0,
1359 | 	_centerPoint = _getEmptyPoint(),
1360 | 	_lastReleaseTime = 0,
1361 | 	_isDragging, // at least one pointer is down
1362 | 	_isMultitouch, // at least two _pointers are down
1363 | 	_zoomStarted, // zoom level changed during zoom gesture
1364 | 	_moved,
1365 | 	_dragAnimFrame,
1366 | 	_mainScrollShifted,
1367 | 	_currentPoints, // array of current touch points
1368 | 	_isZooming,
1369 | 	_currPointsDistance,
1370 | 	_startPointsDistance,
1371 | 	_currPanBounds,
1372 | 	_mainScrollPos = _getEmptyPoint(),
1373 | 	_currZoomElementStyle,
1374 | 	_mainScrollAnimating, // true, if animation after swipe gesture is running
1375 | 	_midZoomPoint = _getEmptyPoint(),
1376 | 	_currCenterPoint = _getEmptyPoint(),
1377 | 	_direction,
1378 | 	_isFirstMove,
1379 | 	_opacityChanged,
1380 | 	_bgOpacity,
1381 | 	_wasOverInitialZoom,
1382 | 
1383 | 	_isEqualPoints = function(p1, p2) {
1384 | 		return p1.x === p2.x && p1.y === p2.y;
1385 | 	},
1386 | 	_isNearbyPoints = function(touch0, touch1) {
1387 | 		return Math.abs(touch0.x - touch1.x) < DOUBLE_TAP_RADIUS && Math.abs(touch0.y - touch1.y) < DOUBLE_TAP_RADIUS;
1388 | 	},
1389 | 	_calculatePointsDistance = function(p1, p2) {
1390 | 		_tempPoint.x = Math.abs( p1.x - p2.x );
1391 | 		_tempPoint.y = Math.abs( p1.y - p2.y );
1392 | 		return Math.sqrt(_tempPoint.x * _tempPoint.x + _tempPoint.y * _tempPoint.y);
1393 | 	},
1394 | 	_stopDragUpdateLoop = function() {
1395 | 		if(_dragAnimFrame) {
1396 | 			_cancelAF(_dragAnimFrame);
1397 | 			_dragAnimFrame = null;
1398 | 		}
1399 | 	},
1400 | 	_dragUpdateLoop = function() {
1401 | 		if(_isDragging) {
1402 | 			_dragAnimFrame = _requestAF(_dragUpdateLoop);
1403 | 			_renderMovement();
1404 | 		}
1405 | 	},
1406 | 	_canPan = function() {
1407 | 		return !(_options.scaleMode === 'fit' && _currZoomLevel ===  self.currItem.initialZoomLevel);
1408 | 	},
1409 | 	
1410 | 	// find the closest parent DOM element
1411 | 	_closestElement = function(el, fn) {
1412 | 	  	if(!el || el === document) {
1413 | 	  		return false;
1414 | 	  	}
1415 | 
1416 | 	  	// don't search elements above pswp__scroll-wrap
1417 | 	  	if(el.getAttribute('class') && el.getAttribute('class').indexOf('pswp__scroll-wrap') > -1 ) {
1418 | 	  		return false;
1419 | 	  	}
1420 | 
1421 | 	  	if( fn(el) ) {
1422 | 	  		return el;
1423 | 	  	}
1424 | 
1425 | 	  	return _closestElement(el.parentNode, fn);
1426 | 	},
1427 | 
1428 | 	_preventObj = {},
1429 | 	_preventDefaultEventBehaviour = function(e, isDown) {
1430 | 	    _preventObj.prevent = !_closestElement(e.target, _options.isClickableElement);
1431 | 
1432 | 		_shout('preventDragEvent', e, isDown, _preventObj);
1433 | 		return _preventObj.prevent;
1434 | 
1435 | 	},
1436 | 	_convertTouchToPoint = function(touch, p) {
1437 | 		p.x = touch.pageX;
1438 | 		p.y = touch.pageY;
1439 | 		p.id = touch.identifier;
1440 | 		return p;
1441 | 	},
1442 | 	_findCenterOfPoints = function(p1, p2, pCenter) {
1443 | 		pCenter.x = (p1.x + p2.x) * 0.5;
1444 | 		pCenter.y = (p1.y + p2.y) * 0.5;
1445 | 	},
1446 | 	_pushPosPoint = function(time, x, y) {
1447 | 		if(time - _gestureCheckSpeedTime > 50) {
1448 | 			var o = _posPoints.length > 2 ? _posPoints.shift() : {};
1449 | 			o.x = x;
1450 | 			o.y = y; 
1451 | 			_posPoints.push(o);
1452 | 			_gestureCheckSpeedTime = time;
1453 | 		}
1454 | 	},
1455 | 
1456 | 	_calculateVerticalDragOpacityRatio = function() {
1457 | 		var yOffset = _panOffset.y - self.currItem.initialPosition.y; // difference between initial and current position
1458 | 		return 1 -  Math.abs( yOffset / (_viewportSize.y / 2)  );
1459 | 	},
1460 | 
1461 | 	
1462 | 	// points pool, reused during touch events
1463 | 	_ePoint1 = {},
1464 | 	_ePoint2 = {},
1465 | 	_tempPointsArr = [],
1466 | 	_tempCounter,
1467 | 	_getTouchPoints = function(e) {
1468 | 		// clean up previous points, without recreating array
1469 | 		while(_tempPointsArr.length > 0) {
1470 | 			_tempPointsArr.pop();
1471 | 		}
1472 | 
1473 | 		if(!_pointerEventEnabled) {
1474 | 			if(e.type.indexOf('touch') > -1) {
1475 | 
1476 | 				if(e.touches && e.touches.length > 0) {
1477 | 					_tempPointsArr[0] = _convertTouchToPoint(e.touches[0], _ePoint1);
1478 | 					if(e.touches.length > 1) {
1479 | 						_tempPointsArr[1] = _convertTouchToPoint(e.touches[1], _ePoint2);
1480 | 					}
1481 | 				}
1482 | 				
1483 | 			} else {
1484 | 				_ePoint1.x = e.pageX;
1485 | 				_ePoint1.y = e.pageY;
1486 | 				_ePoint1.id = '';
1487 | 				_tempPointsArr[0] = _ePoint1;//_ePoint1;
1488 | 			}
1489 | 		} else {
1490 | 			_tempCounter = 0;
1491 | 			// we can use forEach, as pointer events are supported only in modern browsers
1492 | 			_currPointers.forEach(function(p) {
1493 | 				if(_tempCounter === 0) {
1494 | 					_tempPointsArr[0] = p;
1495 | 				} else if(_tempCounter === 1) {
1496 | 					_tempPointsArr[1] = p;
1497 | 				}
1498 | 				_tempCounter++;
1499 | 
1500 | 			});
1501 | 		}
1502 | 		return _tempPointsArr;
1503 | 	},
1504 | 
1505 | 	_panOrMoveMainScroll = function(axis, delta) {
1506 | 
1507 | 		var panFriction,
1508 | 			overDiff = 0,
1509 | 			newOffset = _panOffset[axis] + delta[axis],
1510 | 			startOverDiff,
1511 | 			dir = delta[axis] > 0,
1512 | 			newMainScrollPosition = _mainScrollPos.x + delta.x,
1513 | 			mainScrollDiff = _mainScrollPos.x - _startMainScrollPos.x,
1514 | 			newPanPos,
1515 | 			newMainScrollPos;
1516 | 
1517 | 		// calculate fdistance over the bounds and friction
1518 | 		if(newOffset > _currPanBounds.min[axis] || newOffset < _currPanBounds.max[axis]) {
1519 | 			panFriction = _options.panEndFriction;
1520 | 			// Linear increasing of friction, so at 1/4 of viewport it's at max value. 
1521 | 			// Looks not as nice as was expected. Left for history.
1522 | 			// panFriction = (1 - (_panOffset[axis] + delta[axis] + panBounds.min[axis]) / (_viewportSize[axis] / 4) );
1523 | 		} else {
1524 | 			panFriction = 1;
1525 | 		}
1526 | 		
1527 | 		newOffset = _panOffset[axis] + delta[axis] * panFriction;
1528 | 
1529 | 		// move main scroll or start panning
1530 | 		if(_options.allowPanToNext || _currZoomLevel === self.currItem.initialZoomLevel) {
1531 | 
1532 | 
1533 | 			if(!_currZoomElementStyle) {
1534 | 				
1535 | 				newMainScrollPos = newMainScrollPosition;
1536 | 
1537 | 			} else if(_direction === 'h' && axis === 'x' && !_zoomStarted ) {
1538 | 				
1539 | 				if(dir) {
1540 | 					if(newOffset > _currPanBounds.min[axis]) {
1541 | 						panFriction = _options.panEndFriction;
1542 | 						overDiff = _currPanBounds.min[axis] - newOffset;
1543 | 						startOverDiff = _currPanBounds.min[axis] - _startPanOffset[axis];
1544 | 					}
1545 | 					
1546 | 					// drag right
1547 | 					if( (startOverDiff <= 0 || mainScrollDiff < 0) && _getNumItems() > 1 ) {
1548 | 						newMainScrollPos = newMainScrollPosition;
1549 | 						if(mainScrollDiff < 0 && newMainScrollPosition > _startMainScrollPos.x) {
1550 | 							newMainScrollPos = _startMainScrollPos.x;
1551 | 						}
1552 | 					} else {
1553 | 						if(_currPanBounds.min.x !== _currPanBounds.max.x) {
1554 | 							newPanPos = newOffset;
1555 | 						}
1556 | 						
1557 | 					}
1558 | 
1559 | 				} else {
1560 | 
1561 | 					if(newOffset < _currPanBounds.max[axis] ) {
1562 | 						panFriction =_options.panEndFriction;
1563 | 						overDiff = newOffset - _currPanBounds.max[axis];
1564 | 						startOverDiff = _startPanOffset[axis] - _currPanBounds.max[axis];
1565 | 					}
1566 | 
1567 | 					if( (startOverDiff <= 0 || mainScrollDiff > 0) && _getNumItems() > 1 ) {
1568 | 						newMainScrollPos = newMainScrollPosition;
1569 | 
1570 | 						if(mainScrollDiff > 0 && newMainScrollPosition < _startMainScrollPos.x) {
1571 | 							newMainScrollPos = _startMainScrollPos.x;
1572 | 						}
1573 | 
1574 | 					} else {
1575 | 						if(_currPanBounds.min.x !== _currPanBounds.max.x) {
1576 | 							newPanPos = newOffset;
1577 | 						}
1578 | 					}
1579 | 
1580 | 				}
1581 | 
1582 | 
1583 | 				//
1584 | 			}
1585 | 
1586 | 			if(axis === 'x') {
1587 | 
1588 | 				if(newMainScrollPos !== undefined) {
1589 | 					_moveMainScroll(newMainScrollPos, true);
1590 | 					if(newMainScrollPos === _startMainScrollPos.x) {
1591 | 						_mainScrollShifted = false;
1592 | 					} else {
1593 | 						_mainScrollShifted = true;
1594 | 					}
1595 | 				}
1596 | 
1597 | 				if(_currPanBounds.min.x !== _currPanBounds.max.x) {
1598 | 					if(newPanPos !== undefined) {
1599 | 						_panOffset.x = newPanPos;
1600 | 					} else if(!_mainScrollShifted) {
1601 | 						_panOffset.x += delta.x * panFriction;
1602 | 					}
1603 | 				}
1604 | 
1605 | 				return newMainScrollPos !== undefined;
1606 | 			}
1607 | 
1608 | 		}
1609 | 
1610 | 		if(!_mainScrollAnimating) {
1611 | 			
1612 | 			if(!_mainScrollShifted) {
1613 | 				if(_currZoomLevel > self.currItem.fitRatio) {
1614 | 					_panOffset[axis] += delta[axis] * panFriction;
1615 | 				
1616 | 				}
1617 | 			}
1618 | 
1619 | 			
1620 | 		}
1621 | 		
1622 | 	},
1623 | 
1624 | 	// Pointerdown/touchstart/mousedown handler
1625 | 	_onDragStart = function(e) {
1626 | 
1627 | 		// Allow dragging only via left mouse button.
1628 | 		// As this handler is not added in IE8 - we ignore e.which
1629 | 		// 
1630 | 		// http://www.quirksmode.org/js/events_properties.html
1631 | 		// https://developer.mozilla.org/en-US/docs/Web/API/event.button
1632 | 		if(e.type === 'mousedown' && e.button > 0  ) {
1633 | 			return;
1634 | 		}
1635 | 
1636 | 		if(_initialZoomRunning) {
1637 | 			e.preventDefault();
1638 | 			return;
1639 | 		}
1640 | 
1641 | 		if(_oldAndroidTouchEndTimeout && e.type === 'mousedown') {
1642 | 			return;
1643 | 		}
1644 | 
1645 | 		if(_preventDefaultEventBehaviour(e, true)) {
1646 | 			e.preventDefault();
1647 | 		}
1648 | 
1649 | 
1650 | 
1651 | 		_shout('pointerDown');
1652 | 
1653 | 		if(_pointerEventEnabled) {
1654 | 			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
1655 | 			if(pointerIndex < 0) {
1656 | 				pointerIndex = _currPointers.length;
1657 | 			}
1658 | 			_currPointers[pointerIndex] = {x:e.pageX, y:e.pageY, id: e.pointerId};
1659 | 		}
1660 | 		
1661 | 
1662 | 
1663 | 		var startPointsList = _getTouchPoints(e),
1664 | 			numPoints = startPointsList.length;
1665 | 
1666 | 		_currentPoints = null;
1667 | 
1668 | 		_stopAllAnimations();
1669 | 
1670 | 		// init drag
1671 | 		if(!_isDragging || numPoints === 1) {
1672 | 
1673 | 			
1674 | 
1675 | 			_isDragging = _isFirstMove = true;
1676 | 			framework.bind(window, _upMoveEvents, self);
1677 | 
1678 | 			_isZoomingIn = 
1679 | 				_wasOverInitialZoom = 
1680 | 				_opacityChanged = 
1681 | 				_verticalDragInitiated = 
1682 | 				_mainScrollShifted = 
1683 | 				_moved = 
1684 | 				_isMultitouch = 
1685 | 				_zoomStarted = false;
1686 | 
1687 | 			_direction = null;
1688 | 
1689 | 			_shout('firstTouchStart', startPointsList);
1690 | 
1691 | 			_equalizePoints(_startPanOffset, _panOffset);
1692 | 
1693 | 			_currPanDist.x = _currPanDist.y = 0;
1694 | 			_equalizePoints(_currPoint, startPointsList[0]);
1695 | 			_equalizePoints(_startPoint, _currPoint);
1696 | 
1697 | 			//_equalizePoints(_startMainScrollPos, _mainScrollPos);
1698 | 			_startMainScrollPos.x = _slideSize.x * _currPositionIndex;
1699 | 
1700 | 			_posPoints = [{
1701 | 				x: _currPoint.x,
1702 | 				y: _currPoint.y
1703 | 			}];
1704 | 
1705 | 			_gestureCheckSpeedTime = _gestureStartTime = _getCurrentTime();
1706 | 
1707 | 			//_mainScrollAnimationEnd(true);
1708 | 			_calculatePanBounds( _currZoomLevel, true );
1709 | 			
1710 | 			// Start rendering
1711 | 			_stopDragUpdateLoop();
1712 | 			_dragUpdateLoop();
1713 | 			
1714 | 		}
1715 | 
1716 | 		// init zoom
1717 | 		if(!_isZooming && numPoints > 1 && !_mainScrollAnimating && !_mainScrollShifted) {
1718 | 			_startZoomLevel = _currZoomLevel;
1719 | 			_zoomStarted = false; // true if zoom changed at least once
1720 | 
1721 | 			_isZooming = _isMultitouch = true;
1722 | 			_currPanDist.y = _currPanDist.x = 0;
1723 | 
1724 | 			_equalizePoints(_startPanOffset, _panOffset);
1725 | 
1726 | 			_equalizePoints(p, startPointsList[0]);
1727 | 			_equalizePoints(p2, startPointsList[1]);
1728 | 
1729 | 			_findCenterOfPoints(p, p2, _currCenterPoint);
1730 | 
1731 | 			_midZoomPoint.x = Math.abs(_currCenterPoint.x) - _panOffset.x;
1732 | 			_midZoomPoint.y = Math.abs(_currCenterPoint.y) - _panOffset.y;
1733 | 			_currPointsDistance = _startPointsDistance = _calculatePointsDistance(p, p2);
1734 | 		}
1735 | 
1736 | 
1737 | 	},
1738 | 
1739 | 	// Pointermove/touchmove/mousemove handler
1740 | 	_onDragMove = function(e) {
1741 | 
1742 | 		e.preventDefault();
1743 | 
1744 | 		if(_pointerEventEnabled) {
1745 | 			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
1746 | 			if(pointerIndex > -1) {
1747 | 				var p = _currPointers[pointerIndex];
1748 | 				p.x = e.pageX;
1749 | 				p.y = e.pageY; 
1750 | 			}
1751 | 		}
1752 | 
1753 | 		if(_isDragging) {
1754 | 			var touchesList = _getTouchPoints(e);
1755 | 			if(!_direction && !_moved && !_isZooming) {
1756 | 
1757 | 				if(_mainScrollPos.x !== _slideSize.x * _currPositionIndex) {
1758 | 					// if main scroll position is shifted – direction is always horizontal
1759 | 					_direction = 'h';
1760 | 				} else {
1761 | 					var diff = Math.abs(touchesList[0].x - _currPoint.x) - Math.abs(touchesList[0].y - _currPoint.y);
1762 | 					// check the direction of movement
1763 | 					if(Math.abs(diff) >= DIRECTION_CHECK_OFFSET) {
1764 | 						_direction = diff > 0 ? 'h' : 'v';
1765 | 						_currentPoints = touchesList;
1766 | 					}
1767 | 				}
1768 | 				
1769 | 			} else {
1770 | 				_currentPoints = touchesList;
1771 | 			}
1772 | 		}	
1773 | 	},
1774 | 	// 
1775 | 	_renderMovement =  function() {
1776 | 
1777 | 		if(!_currentPoints) {
1778 | 			return;
1779 | 		}
1780 | 
1781 | 		var numPoints = _currentPoints.length;
1782 | 
1783 | 		if(numPoints === 0) {
1784 | 			return;
1785 | 		}
1786 | 
1787 | 		_equalizePoints(p, _currentPoints[0]);
1788 | 
1789 | 		delta.x = p.x - _currPoint.x;
1790 | 		delta.y = p.y - _currPoint.y;
1791 | 
1792 | 		if(_isZooming && numPoints > 1) {
1793 | 			// Handle behaviour for more than 1 point
1794 | 
1795 | 			_currPoint.x = p.x;
1796 | 			_currPoint.y = p.y;
1797 | 		
1798 | 			// check if one of two points changed
1799 | 			if( !delta.x && !delta.y && _isEqualPoints(_currentPoints[1], p2) ) {
1800 | 				return;
1801 | 			}
1802 | 
1803 | 			_equalizePoints(p2, _currentPoints[1]);
1804 | 
1805 | 
1806 | 			if(!_zoomStarted) {
1807 | 				_zoomStarted = true;
1808 | 				_shout('zoomGestureStarted');
1809 | 			}
1810 | 			
1811 | 			// Distance between two points
1812 | 			var pointsDistance = _calculatePointsDistance(p,p2);
1813 | 
1814 | 			var zoomLevel = _calculateZoomLevel(pointsDistance);
1815 | 
1816 | 			// slightly over the of initial zoom level
1817 | 			if(zoomLevel > self.currItem.initialZoomLevel + self.currItem.initialZoomLevel / 15) {
1818 | 				_wasOverInitialZoom = true;
1819 | 			}
1820 | 
1821 | 			// Apply the friction if zoom level is out of the bounds
1822 | 			var zoomFriction = 1,
1823 | 				minZoomLevel = _getMinZoomLevel(),
1824 | 				maxZoomLevel = _getMaxZoomLevel();
1825 | 
1826 | 			if ( zoomLevel < minZoomLevel ) {
1827 | 				
1828 | 				if(_options.pinchToClose && !_wasOverInitialZoom && _startZoomLevel <= self.currItem.initialZoomLevel) {
1829 | 					// fade out background if zooming out
1830 | 					var minusDiff = minZoomLevel - zoomLevel;
1831 | 					var percent = 1 - minusDiff / (minZoomLevel / 1.2);
1832 | 
1833 | 					_applyBgOpacity(percent);
1834 | 					_shout('onPinchClose', percent);
1835 | 					_opacityChanged = true;
1836 | 				} else {
1837 | 					zoomFriction = (minZoomLevel - zoomLevel) / minZoomLevel;
1838 | 					if(zoomFriction > 1) {
1839 | 						zoomFriction = 1;
1840 | 					}
1841 | 					zoomLevel = minZoomLevel - zoomFriction * (minZoomLevel / 3);
1842 | 				}
1843 | 				
1844 | 			} else if ( zoomLevel > maxZoomLevel ) {
1845 | 				// 1.5 - extra zoom level above the max. E.g. if max is x6, real max 6 + 1.5 = 7.5
1846 | 				zoomFriction = (zoomLevel - maxZoomLevel) / ( minZoomLevel * 6 );
1847 | 				if(zoomFriction > 1) {
1848 | 					zoomFriction = 1;
1849 | 				}
1850 | 				zoomLevel = maxZoomLevel + zoomFriction * minZoomLevel;
1851 | 			}
1852 | 
1853 | 			if(zoomFriction < 0) {
1854 | 				zoomFriction = 0;
1855 | 			}
1856 | 
1857 | 			// distance between touch points after friction is applied
1858 | 			_currPointsDistance = pointsDistance;
1859 | 
1860 | 			// _centerPoint - The point in the middle of two pointers
1861 | 			_findCenterOfPoints(p, p2, _centerPoint);
1862 | 		
1863 | 			// paning with two pointers pressed
1864 | 			_currPanDist.x += _centerPoint.x - _currCenterPoint.x;
1865 | 			_currPanDist.y += _centerPoint.y - _currCenterPoint.y;
1866 | 			_equalizePoints(_currCenterPoint, _centerPoint);
1867 | 
1868 | 			_panOffset.x = _calculatePanOffset('x', zoomLevel);
1869 | 			_panOffset.y = _calculatePanOffset('y', zoomLevel);
1870 | 
1871 | 			_isZoomingIn = zoomLevel > _currZoomLevel;
1872 | 			_currZoomLevel = zoomLevel;
1873 | 			_applyCurrentZoomPan();
1874 | 
1875 | 		} else {
1876 | 
1877 | 			// handle behaviour for one point (dragging or panning)
1878 | 
1879 | 			if(!_direction) {
1880 | 				return;
1881 | 			}
1882 | 
1883 | 			if(_isFirstMove) {
1884 | 				_isFirstMove = false;
1885 | 
1886 | 				// subtract drag distance that was used during the detection direction  
1887 | 
1888 | 				if( Math.abs(delta.x) >= DIRECTION_CHECK_OFFSET) {
1889 | 					delta.x -= _currentPoints[0].x - _startPoint.x;
1890 | 				}
1891 | 				
1892 | 				if( Math.abs(delta.y) >= DIRECTION_CHECK_OFFSET) {
1893 | 					delta.y -= _currentPoints[0].y - _startPoint.y;
1894 | 				}
1895 | 			}
1896 | 
1897 | 			_currPoint.x = p.x;
1898 | 			_currPoint.y = p.y;
1899 | 
1900 | 			// do nothing if pointers position hasn't changed
1901 | 			if(delta.x === 0 && delta.y === 0) {
1902 | 				return;
1903 | 			}
1904 | 
1905 | 			if(_direction === 'v' && _options.closeOnVerticalDrag) {
1906 | 				if(!_canPan()) {
1907 | 					_currPanDist.y += delta.y;
1908 | 					_panOffset.y += delta.y;
1909 | 
1910 | 					var opacityRatio = _calculateVerticalDragOpacityRatio();
1911 | 
1912 | 					_verticalDragInitiated = true;
1913 | 					_shout('onVerticalDrag', opacityRatio);
1914 | 
1915 | 					_applyBgOpacity(opacityRatio);
1916 | 					_applyCurrentZoomPan();
1917 | 					return ;
1918 | 				}
1919 | 			}
1920 | 
1921 | 			_pushPosPoint(_getCurrentTime(), p.x, p.y);
1922 | 
1923 | 			_moved = true;
1924 | 			_currPanBounds = self.currItem.bounds;
1925 | 			
1926 | 			var mainScrollChanged = _panOrMoveMainScroll('x', delta);
1927 | 			if(!mainScrollChanged) {
1928 | 				_panOrMoveMainScroll('y', delta);
1929 | 
1930 | 				_roundPoint(_panOffset);
1931 | 				_applyCurrentZoomPan();
1932 | 			}
1933 | 
1934 | 		}
1935 | 
1936 | 	},
1937 | 	
1938 | 	// Pointerup/pointercancel/touchend/touchcancel/mouseup event handler
1939 | 	_onDragRelease = function(e) {
1940 | 
1941 | 		if(_features.isOldAndroid ) {
1942 | 
1943 | 			if(_oldAndroidTouchEndTimeout && e.type === 'mouseup') {
1944 | 				return;
1945 | 			}
1946 | 
1947 | 			// on Android (v4.1, 4.2, 4.3 & possibly older) 
1948 | 			// ghost mousedown/up event isn't preventable via e.preventDefault,
1949 | 			// which causes fake mousedown event
1950 | 			// so we block mousedown/up for 600ms
1951 | 			if( e.type.indexOf('touch') > -1 ) {
1952 | 				clearTimeout(_oldAndroidTouchEndTimeout);
1953 | 				_oldAndroidTouchEndTimeout = setTimeout(function() {
1954 | 					_oldAndroidTouchEndTimeout = 0;
1955 | 				}, 600);
1956 | 			}
1957 | 			
1958 | 		}
1959 | 
1960 | 		_shout('pointerUp');
1961 | 
1962 | 		if(_preventDefaultEventBehaviour(e, false)) {
1963 | 			e.preventDefault();
1964 | 		}
1965 | 
1966 | 		var releasePoint;
1967 | 
1968 | 		if(_pointerEventEnabled) {
1969 | 			var pointerIndex = framework.arraySearch(_currPointers, e.pointerId, 'id');
1970 | 			
1971 | 			if(pointerIndex > -1) {
1972 | 				releasePoint = _currPointers.splice(pointerIndex, 1)[0];
1973 | 
1974 | 				if(navigator.pointerEnabled) {
1975 | 					releasePoint.type = e.pointerType || 'mouse';
1976 | 				} else {
1977 | 					var MSPOINTER_TYPES = {
1978 | 						4: 'mouse', // event.MSPOINTER_TYPE_MOUSE
1979 | 						2: 'touch', // event.MSPOINTER_TYPE_TOUCH 
1980 | 						3: 'pen' // event.MSPOINTER_TYPE_PEN
1981 | 					};
1982 | 					releasePoint.type = MSPOINTER_TYPES[e.pointerType];
1983 | 
1984 | 					if(!releasePoint.type) {
1985 | 						releasePoint.type = e.pointerType || 'mouse';
1986 | 					}
1987 | 				}
1988 | 
1989 | 			}
1990 | 		}
1991 | 
1992 | 		var touchList = _getTouchPoints(e),
1993 | 			gestureType,
1994 | 			numPoints = touchList.length;
1995 | 
1996 | 		if(e.type === 'mouseup') {
1997 | 			numPoints = 0;
1998 | 		}
1999 | 
2000 | 		// Do nothing if there were 3 touch points or more
2001 | 		if(numPoints === 2) {
2002 | 			_currentPoints = null;
2003 | 			return true;
2004 | 		}
2005 | 
2006 | 		// if second pointer released
2007 | 		if(numPoints === 1) {
2008 | 			_equalizePoints(_startPoint, touchList[0]);
2009 | 		}				
2010 | 
2011 | 
2012 | 		// pointer hasn't moved, send "tap release" point
2013 | 		if(numPoints === 0 && !_direction && !_mainScrollAnimating) {
2014 | 			if(!releasePoint) {
2015 | 				if(e.type === 'mouseup') {
2016 | 					releasePoint = {x: e.pageX, y: e.pageY, type:'mouse'};
2017 | 				} else if(e.changedTouches && e.changedTouches[0]) {
2018 | 					releasePoint = {x: e.changedTouches[0].pageX, y: e.changedTouches[0].pageY, type:'touch'};
2019 | 				}		
2020 | 			}
2021 | 
2022 | 			_shout('touchRelease', e, releasePoint);
2023 | 		}
2024 | 
2025 | 		// Difference in time between releasing of two last touch points (zoom gesture)
2026 | 		var releaseTimeDiff = -1;
2027 | 
2028 | 		// Gesture completed, no pointers left
2029 | 		if(numPoints === 0) {
2030 | 			_isDragging = false;
2031 | 			framework.unbind(window, _upMoveEvents, self);
2032 | 
2033 | 			_stopDragUpdateLoop();
2034 | 
2035 | 			if(_isZooming) {
2036 | 				// Two points released at the same time
2037 | 				releaseTimeDiff = 0;
2038 | 			} else if(_lastReleaseTime !== -1) {
2039 | 				releaseTimeDiff = _getCurrentTime() - _lastReleaseTime;
2040 | 			}
2041 | 		}
2042 | 		_lastReleaseTime = numPoints === 1 ? _getCurrentTime() : -1;
2043 | 		
2044 | 		if(releaseTimeDiff !== -1 && releaseTimeDiff < 150) {
2045 | 			gestureType = 'zoom';
2046 | 		} else {
2047 | 			gestureType = 'swipe';
2048 | 		}
2049 | 
2050 | 		if(_isZooming && numPoints < 2) {
2051 | 			_isZooming = false;
2052 | 
2053 | 			// Only second point released
2054 | 			if(numPoints === 1) {
2055 | 				gestureType = 'zoomPointerUp';
2056 | 			}
2057 | 			_shout('zoomGestureEnded');
2058 | 		}
2059 | 
2060 | 		_currentPoints = null;
2061 | 		if(!_moved && !_zoomStarted && !_mainScrollAnimating && !_verticalDragInitiated) {
2062 | 			// nothing to animate
2063 | 			return;
2064 | 		}
2065 | 	
2066 | 		_stopAllAnimations();
2067 | 
2068 | 		
2069 | 		if(!_releaseAnimData) {
2070 | 			_releaseAnimData = _initDragReleaseAnimationData();
2071 | 		}
2072 | 		
2073 | 		_releaseAnimData.calculateSwipeSpeed('x');
2074 | 
2075 | 
2076 | 		if(_verticalDragInitiated) {
2077 | 
2078 | 			var opacityRatio = _calculateVerticalDragOpacityRatio();
2079 | 
2080 | 			if(opacityRatio < _options.verticalDragRange) {
2081 | 				self.close();
2082 | 			} else {
2083 | 				var initalPanY = _panOffset.y,
2084 | 					initialBgOpacity = _bgOpacity;
2085 | 
2086 | 				_animateProp('verticalDrag', 0, 1, 300, framework.easing.cubic.out, function(now) {
2087 | 					
2088 | 					_panOffset.y = (self.currItem.initialPosition.y - initalPanY) * now + initalPanY;
2089 | 
2090 | 					_applyBgOpacity(  (1 - initialBgOpacity) * now + initialBgOpacity );
2091 | 					_applyCurrentZoomPan();
2092 | 				});
2093 | 
2094 | 				_shout('onVerticalDrag', 1);
2095 | 			}
2096 | 
2097 | 			return;
2098 | 		}
2099 | 
2100 | 
2101 | 		// main scroll 
2102 | 		if(  (_mainScrollShifted || _mainScrollAnimating) && numPoints === 0) {
2103 | 			var itemChanged = _finishSwipeMainScrollGesture(gestureType, _releaseAnimData);
2104 | 			if(itemChanged) {
2105 | 				return;
2106 | 			}
2107 | 			gestureType = 'zoomPointerUp';
2108 | 		}
2109 | 
2110 | 		// prevent zoom/pan animation when main scroll animation runs
2111 | 		if(_mainScrollAnimating) {
2112 | 			return;
2113 | 		}
2114 | 		
2115 | 		// Complete simple zoom gesture (reset zoom level if it's out of the bounds)  
2116 | 		if(gestureType !== 'swipe') {
2117 | 			_completeZoomGesture();
2118 | 			return;
2119 | 		}
2120 | 	
2121 | 		// Complete pan gesture if main scroll is not shifted, and it's possible to pan current image
2122 | 		if(!_mainScrollShifted && _currZoomLevel > self.currItem.fitRatio) {
2123 | 			_completePanGesture(_releaseAnimData);
2124 | 		}
2125 | 	},
2126 | 
2127 | 
2128 | 	// Returns object with data about gesture
2129 | 	// It's created only once and then reused
2130 | 	_initDragReleaseAnimationData  = function() {
2131 | 		// temp local vars
2132 | 		var lastFlickDuration,
2133 | 			tempReleasePos;
2134 | 
2135 | 		// s = this
2136 | 		var s = {
2137 | 			lastFlickOffset: {},
2138 | 			lastFlickDist: {},
2139 | 			lastFlickSpeed: {},
2140 | 			slowDownRatio:  {},
2141 | 			slowDownRatioReverse:  {},
2142 | 			speedDecelerationRatio:  {},
2143 | 			speedDecelerationRatioAbs:  {},
2144 | 			distanceOffset:  {},
2145 | 			backAnimDestination: {},
2146 | 			backAnimStarted: {},
2147 | 			calculateSwipeSpeed: function(axis) {
2148 | 				
2149 | 
2150 | 				if( _posPoints.length > 1) {
2151 | 					lastFlickDuration = _getCurrentTime() - _gestureCheckSpeedTime + 50;
2152 | 					tempReleasePos = _posPoints[_posPoints.length-2][axis];
2153 | 				} else {
2154 | 					lastFlickDuration = _getCurrentTime() - _gestureStartTime; // total gesture duration
2155 | 					tempReleasePos = _startPoint[axis];
2156 | 				}
2157 | 				s.lastFlickOffset[axis] = _currPoint[axis] - tempReleasePos;
2158 | 				s.lastFlickDist[axis] = Math.abs(s.lastFlickOffset[axis]);
2159 | 				if(s.lastFlickDist[axis] > 20) {
2160 | 					s.lastFlickSpeed[axis] = s.lastFlickOffset[axis] / lastFlickDuration;
2161 | 				} else {
2162 | 					s.lastFlickSpeed[axis] = 0;
2163 | 				}
2164 | 				if( Math.abs(s.lastFlickSpeed[axis]) < 0.1 ) {
2165 | 					s.lastFlickSpeed[axis] = 0;
2166 | 				}
2167 | 				
2168 | 				s.slowDownRatio[axis] = 0.95;
2169 | 				s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
2170 | 				s.speedDecelerationRatio[axis] = 1;
2171 | 			},
2172 | 
2173 | 			calculateOverBoundsAnimOffset: function(axis, speed) {
2174 | 				if(!s.backAnimStarted[axis]) {
2175 | 
2176 | 					if(_panOffset[axis] > _currPanBounds.min[axis]) {
2177 | 						s.backAnimDestination[axis] = _currPanBounds.min[axis];
2178 | 						
2179 | 					} else if(_panOffset[axis] < _currPanBounds.max[axis]) {
2180 | 						s.backAnimDestination[axis] = _currPanBounds.max[axis];
2181 | 					}
2182 | 
2183 | 					if(s.backAnimDestination[axis] !== undefined) {
2184 | 						s.slowDownRatio[axis] = 0.7;
2185 | 						s.slowDownRatioReverse[axis] = 1 - s.slowDownRatio[axis];
2186 | 						if(s.speedDecelerationRatioAbs[axis] < 0.05) {
2187 | 
2188 | 							s.lastFlickSpeed[axis] = 0;
2189 | 							s.backAnimStarted[axis] = true;
2190 | 
2191 | 							_animateProp('bounceZoomPan'+axis,_panOffset[axis], 
2192 | 								s.backAnimDestination[axis], 
2193 | 								speed || 300, 
2194 | 								framework.easing.sine.out, 
2195 | 								function(pos) {
2196 | 									_panOffset[axis] = pos;
2197 | 									_applyCurrentZoomPan();
2198 | 								}
2199 | 							);
2200 | 
2201 | 						}
2202 | 					}
2203 | 				}
2204 | 			},
2205 | 
2206 | 			// Reduces the speed by slowDownRatio (per 10ms)
2207 | 			calculateAnimOffset: function(axis) {
2208 | 				if(!s.backAnimStarted[axis]) {
2209 | 					s.speedDecelerationRatio[axis] = s.speedDecelerationRatio[axis] * (s.slowDownRatio[axis] + 
2210 | 												s.slowDownRatioReverse[axis] - 
2211 | 												s.slowDownRatioReverse[axis] * s.timeDiff / 10);
2212 | 
2213 | 					s.speedDecelerationRatioAbs[axis] = Math.abs(s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis]);
2214 | 					s.distanceOffset[axis] = s.lastFlickSpeed[axis] * s.speedDecelerationRatio[axis] * s.timeDiff;
2215 | 					_panOffset[axis] += s.distanceOffset[axis];
2216 | 
2217 | 				}
2218 | 			},
2219 | 
2220 | 			panAnimLoop: function() {
2221 | 				if ( _animations.zoomPan ) {
2222 | 					_animations.zoomPan.raf = _requestAF(s.panAnimLoop);
2223 | 
2224 | 					s.now = _getCurrentTime();
2225 | 					s.timeDiff = s.now - s.lastNow;
2226 | 					s.lastNow = s.now;
2227 | 					
2228 | 					s.calculateAnimOffset('x');
2229 | 					s.calculateAnimOffset('y');
2230 | 
2231 | 					_applyCurrentZoomPan();
2232 | 					
2233 | 					s.calculateOverBoundsAnimOffset('x');
2234 | 					s.calculateOverBoundsAnimOffset('y');
2235 | 
2236 | 
2237 | 					if (s.speedDecelerationRatioAbs.x < 0.05 && s.speedDecelerationRatioAbs.y < 0.05) {
2238 | 
2239 | 						// round pan position
2240 | 						_panOffset.x = Math.round(_panOffset.x);
2241 | 						_panOffset.y = Math.round(_panOffset.y);
2242 | 						_applyCurrentZoomPan();
2243 | 						
2244 | 						_stopAnimation('zoomPan');
2245 | 						return;
2246 | 					}
2247 | 				}
2248 | 
2249 | 			}
2250 | 		};
2251 | 		return s;
2252 | 	},
2253 | 
2254 | 	_completePanGesture = function(animData) {
2255 | 		// calculate swipe speed for Y axis (paanning)
2256 | 		animData.calculateSwipeSpeed('y');
2257 | 
2258 | 		_currPanBounds = self.currItem.bounds;
2259 | 		
2260 | 		animData.backAnimDestination = {};
2261 | 		animData.backAnimStarted = {};
2262 | 
2263 | 		// Avoid acceleration animation if speed is too low
2264 | 		if(Math.abs(animData.lastFlickSpeed.x) <= 0.05 && Math.abs(animData.lastFlickSpeed.y) <= 0.05 ) {
2265 | 			animData.speedDecelerationRatioAbs.x = animData.speedDecelerationRatioAbs.y = 0;
2266 | 
2267 | 			// Run pan drag release animation. E.g. if you drag image and release finger without momentum.
2268 | 			animData.calculateOverBoundsAnimOffset('x');
2269 | 			animData.calculateOverBoundsAnimOffset('y');
2270 | 			return true;
2271 | 		}
2272 | 
2273 | 		// Animation loop that controls the acceleration after pan gesture ends
2274 | 		_registerStartAnimation('zoomPan');
2275 | 		animData.lastNow = _getCurrentTime();
2276 | 		animData.panAnimLoop();
2277 | 	},
2278 | 
2279 | 
2280 | 	_finishSwipeMainScrollGesture = function(gestureType, _releaseAnimData) {
2281 | 		var itemChanged;
2282 | 		if(!_mainScrollAnimating) {
2283 | 			_currZoomedItemIndex = _currentItemIndex;
2284 | 		}
2285 | 
2286 | 
2287 | 		
2288 | 		var itemsDiff;
2289 | 
2290 | 		if(gestureType === 'swipe') {
2291 | 			var totalShiftDist = _currPoint.x - _startPoint.x,
2292 | 				isFastLastFlick = _releaseAnimData.lastFlickDist.x < 10;
2293 | 
2294 | 			// if container is shifted for more than MIN_SWIPE_DISTANCE, 
2295 | 			// and last flick gesture was in right direction
2296 | 			if(totalShiftDist > MIN_SWIPE_DISTANCE && 
2297 | 				(isFastLastFlick || _releaseAnimData.lastFlickOffset.x > 20) ) {
2298 | 				// go to prev item
2299 | 				itemsDiff = -1;
2300 | 			} else if(totalShiftDist < -MIN_SWIPE_DISTANCE && 
2301 | 				(isFastLastFlick || _releaseAnimData.lastFlickOffset.x < -20) ) {
2302 | 				// go to next item
2303 | 				itemsDiff = 1;
2304 | 			}
2305 | 		}
2306 | 
2307 | 		var nextCircle;
2308 | 
2309 | 		if(itemsDiff) {
2310 | 			
2311 | 			_currentItemIndex += itemsDiff;
2312 | 
2313 | 			if(_currentItemIndex < 0) {
2314 | 				_currentItemIndex = _options.loop ? _getNumItems()-1 : 0;
2315 | 				nextCircle = true;
2316 | 			} else if(_currentItemIndex >= _getNumItems()) {
2317 | 				_currentItemIndex = _options.loop ? 0 : _getNumItems()-1;
2318 | 				nextCircle = true;
2319 | 			}
2320 | 
2321 | 			if(!nextCircle || _options.loop) {
2322 | 				_indexDiff += itemsDiff;
2323 | 				_currPositionIndex -= itemsDiff;
2324 | 				itemChanged = true;
2325 | 			}
2326 | 			
2327 | 
2328 | 			
2329 | 		}
2330 | 
2331 | 		var animateToX = _slideSize.x * _currPositionIndex;
2332 | 		var animateToDist = Math.abs( animateToX - _mainScrollPos.x );
2333 | 		var finishAnimDuration;
2334 | 
2335 | 
2336 | 		if(!itemChanged && animateToX > _mainScrollPos.x !== _releaseAnimData.lastFlickSpeed.x > 0) {
2337 | 			// "return to current" duration, e.g. when dragging from slide 0 to -1
2338 | 			finishAnimDuration = 333; 
2339 | 		} else {
2340 | 			finishAnimDuration = Math.abs(_releaseAnimData.lastFlickSpeed.x) > 0 ? 
2341 | 									animateToDist / Math.abs(_releaseAnimData.lastFlickSpeed.x) : 
2342 | 									333;
2343 | 
2344 | 			finishAnimDuration = Math.min(finishAnimDuration, 400);
2345 | 			finishAnimDuration = Math.max(finishAnimDuration, 250);
2346 | 		}
2347 | 
2348 | 		if(_currZoomedItemIndex === _currentItemIndex) {
2349 | 			itemChanged = false;
2350 | 		}
2351 | 		
2352 | 		_mainScrollAnimating = true;
2353 | 		
2354 | 		_shout('mainScrollAnimStart');
2355 | 
2356 | 		_animateProp('mainScroll', _mainScrollPos.x, animateToX, finishAnimDuration, framework.easing.cubic.out, 
2357 | 			_moveMainScroll,
2358 | 			function() {
2359 | 				_stopAllAnimations();
2360 | 				_mainScrollAnimating = false;
2361 | 				_currZoomedItemIndex = -1;
2362 | 				
2363 | 				if(itemChanged || _currZoomedItemIndex !== _currentItemIndex) {
2364 | 					self.updateCurrItem();
2365 | 				}
2366 | 				
2367 | 				_shout('mainScrollAnimComplete');
2368 | 			}
2369 | 		);
2370 | 
2371 | 		if(itemChanged) {
2372 | 			self.updateCurrItem(true);
2373 | 		}
2374 | 
2375 | 		return itemChanged;
2376 | 	},
2377 | 
2378 | 	_calculateZoomLevel = function(touchesDistance) {
2379 | 		return  1 / _startPointsDistance * touchesDistance * _startZoomLevel;
2380 | 	},
2381 | 
2382 | 	// Resets zoom if it's out of bounds
2383 | 	_completeZoomGesture = function() {
2384 | 		var destZoomLevel = _currZoomLevel,
2385 | 			minZoomLevel = _getMinZoomLevel(),
2386 | 			maxZoomLevel = _getMaxZoomLevel();
2387 | 
2388 | 		if ( _currZoomLevel < minZoomLevel ) {
2389 | 			destZoomLevel = minZoomLevel;
2390 | 		} else if ( _currZoomLevel > maxZoomLevel ) {
2391 | 			destZoomLevel = maxZoomLevel;
2392 | 		}
2393 | 
2394 | 		var destOpacity = 1,
2395 | 			onUpdate,
2396 | 			initialOpacity = _bgOpacity;
2397 | 
2398 | 		if(_opacityChanged && !_isZoomingIn && !_wasOverInitialZoom && _currZoomLevel < minZoomLevel) {
2399 | 			//_closedByScroll = true;
2400 | 			self.close();
2401 | 			return true;
2402 | 		}
2403 | 
2404 | 		if(_opacityChanged) {
2405 | 			onUpdate = function(now) {
2406 | 				_applyBgOpacity(  (destOpacity - initialOpacity) * now + initialOpacity );
2407 | 			};
2408 | 		}
2409 | 
2410 | 		self.zoomTo(destZoomLevel, 0, 200,  framework.easing.cubic.out, onUpdate);
2411 | 		return true;
2412 | 	};
2413 | 
2414 | 
2415 | _registerModule('Gestures', {
2416 | 	publicMethods: {
2417 | 
2418 | 		initGestures: function() {
2419 | 
2420 | 			// helper function that builds touch/pointer/mouse events
2421 | 			var addEventNames = function(pref, down, move, up, cancel) {
2422 | 				_dragStartEvent = pref + down;
2423 | 				_dragMoveEvent = pref + move;
2424 | 				_dragEndEvent = pref + up;
2425 | 				if(cancel) {
2426 | 					_dragCancelEvent = pref + cancel;
2427 | 				} else {
2428 | 					_dragCancelEvent = '';
2429 | 				}
2430 | 			};
2431 | 
2432 | 			_pointerEventEnabled = _features.pointerEvent;
2433 | 			if(_pointerEventEnabled && _features.touch) {
2434 | 				// we don't need touch events, if browser supports pointer events
2435 | 				_features.touch = false;
2436 | 			}
2437 | 
2438 | 			if(_pointerEventEnabled) {
2439 | 				if(navigator.pointerEnabled) {
2440 | 					addEventNames('pointer', 'down', 'move', 'up', 'cancel');
2441 | 				} else {
2442 | 					// IE10 pointer events are case-sensitive
2443 | 					addEventNames('MSPointer', 'Down', 'Move', 'Up', 'Cancel');
2444 | 				}
2445 | 			} else if(_features.touch) {
2446 | 				addEventNames('touch', 'start', 'move', 'end', 'cancel');
2447 | 				_likelyTouchDevice = true;
2448 | 			} else {
2449 | 				addEventNames('mouse', 'down', 'move', 'up');	
2450 | 			}
2451 | 
2452 | 			_upMoveEvents = _dragMoveEvent + ' ' + _dragEndEvent  + ' ' +  _dragCancelEvent;
2453 | 			_downEvents = _dragStartEvent;
2454 | 
2455 | 			if(_pointerEventEnabled && !_likelyTouchDevice) {
2456 | 				_likelyTouchDevice = (navigator.maxTouchPoints > 1) || (navigator.msMaxTouchPoints > 1);
2457 | 			}
2458 | 			// make variable public
2459 | 			self.likelyTouchDevice = _likelyTouchDevice; 
2460 | 			
2461 | 			_globalEventHandlers[_dragStartEvent] = _onDragStart;
2462 | 			_globalEventHandlers[_dragMoveEvent] = _onDragMove;
2463 | 			_globalEventHandlers[_dragEndEvent] = _onDragRelease; // the Kraken
2464 | 
2465 | 			if(_dragCancelEvent) {
2466 | 				_globalEventHandlers[_dragCancelEvent] = _globalEventHandlers[_dragEndEvent];
2467 | 			}
2468 | 
2469 | 			// Bind mouse events on device with detected hardware touch support, in case it supports multiple types of input.
2470 | 			if(_features.touch) {
2471 | 				_downEvents += ' mousedown';
2472 | 				_upMoveEvents += ' mousemove mouseup';
2473 | 				_globalEventHandlers.mousedown = _globalEventHandlers[_dragStartEvent];
2474 | 				_globalEventHandlers.mousemove = _globalEventHandlers[_dragMoveEvent];
2475 | 				_globalEventHandlers.mouseup = _globalEventHandlers[_dragEndEvent];
2476 | 			}
2477 | 
2478 | 			if(!_likelyTouchDevice) {
2479 | 				// don't allow pan to next slide from zoomed state on Desktop
2480 | 				_options.allowPanToNext = false;
2481 | 			}
2482 | 		}
2483 | 
2484 | 	}
2485 | });
2486 | 
2487 | 
2488 | /*>>gestures*/
2489 | 
2490 | /*>>show-hide-transition*/
2491 | /**
2492 |  * show-hide-transition.js:
2493 |  *
2494 |  * Manages initial opening or closing transition.
2495 |  *
2496 |  * If you're not planning to use transition for gallery at all,
2497 |  * you may set options hideAnimationDuration and showAnimationDuration to 0,
2498 |  * and just delete startAnimation function.
2499 |  * 
2500 |  */
2501 | 
2502 | 
2503 | var _showOrHideTimeout,
2504 | 	_showOrHide = function(item, img, out, completeFn) {
2505 | 
2506 | 		if(_showOrHideTimeout) {
2507 | 			clearTimeout(_showOrHideTimeout);
2508 | 		}
2509 | 
2510 | 		_initialZoomRunning = true;
2511 | 		_initialContentSet = true;
2512 | 		
2513 | 		// dimensions of small thumbnail {x:,y:,w:}.
2514 | 		// Height is optional, as calculated based on large image.
2515 | 		var thumbBounds; 
2516 | 		if(item.initialLayout) {
2517 | 			thumbBounds = item.initialLayout;
2518 | 			item.initialLayout = null;
2519 | 		} else {
2520 | 			thumbBounds = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
2521 | 		}
2522 | 
2523 | 		var duration = out ? _options.hideAnimationDuration : _options.showAnimationDuration;
2524 | 
2525 | 		var onComplete = function() {
2526 | 			_stopAnimation('initialZoom');
2527 | 			if(!out) {
2528 | 				_applyBgOpacity(1);
2529 | 				if(img) {
2530 | 					img.style.display = 'block';
2531 | 				}
2532 | 				framework.addClass(template, 'pswp--animated-in');
2533 | 				_shout('initialZoom' + (out ? 'OutEnd' : 'InEnd'));
2534 | 			} else {
2535 | 				self.template.removeAttribute('style');
2536 | 				self.bg.removeAttribute('style');
2537 | 			}
2538 | 
2539 | 			if(completeFn) {
2540 | 				completeFn();
2541 | 			}
2542 | 			_initialZoomRunning = false;
2543 | 		};
2544 | 
2545 | 		// if bounds aren't provided, just open gallery without animation
2546 | 		if(!duration || !thumbBounds || thumbBounds.x === undefined) {
2547 | 
2548 | 			_shout('initialZoom' + (out ? 'Out' : 'In') );
2549 | 
2550 | 			_currZoomLevel = item.initialZoomLevel;
2551 | 			_equalizePoints(_panOffset,  item.initialPosition );
2552 | 			_applyCurrentZoomPan();
2553 | 
2554 | 			template.style.opacity = out ? 0 : 1;
2555 | 			_applyBgOpacity(1);
2556 | 
2557 | 			if(duration) {
2558 | 				setTimeout(function() {
2559 | 					onComplete();
2560 | 				}, duration);
2561 | 			} else {
2562 | 				onComplete();
2563 | 			}
2564 | 
2565 | 			return;
2566 | 		}
2567 | 
2568 | 		var startAnimation = function() {
2569 | 			var closeWithRaf = _closedByScroll,
2570 | 				fadeEverything = !self.currItem.src || self.currItem.loadError || _options.showHideOpacity;
2571 | 			
2572 | 			// apply hw-acceleration to image
2573 | 			if(item.miniImg) {
2574 | 				item.miniImg.style.webkitBackfaceVisibility = 'hidden';
2575 | 			}
2576 | 
2577 | 			if(!out) {
2578 | 				_currZoomLevel = thumbBounds.w / item.w;
2579 | 				_panOffset.x = thumbBounds.x;
2580 | 				_panOffset.y = thumbBounds.y - _initalWindowScrollY;
2581 | 
2582 | 				self[fadeEverything ? 'template' : 'bg'].style.opacity = 0.001;
2583 | 				_applyCurrentZoomPan();
2584 | 			}
2585 | 
2586 | 			_registerStartAnimation('initialZoom');
2587 | 			
2588 | 			if(out && !closeWithRaf) {
2589 | 				framework.removeClass(template, 'pswp--animated-in');
2590 | 			}
2591 | 
2592 | 			if(fadeEverything) {
2593 | 				if(out) {
2594 | 					framework[ (closeWithRaf ? 'remove' : 'add') + 'Class' ](template, 'pswp--animate_opacity');
2595 | 				} else {
2596 | 					setTimeout(function() {
2597 | 						framework.addClass(template, 'pswp--animate_opacity');
2598 | 					}, 30);
2599 | 				}
2600 | 			}
2601 | 
2602 | 			_showOrHideTimeout = setTimeout(function() {
2603 | 
2604 | 				_shout('initialZoom' + (out ? 'Out' : 'In') );
2605 | 				
2606 | 
2607 | 				if(!out) {
2608 | 
2609 | 					// "in" animation always uses CSS transitions (instead of rAF).
2610 | 					// CSS transition work faster here, 
2611 | 					// as developer may also want to animate other things, 
2612 | 					// like ui on top of sliding area, which can be animated just via CSS
2613 | 					
2614 | 					_currZoomLevel = item.initialZoomLevel;
2615 | 					_equalizePoints(_panOffset,  item.initialPosition );
2616 | 					_applyCurrentZoomPan();
2617 | 					_applyBgOpacity(1);
2618 | 
2619 | 					if(fadeEverything) {
2620 | 						template.style.opacity = 1;
2621 | 					} else {
2622 | 						_applyBgOpacity(1);
2623 | 					}
2624 | 
2625 | 					_showOrHideTimeout = setTimeout(onComplete, duration + 20);
2626 | 				} else {
2627 | 
2628 | 					// "out" animation uses rAF only when PhotoSwipe is closed by browser scroll, to recalculate position
2629 | 					var destZoomLevel = thumbBounds.w / item.w,
2630 | 						initialPanOffset = {
2631 | 							x: _panOffset.x,
2632 | 							y: _panOffset.y
2633 | 						},
2634 | 						initialZoomLevel = _currZoomLevel,
2635 | 						initalBgOpacity = _bgOpacity,
2636 | 						onUpdate = function(now) {
2637 | 							
2638 | 							if(now === 1) {
2639 | 								_currZoomLevel = destZoomLevel;
2640 | 								_panOffset.x = thumbBounds.x;
2641 | 								_panOffset.y = thumbBounds.y  - _currentWindowScrollY;
2642 | 							} else {
2643 | 								_currZoomLevel = (destZoomLevel - initialZoomLevel) * now + initialZoomLevel;
2644 | 								_panOffset.x = (thumbBounds.x - initialPanOffset.x) * now + initialPanOffset.x;
2645 | 								_panOffset.y = (thumbBounds.y - _currentWindowScrollY - initialPanOffset.y) * now + initialPanOffset.y;
2646 | 							}
2647 | 							
2648 | 							_applyCurrentZoomPan();
2649 | 							if(fadeEverything) {
2650 | 								template.style.opacity = 1 - now;
2651 | 							} else {
2652 | 								_applyBgOpacity( initalBgOpacity - now * initalBgOpacity );
2653 | 							}
2654 | 						};
2655 | 
2656 | 					if(closeWithRaf) {
2657 | 						_animateProp('initialZoom', 0, 1, duration, framework.easing.cubic.out, onUpdate, onComplete);
2658 | 					} else {
2659 | 						onUpdate(1);
2660 | 						_showOrHideTimeout = setTimeout(onComplete, duration + 20);
2661 | 					}
2662 | 				}
2663 | 			
2664 | 			}, out ? 25 : 90); // Main purpose of this delay is to give browser time to paint and
2665 | 					// create composite layers of PhotoSwipe UI parts (background, controls, caption, arrows).
2666 | 					// Which avoids lag at the beginning of scale transition.
2667 | 		};
2668 | 		startAnimation();
2669 | 
2670 | 		
2671 | 	};
2672 | 
2673 | /*>>show-hide-transition*/
2674 | 
2675 | /*>>items-controller*/
2676 | /**
2677 | *
2678 | * Controller manages gallery items, their dimensions, and their content.
2679 | * 
2680 | */
2681 | 
2682 | var _items,
2683 | 	_tempPanAreaSize = {},
2684 | 	_imagesToAppendPool = [],
2685 | 	_initialContentSet,
2686 | 	_initialZoomRunning,
2687 | 	_controllerDefaultOptions = {
2688 | 		index: 0,
2689 | 		errorMsg: '<div class="pswp__error-msg"><a href="%url%" target="_blank">The image</a> could not be loaded.</div>',
2690 | 		forceProgressiveLoading: false, // TODO
2691 | 		preload: [1,1],
2692 | 		getNumItemsFn: function() {
2693 | 			return _items.length;
2694 | 		}
2695 | 	};
2696 | 
2697 | 
2698 | var _getItemAt,
2699 | 	_getNumItems,
2700 | 	_initialIsLoop,
2701 | 	_getZeroBounds = function() {
2702 | 		return {
2703 | 			center:{x:0,y:0}, 
2704 | 			max:{x:0,y:0}, 
2705 | 			min:{x:0,y:0}
2706 | 		};
2707 | 	},
2708 | 	_calculateSingleItemPanBounds = function(item, realPanElementW, realPanElementH ) {
2709 | 		var bounds = item.bounds;
2710 | 
2711 | 		// position of element when it's centered
2712 | 		bounds.center.x = Math.round((_tempPanAreaSize.x - realPanElementW) / 2);
2713 | 		bounds.center.y = Math.round((_tempPanAreaSize.y - realPanElementH) / 2) + item.vGap.top;
2714 | 
2715 | 		// maximum pan position
2716 | 		bounds.max.x = (realPanElementW > _tempPanAreaSize.x) ? 
2717 | 							Math.round(_tempPanAreaSize.x - realPanElementW) : 
2718 | 							bounds.center.x;
2719 | 		
2720 | 		bounds.max.y = (realPanElementH > _tempPanAreaSize.y) ? 
2721 | 							Math.round(_tempPanAreaSize.y - realPanElementH) + item.vGap.top : 
2722 | 							bounds.center.y;
2723 | 		
2724 | 		// minimum pan position
2725 | 		bounds.min.x = (realPanElementW > _tempPanAreaSize.x) ? 0 : bounds.center.x;
2726 | 		bounds.min.y = (realPanElementH > _tempPanAreaSize.y) ? item.vGap.top : bounds.center.y;
2727 | 	},
2728 | 	_calculateItemSize = function(item, viewportSize, zoomLevel) {
2729 | 
2730 | 		if (item.src && !item.loadError) {
2731 | 			var isInitial = !zoomLevel;
2732 | 			
2733 | 			if(isInitial) {
2734 | 				if(!item.vGap) {
2735 | 					item.vGap = {top:0,bottom:0};
2736 | 				}
2737 | 				// allows overriding vertical margin for individual items
2738 | 				_shout('parseVerticalMargin', item);
2739 | 			}
2740 | 
2741 | 
2742 | 			_tempPanAreaSize.x = viewportSize.x;
2743 | 			_tempPanAreaSize.y = viewportSize.y - item.vGap.top - item.vGap.bottom;
2744 | 
2745 | 			if (isInitial) {
2746 | 				var hRatio = _tempPanAreaSize.x / item.w;
2747 | 				var vRatio = _tempPanAreaSize.y / item.h;
2748 | 
2749 | 				item.fitRatio = hRatio < vRatio ? hRatio : vRatio;
2750 | 				//item.fillRatio = hRatio > vRatio ? hRatio : vRatio;
2751 | 
2752 | 				var scaleMode = _options.scaleMode;
2753 | 
2754 | 				if (scaleMode === 'orig') {
2755 | 					zoomLevel = 1;
2756 | 				} else if (scaleMode === 'fit') {
2757 | 					zoomLevel = item.fitRatio;
2758 | 				}
2759 | 
2760 | 				if (zoomLevel > 1) {
2761 | 					zoomLevel = 1;
2762 | 				}
2763 | 
2764 | 				item.initialZoomLevel = zoomLevel;
2765 | 				
2766 | 				if(!item.bounds) {
2767 | 					// reuse bounds object
2768 | 					item.bounds = _getZeroBounds(); 
2769 | 				}
2770 | 			}
2771 | 
2772 | 			if(!zoomLevel) {
2773 | 				return;
2774 | 			}
2775 | 
2776 | 			_calculateSingleItemPanBounds(item, item.w * zoomLevel, item.h * zoomLevel);
2777 | 
2778 | 			if (isInitial && zoomLevel === item.initialZoomLevel) {
2779 | 				item.initialPosition = item.bounds.center;
2780 | 			}
2781 | 
2782 | 			return item.bounds;
2783 | 		} else {
2784 | 			item.w = item.h = 0;
2785 | 			item.initialZoomLevel = item.fitRatio = 1;
2786 | 			item.bounds = _getZeroBounds();
2787 | 			item.initialPosition = item.bounds.center;
2788 | 
2789 | 			// if it's not image, we return zero bounds (content is not zoomable)
2790 | 			return item.bounds;
2791 | 		}
2792 | 		
2793 | 	},
2794 | 
2795 | 	
2796 | 
2797 | 
2798 | 	_appendImage = function(index, item, baseDiv, img, preventAnimation, keepPlaceholder) {
2799 | 		
2800 | 
2801 | 		if(item.loadError) {
2802 | 			return;
2803 | 		}
2804 | 
2805 | 		if(img) {
2806 | 
2807 | 			item.imageAppended = true;
2808 | 			_setImageSize(item, img, (item === self.currItem && _renderMaxResolution) );
2809 | 			
2810 | 			baseDiv.appendChild(img);
2811 | 
2812 | 			if(keepPlaceholder) {
2813 | 				setTimeout(function() {
2814 | 					if(item && item.loaded && item.placeholder) {
2815 | 						item.placeholder.style.display = 'none';
2816 | 						item.placeholder = null;
2817 | 					}
2818 | 				}, 500);
2819 | 			}
2820 | 		}
2821 | 	},
2822 | 	
2823 | 
2824 | 
2825 | 	_preloadImage = function(item) {
2826 | 		item.loading = true;
2827 | 		item.loaded = false;
2828 | 		var img = item.img = framework.createEl('pswp__img', 'img');
2829 | 		var onComplete = function() {
2830 | 			item.loading = false;
2831 | 			item.loaded = true;
2832 | 
2833 | 			if(item.loadComplete) {
2834 | 				item.loadComplete(item);
2835 | 			} else {
2836 | 				item.img = null; // no need to store image object
2837 | 			}
2838 | 			img.onload = img.onerror = null;
2839 | 			img = null;
2840 | 		};
2841 | 		img.onload = onComplete;
2842 | 		img.onerror = function() {
2843 | 			item.loadError = true;
2844 | 			onComplete();
2845 | 		};		
2846 | 
2847 | 		img.src = item.src;// + '?a=' + Math.random();
2848 | 
2849 | 		return img;
2850 | 	},
2851 | 	_checkForError = function(item, cleanUp) {
2852 | 		if(item.src && item.loadError && item.container) {
2853 | 
2854 | 			if(cleanUp) {
2855 | 				item.container.innerHTML = '';
2856 | 			}
2857 | 
2858 | 			item.container.innerHTML = _options.errorMsg.replace('%url%',  item.src );
2859 | 			return true;
2860 | 			
2861 | 		}
2862 | 	},
2863 | 	_setImageSize = function(item, img, maxRes) {
2864 | 		if(!item.src) {
2865 | 			return;
2866 | 		}
2867 | 
2868 | 		if(!img) {
2869 | 			img = item.container.lastChild;
2870 | 		}
2871 | 
2872 | 		var w = maxRes ? item.w : Math.round(item.w * item.fitRatio),
2873 | 			h = maxRes ? item.h : Math.round(item.h * item.fitRatio);
2874 | 		
2875 | 		if(item.placeholder && !item.loaded) {
2876 | 			item.placeholder.style.width = w + 'px';
2877 | 			item.placeholder.style.height = h + 'px';
2878 | 		}
2879 | 
2880 | 		img.style.width = w + 'px';
2881 | 		img.style.height = h + 'px';
2882 | 	},
2883 | 	_appendImagesPool = function() {
2884 | 
2885 | 		if(_imagesToAppendPool.length) {
2886 | 			var poolItem;
2887 | 
2888 | 			for(var i = 0; i < _imagesToAppendPool.length; i++) {
2889 | 				poolItem = _imagesToAppendPool[i];
2890 | 				if( poolItem.holder.index === poolItem.index ) {
2891 | 					_appendImage(poolItem.index, poolItem.item, poolItem.baseDiv, poolItem.img, false, poolItem.clearPlaceholder);
2892 | 				}
2893 | 			}
2894 | 			_imagesToAppendPool = [];
2895 | 		}
2896 | 	};
2897 | 	
2898 | 
2899 | 
2900 | _registerModule('Controller', {
2901 | 
2902 | 	publicMethods: {
2903 | 
2904 | 		lazyLoadItem: function(index) {
2905 | 			index = _getLoopedId(index);
2906 | 			var item = _getItemAt(index);
2907 | 
2908 | 			if(!item || ((item.loaded || item.loading) && !_itemsNeedUpdate)) {
2909 | 				return;
2910 | 			}
2911 | 
2912 | 			_shout('gettingData', index, item);
2913 | 
2914 | 			if (!item.src) {
2915 | 				return;
2916 | 			}
2917 | 
2918 | 			_preloadImage(item);
2919 | 		},
2920 | 		initController: function() {
2921 | 			framework.extend(_options, _controllerDefaultOptions, true);
2922 | 			self.items = _items = items;
2923 | 			_getItemAt = self.getItemAt;
2924 | 			_getNumItems = _options.getNumItemsFn; //self.getNumItems;
2925 | 
2926 | 
2927 | 
2928 | 			_initialIsLoop = _options.loop;
2929 | 			if(_getNumItems() < 3) {
2930 | 				_options.loop = false; // disable loop if less then 3 items
2931 | 			}
2932 | 
2933 | 			_listen('beforeChange', function(diff) {
2934 | 
2935 | 				var p = _options.preload,
2936 | 					isNext = diff === null ? true : (diff >= 0),
2937 | 					preloadBefore = Math.min(p[0], _getNumItems() ),
2938 | 					preloadAfter = Math.min(p[1], _getNumItems() ),
2939 | 					i;
2940 | 
2941 | 
2942 | 				for(i = 1; i <= (isNext ? preloadAfter : preloadBefore); i++) {
2943 | 					self.lazyLoadItem(_currentItemIndex+i);
2944 | 				}
2945 | 				for(i = 1; i <= (isNext ? preloadBefore : preloadAfter); i++) {
2946 | 					self.lazyLoadItem(_currentItemIndex-i);
2947 | 				}
2948 | 			});
2949 | 
2950 | 			_listen('initialLayout', function() {
2951 | 				self.currItem.initialLayout = _options.getThumbBoundsFn && _options.getThumbBoundsFn(_currentItemIndex);
2952 | 			});
2953 | 
2954 | 			_listen('mainScrollAnimComplete', _appendImagesPool);
2955 | 			_listen('initialZoomInEnd', _appendImagesPool);
2956 | 
2957 | 
2958 | 
2959 | 			_listen('destroy', function() {
2960 | 				var item;
2961 | 				for(var i = 0; i < _items.length; i++) {
2962 | 					item = _items[i];
2963 | 					// remove reference to DOM elements, for GC
2964 | 					if(item.container) {
2965 | 						item.container = null; 
2966 | 					}
2967 | 					if(item.placeholder) {
2968 | 						item.placeholder = null;
2969 | 					}
2970 | 					if(item.img) {
2971 | 						item.img = null;
2972 | 					}
2973 | 					if(item.preloader) {
2974 | 						item.preloader = null;
2975 | 					}
2976 | 					if(item.loadError) {
2977 | 						item.loaded = item.loadError = false;
2978 | 					}
2979 | 				}
2980 | 				_imagesToAppendPool = null;
2981 | 			});
2982 | 		},
2983 | 
2984 | 
2985 | 		getItemAt: function(index) {
2986 | 			if (index >= 0) {
2987 | 				return _items[index] !== undefined ? _items[index] : false;
2988 | 			}
2989 | 			return false;
2990 | 		},
2991 | 
2992 | 		allowProgressiveImg: function() {
2993 | 			// 1. Progressive image loading isn't working on webkit/blink 
2994 | 			//    when hw-acceleration (e.g. translateZ) is applied to IMG element.
2995 | 			//    That's why in PhotoSwipe parent element gets zoom transform, not image itself.
2996 | 			//    
2997 | 			// 2. Progressive image loading sometimes blinks in webkit/blink when applying animation to parent element.
2998 | 			//    That's why it's disabled on touch devices (mainly because of swipe transition)
2999 | 			//    
3000 | 			// 3. Progressive image loading sometimes doesn't work in IE (up to 11).
3001 | 
3002 | 			// Don't allow progressive loading on non-large touch devices
3003 | 			return _options.forceProgressiveLoading || !_likelyTouchDevice || _options.mouseUsed || screen.width > 1200; 
3004 | 			// 1200 - to eliminate touch devices with large screen (like Chromebook Pixel)
3005 | 		},
3006 | 
3007 | 		setContent: function(holder, index) {
3008 | 
3009 | 			if(_options.loop) {
3010 | 				index = _getLoopedId(index);
3011 | 			}
3012 | 
3013 | 			var prevItem = self.getItemAt(holder.index);
3014 | 			if(prevItem) {
3015 | 				prevItem.container = null;
3016 | 			}
3017 | 	
3018 | 			var item = self.getItemAt(index),
3019 | 				img;
3020 | 			
3021 | 			if(!item) {
3022 | 				holder.el.innerHTML = '';
3023 | 				return;
3024 | 			}
3025 | 
3026 | 			// allow to override data
3027 | 			_shout('gettingData', index, item);
3028 | 
3029 | 			holder.index = index;
3030 | 			holder.item = item;
3031 | 
3032 | 			// base container DIV is created only once for each of 3 holders
3033 | 			var baseDiv = item.container = framework.createEl('pswp__zoom-wrap'); 
3034 | 
3035 | 			
3036 | 
3037 | 			if(!item.src && item.html) {
3038 | 				if(item.html.tagName) {
3039 | 					baseDiv.appendChild(item.html);
3040 | 				} else {
3041 | 					baseDiv.innerHTML = item.html;
3042 | 				}
3043 | 			}
3044 | 
3045 | 			_checkForError(item);
3046 | 
3047 | 			_calculateItemSize(item, _viewportSize);
3048 | 			
3049 | 			if(item.src && !item.loadError && !item.loaded) {
3050 | 
3051 | 				item.loadComplete = function(item) {
3052 | 
3053 | 					// gallery closed before image finished loading
3054 | 					if(!_isOpen) {
3055 | 						return;
3056 | 					}
3057 | 
3058 | 					// check if holder hasn't changed while image was loading
3059 | 					if(holder && holder.index === index ) {
3060 | 						if( _checkForError(item, true) ) {
3061 | 							item.loadComplete = item.img = null;
3062 | 							_calculateItemSize(item, _viewportSize);
3063 | 							_applyZoomPanToItem(item);
3064 | 
3065 | 							if(holder.index === _currentItemIndex) {
3066 | 								// recalculate dimensions
3067 | 								self.updateCurrZoomItem();
3068 | 							}
3069 | 							return;
3070 | 						}
3071 | 						if( !item.imageAppended ) {
3072 | 							if(_features.transform && (_mainScrollAnimating || _initialZoomRunning) ) {
3073 | 								_imagesToAppendPool.push({
3074 | 									item:item,
3075 | 									baseDiv:baseDiv,
3076 | 									img:item.img,
3077 | 									index:index,
3078 | 									holder:holder,
3079 | 									clearPlaceholder:true
3080 | 								});
3081 | 							} else {
3082 | 								_appendImage(index, item, baseDiv, item.img, _mainScrollAnimating || _initialZoomRunning, true);
3083 | 							}
3084 | 						} else {
3085 | 							// remove preloader & mini-img
3086 | 							if(!_initialZoomRunning && item.placeholder) {
3087 | 								item.placeholder.style.display = 'none';
3088 | 								item.placeholder = null;
3089 | 							}
3090 | 						}
3091 | 					}
3092 | 
3093 | 					item.loadComplete = null;
3094 | 					item.img = null; // no need to store image element after it's added
3095 | 
3096 | 					_shout('imageLoadComplete', index, item);
3097 | 				};
3098 | 
3099 | 				if(framework.features.transform) {
3100 | 					
3101 | 					var placeholderClassName = 'pswp__img pswp__img--placeholder'; 
3102 | 					placeholderClassName += (item.msrc ? '' : ' pswp__img--placeholder--blank');
3103 | 
3104 | 					var placeholder = framework.createEl(placeholderClassName, item.msrc ? 'img' : '');
3105 | 					if(item.msrc) {
3106 | 						placeholder.src = item.msrc;
3107 | 					}
3108 | 					
3109 | 					_setImageSize(item, placeholder);
3110 | 
3111 | 					baseDiv.appendChild(placeholder);
3112 | 					item.placeholder = placeholder;
3113 | 
3114 | 				}
3115 | 				
3116 | 
3117 | 				
3118 | 
3119 | 				if(!item.loading) {
3120 | 					_preloadImage(item);
3121 | 				}
3122 | 
3123 | 
3124 | 				if( self.allowProgressiveImg() ) {
3125 | 					// just append image
3126 | 					if(!_initialContentSet && _features.transform) {
3127 | 						_imagesToAppendPool.push({
3128 | 							item:item, 
3129 | 							baseDiv:baseDiv, 
3130 | 							img:item.img, 
3131 | 							index:index, 
3132 | 							holder:holder
3133 | 						});
3134 | 					} else {
3135 | 						_appendImage(index, item, baseDiv, item.img, true, true);
3136 | 					}
3137 | 				}
3138 | 				
3139 | 			} else if(item.src && !item.loadError) {
3140 | 				// image object is created every time, due to bugs of image loading & delay when switching images
3141 | 				img = framework.createEl('pswp__img', 'img');
3142 | 				img.style.opacity = 1;
3143 | 				img.src = item.src;
3144 | 				_setImageSize(item, img);
3145 | 				_appendImage(index, item, baseDiv, img, true);
3146 | 			}
3147 | 			
3148 | 
3149 | 			if(!_initialContentSet && index === _currentItemIndex) {
3150 | 				_currZoomElementStyle = baseDiv.style;
3151 | 				_showOrHide(item, (img ||item.img) );
3152 | 			} else {
3153 | 				_applyZoomPanToItem(item);
3154 | 			}
3155 | 
3156 | 			holder.el.innerHTML = '';
3157 | 			holder.el.appendChild(baseDiv);
3158 | 		},
3159 | 
3160 | 		cleanSlide: function( item ) {
3161 | 			if(item.img ) {
3162 | 				item.img.onload = item.img.onerror = null;
3163 | 			}
3164 | 			item.loaded = item.loading = item.img = item.imageAppended = false;
3165 | 		}
3166 | 
3167 | 	}
3168 | });
3169 | 
3170 | /*>>items-controller*/
3171 | 
3172 | /*>>tap*/
3173 | /**
3174 |  * tap.js:
3175 |  *
3176 |  * Displatches tap and double-tap events.
3177 |  * 
3178 |  */
3179 | 
3180 | var tapTimer,
3181 | 	tapReleasePoint = {},
3182 | 	_dispatchTapEvent = function(origEvent, releasePoint, pointerType) {		
3183 | 		var e = document.createEvent( 'CustomEvent' ),
3184 | 			eDetail = {
3185 | 				origEvent:origEvent, 
3186 | 				target:origEvent.target, 
3187 | 				releasePoint: releasePoint, 
3188 | 				pointerType:pointerType || 'touch'
3189 | 			};
3190 | 
3191 | 		e.initCustomEvent( 'pswpTap', true, true, eDetail );
3192 | 		origEvent.target.dispatchEvent(e);
3193 | 	};
3194 | 
3195 | _registerModule('Tap', {
3196 | 	publicMethods: {
3197 | 		initTap: function() {
3198 | 			_listen('firstTouchStart', self.onTapStart);
3199 | 			_listen('touchRelease', self.onTapRelease);
3200 | 			_listen('destroy', function() {
3201 | 				tapReleasePoint = {};
3202 | 				tapTimer = null;
3203 | 			});
3204 | 		},
3205 | 		onTapStart: function(touchList) {
3206 | 			if(touchList.length > 1) {
3207 | 				clearTimeout(tapTimer);
3208 | 				tapTimer = null;
3209 | 			}
3210 | 		},
3211 | 		onTapRelease: function(e, releasePoint) {
3212 | 			if(!releasePoint) {
3213 | 				return;
3214 | 			}
3215 | 
3216 | 			if(!_moved && !_isMultitouch && !_numAnimations) {
3217 | 				var p0 = releasePoint;
3218 | 				if(tapTimer) {
3219 | 					clearTimeout(tapTimer);
3220 | 					tapTimer = null;
3221 | 
3222 | 					// Check if taped on the same place
3223 | 					if ( _isNearbyPoints(p0, tapReleasePoint) ) {
3224 | 						_shout('doubleTap', p0);
3225 | 						return;
3226 | 					}
3227 | 				}
3228 | 
3229 | 				if(releasePoint.type === 'mouse') {
3230 | 					_dispatchTapEvent(e, releasePoint, 'mouse');
3231 | 					return;
3232 | 				}
3233 | 
3234 | 				var clickedTagName = e.target.tagName.toUpperCase();
3235 | 				// avoid double tap delay on buttons and elements that have class pswp__single-tap
3236 | 				if(clickedTagName === 'BUTTON' || framework.hasClass(e.target, 'pswp__single-tap') ) {
3237 | 					_dispatchTapEvent(e, releasePoint);
3238 | 					return;
3239 | 				}
3240 | 
3241 | 				_equalizePoints(tapReleasePoint, p0);
3242 | 
3243 | 				tapTimer = setTimeout(function() {
3244 | 					_dispatchTapEvent(e, releasePoint);
3245 | 					tapTimer = null;
3246 | 				}, 300);
3247 | 			}
3248 | 		}
3249 | 	}
3250 | });
3251 | 
3252 | /*>>tap*/
3253 | 
3254 | /*>>desktop-zoom*/
3255 | /**
3256 |  *
3257 |  * desktop-zoom.js:
3258 |  *
3259 |  * - Binds mousewheel event for paning zoomed image.
3260 |  * - Manages "dragging", "zoomed-in", "zoom-out" classes.
3261 |  *   (which are used for cursors and zoom icon)
3262 |  * - Adds toggleDesktopZoom function.
3263 |  * 
3264 |  */
3265 | 
3266 | var _wheelDelta;
3267 | 	
3268 | _registerModule('DesktopZoom', {
3269 | 
3270 | 	publicMethods: {
3271 | 
3272 | 		initDesktopZoom: function() {
3273 | 
3274 | 			if(_oldIE) {
3275 | 				// no zoom for old IE (<=8)
3276 | 				return;
3277 | 			}
3278 | 
3279 | 			if(_likelyTouchDevice) {
3280 | 				// if detected hardware touch support, we wait until mouse is used,
3281 | 				// and only then apply desktop-zoom features
3282 | 				_listen('mouseUsed', function() {
3283 | 					self.setupDesktopZoom();
3284 | 				});
3285 | 			} else {
3286 | 				self.setupDesktopZoom(true);
3287 | 			}
3288 | 
3289 | 		},
3290 | 
3291 | 		setupDesktopZoom: function(onInit) {
3292 | 
3293 | 			_wheelDelta = {};
3294 | 
3295 | 			var events = 'wheel mousewheel DOMMouseScroll';
3296 | 			
3297 | 			_listen('bindEvents', function() {
3298 | 				framework.bind(template, events,  self.handleMouseWheel);
3299 | 			});
3300 | 
3301 | 			_listen('unbindEvents', function() {
3302 | 				if(_wheelDelta) {
3303 | 					framework.unbind(template, events, self.handleMouseWheel);
3304 | 				}
3305 | 			});
3306 | 
3307 | 			self.mouseZoomedIn = false;
3308 | 
3309 | 			var hasDraggingClass,
3310 | 				updateZoomable = function() {
3311 | 					if(self.mouseZoomedIn) {
3312 | 						framework.removeClass(template, 'pswp--zoomed-in');
3313 | 						self.mouseZoomedIn = false;
3314 | 					}
3315 | 					if(_currZoomLevel < 1) {
3316 | 						framework.addClass(template, 'pswp--zoom-allowed');
3317 | 					} else {
3318 | 						framework.removeClass(template, 'pswp--zoom-allowed');
3319 | 					}
3320 | 					removeDraggingClass();
3321 | 				},
3322 | 				removeDraggingClass = function() {
3323 | 					if(hasDraggingClass) {
3324 | 						framework.removeClass(template, 'pswp--dragging');
3325 | 						hasDraggingClass = false;
3326 | 					}
3327 | 				};
3328 | 
3329 | 			_listen('resize' , updateZoomable);
3330 | 			_listen('afterChange' , updateZoomable);
3331 | 			_listen('pointerDown', function() {
3332 | 				if(self.mouseZoomedIn) {
3333 | 					hasDraggingClass = true;
3334 | 					framework.addClass(template, 'pswp--dragging');
3335 | 				}
3336 | 			});
3337 | 			_listen('pointerUp', removeDraggingClass);
3338 | 
3339 | 			if(!onInit) {
3340 | 				updateZoomable();
3341 | 			}
3342 | 			
3343 | 		},
3344 | 
3345 | 		handleMouseWheel: function(e) {
3346 | 
3347 | 			if(_currZoomLevel <= self.currItem.fitRatio) {
3348 | 				if( _options.modal ) {
3349 | 
3350 | 					if (!_options.closeOnScroll || _numAnimations || _isDragging) {
3351 | 						e.preventDefault();
3352 | 					} else if(_transformKey && Math.abs(e.deltaY) > 2) {
3353 | 						// close PhotoSwipe
3354 | 						// if browser supports transforms & scroll changed enough
3355 | 						_closedByScroll = true;
3356 | 						self.close();
3357 | 					}
3358 | 
3359 | 				}
3360 | 				return true;
3361 | 			}
3362 | 
3363 | 			// allow just one event to fire
3364 | 			e.stopPropagation();
3365 | 
3366 | 			// https://developer.mozilla.org/en-US/docs/Web/Events/wheel
3367 | 			_wheelDelta.x = 0;
3368 | 
3369 | 			if('deltaX' in e) {
3370 | 				if(e.deltaMode === 1 /* DOM_DELTA_LINE */) {
3371 | 					// 18 - average line height
3372 | 					_wheelDelta.x = e.deltaX * 18;
3373 | 					_wheelDelta.y = e.deltaY * 18;
3374 | 				} else {
3375 | 					_wheelDelta.x = e.deltaX;
3376 | 					_wheelDelta.y = e.deltaY;
3377 | 				}
3378 | 			} else if('wheelDelta' in e) {
3379 | 				if(e.wheelDeltaX) {
3380 | 					_wheelDelta.x = -0.16 * e.wheelDeltaX;
3381 | 				}
3382 | 				if(e.wheelDeltaY) {
3383 | 					_wheelDelta.y = -0.16 * e.wheelDeltaY;
3384 | 				} else {
3385 | 					_wheelDelta.y = -0.16 * e.wheelDelta;
3386 | 				}
3387 | 			} else if('detail' in e) {
3388 | 				_wheelDelta.y = e.detail;
3389 | 			} else {
3390 | 				return;
3391 | 			}
3392 | 
3393 | 			_calculatePanBounds(_currZoomLevel, true);
3394 | 
3395 | 			var newPanX = _panOffset.x - _wheelDelta.x,
3396 | 				newPanY = _panOffset.y - _wheelDelta.y;
3397 | 
3398 | 			// only prevent scrolling in nonmodal mode when not at edges
3399 | 			if (_options.modal ||
3400 | 				(
3401 | 				newPanX <= _currPanBounds.min.x && newPanX >= _currPanBounds.max.x &&
3402 | 				newPanY <= _currPanBounds.min.y && newPanY >= _currPanBounds.max.y
3403 | 				) ) {
3404 | 				e.preventDefault();
3405 | 			}
3406 | 
3407 | 			// TODO: use rAF instead of mousewheel?
3408 | 			self.panTo(newPanX, newPanY);
3409 | 		},
3410 | 
3411 | 		toggleDesktopZoom: function(centerPoint) {
3412 | 			centerPoint = centerPoint || {x:_viewportSize.x/2 + _offset.x, y:_viewportSize.y/2 + _offset.y };
3413 | 
3414 | 			var doubleTapZoomLevel = _options.getDoubleTapZoom(true, self.currItem);
3415 | 			var zoomOut = _currZoomLevel === doubleTapZoomLevel;
3416 | 			
3417 | 			self.mouseZoomedIn = !zoomOut;
3418 | 
3419 | 			self.zoomTo(zoomOut ? self.currItem.initialZoomLevel : doubleTapZoomLevel, centerPoint, 333);
3420 | 			framework[ (!zoomOut ? 'add' : 'remove') + 'Class'](template, 'pswp--zoomed-in');
3421 | 		}
3422 | 
3423 | 	}
3424 | });
3425 | 
3426 | 
3427 | /*>>desktop-zoom*/
3428 | 
3429 | /*>>history*/
3430 | /**
3431 |  *
3432 |  * history.js:
3433 |  *
3434 |  * - Back button to close gallery.
3435 |  * 
3436 |  * - Unique URL for each slide: example.com/&pid=1&gid=3
3437 |  *   (where PID is picture index, and GID and gallery index)
3438 |  *   
3439 |  * - Switch URL when slides change.
3440 |  * 
3441 |  */
3442 | 
3443 | 
3444 | var _historyDefaultOptions = {
3445 | 	history: true,
3446 | 	galleryUID: 1
3447 | };
3448 | 
3449 | var _historyUpdateTimeout,
3450 | 	_hashChangeTimeout,
3451 | 	_hashAnimCheckTimeout,
3452 | 	_hashChangedByScript,
3453 | 	_hashChangedByHistory,
3454 | 	_hashReseted,
3455 | 	_initialHash,
3456 | 	_historyChanged,
3457 | 	_closedFromURL,
3458 | 	_urlChangedOnce,
3459 | 	_windowLoc,
3460 | 
3461 | 	_supportsPushState,
3462 | 
3463 | 	_getHash = function() {
3464 | 		return _windowLoc.hash.substring(1);
3465 | 	},
3466 | 	_cleanHistoryTimeouts = function() {
3467 | 
3468 | 		if(_historyUpdateTimeout) {
3469 | 			clearTimeout(_historyUpdateTimeout);
3470 | 		}
3471 | 
3472 | 		if(_hashAnimCheckTimeout) {
3473 | 			clearTimeout(_hashAnimCheckTimeout);
3474 | 		}
3475 | 	},
3476 | 
3477 | 	// pid - Picture index
3478 | 	// gid - Gallery index
3479 | 	_parseItemIndexFromURL = function() {
3480 | 		var hash = _getHash(),
3481 | 			params = {};
3482 | 
3483 | 		if(hash.length < 5) { // pid=1
3484 | 			return params;
3485 | 		}
3486 | 
3487 | 		var i, vars = hash.split('&');
3488 | 		for (i = 0; i < vars.length; i++) {
3489 | 			if(!vars[i]) {
3490 | 				continue;
3491 | 			}
3492 | 			var pair = vars[i].split('=');	
3493 | 			if(pair.length < 2) {
3494 | 				continue;
3495 | 			}
3496 | 			params[pair[0]] = pair[1];
3497 | 		}
3498 | 		if(_options.galleryPIDs) {
3499 | 			// detect custom pid in hash and search for it among the items collection
3500 | 			var searchfor = params.pid;
3501 | 			params.pid = 0; // if custom pid cannot be found, fallback to the first item
3502 | 			for(i = 0; i < _items.length; i++) {
3503 | 				if(_items[i].pid === searchfor) {
3504 | 					params.pid = i;
3505 | 					break;
3506 | 				}
3507 | 			}
3508 | 		} else {
3509 | 			params.pid = parseInt(params.pid,10)-1;
3510 | 		}
3511 | 		if( params.pid < 0 ) {
3512 | 			params.pid = 0;
3513 | 		}
3514 | 		return params;
3515 | 	},
3516 | 	_updateHash = function() {
3517 | 
3518 | 		if(_hashAnimCheckTimeout) {
3519 | 			clearTimeout(_hashAnimCheckTimeout);
3520 | 		}
3521 | 
3522 | 
3523 | 		if(_numAnimations || _isDragging) {
3524 | 			// changing browser URL forces layout/paint in some browsers, which causes noticable lag during animation
3525 | 			// that's why we update hash only when no animations running
3526 | 			_hashAnimCheckTimeout = setTimeout(_updateHash, 500);
3527 | 			return;
3528 | 		}
3529 | 		
3530 | 		if(_hashChangedByScript) {
3531 | 			clearTimeout(_hashChangeTimeout);
3532 | 		} else {
3533 | 			_hashChangedByScript = true;
3534 | 		}
3535 | 
3536 | 
3537 | 		var pid = (_currentItemIndex + 1);
3538 | 		var item = _getItemAt( _currentItemIndex );
3539 | 		if(item.hasOwnProperty('pid')) {
3540 | 			// carry forward any custom pid assigned to the item
3541 | 			pid = item.pid;
3542 | 		}
3543 | 		var newHash = _initialHash + '&'  +  'gid=' + _options.galleryUID + '&' + 'pid=' + pid;
3544 | 
3545 | 		if(!_historyChanged) {
3546 | 			if(_windowLoc.hash.indexOf(newHash) === -1) {
3547 | 				_urlChangedOnce = true;
3548 | 			}
3549 | 			// first time - add new hisory record, then just replace
3550 | 		}
3551 | 
3552 | 		var newURL = _windowLoc.href.split('#')[0] + '#' +  newHash;
3553 | 
3554 | 		if( _supportsPushState ) {
3555 | 
3556 | 			if('#' + newHash !== window.location.hash) {
3557 | 				history[_historyChanged ? 'replaceState' : 'pushState']('', document.title, newURL);
3558 | 			}
3559 | 
3560 | 		} else {
3561 | 			if(_historyChanged) {
3562 | 				_windowLoc.replace( newURL );
3563 | 			} else {
3564 | 				_windowLoc.hash = newHash;
3565 | 			}
3566 | 		}
3567 | 		
3568 | 		
3569 | 
3570 | 		_historyChanged = true;
3571 | 		_hashChangeTimeout = setTimeout(function() {
3572 | 			_hashChangedByScript = false;
3573 | 		}, 60);
3574 | 	};
3575 | 
3576 | 
3577 | 
3578 | 	
3579 | 
3580 | _registerModule('History', {
3581 | 
3582 | 	
3583 | 
3584 | 	publicMethods: {
3585 | 		initHistory: function() {
3586 | 
3587 | 			framework.extend(_options, _historyDefaultOptions, true);
3588 | 
3589 | 			if( !_options.history ) {
3590 | 				return;
3591 | 			}
3592 | 
3593 | 
3594 | 			_windowLoc = window.location;
3595 | 			_urlChangedOnce = false;
3596 | 			_closedFromURL = false;
3597 | 			_historyChanged = false;
3598 | 			_initialHash = _getHash();
3599 | 			_supportsPushState = ('pushState' in history);
3600 | 
3601 | 
3602 | 			if(_initialHash.indexOf('gid=') > -1) {
3603 | 				_initialHash = _initialHash.split('&gid=')[0];
3604 | 				_initialHash = _initialHash.split('?gid=')[0];
3605 | 			}
3606 | 			
3607 | 
3608 | 			_listen('afterChange', self.updateURL);
3609 | 			_listen('unbindEvents', function() {
3610 | 				framework.unbind(window, 'hashchange', self.onHashChange);
3611 | 			});
3612 | 
3613 | 
3614 | 			var returnToOriginal = function() {
3615 | 				_hashReseted = true;
3616 | 				if(!_closedFromURL) {
3617 | 
3618 | 					if(_urlChangedOnce) {
3619 | 						history.back();
3620 | 					} else {
3621 | 
3622 | 						if(_initialHash) {
3623 | 							_windowLoc.hash = _initialHash;
3624 | 						} else {
3625 | 							if (_supportsPushState) {
3626 | 
3627 | 								// remove hash from url without refreshing it or scrolling to top
3628 | 								history.pushState('', document.title,  _windowLoc.pathname + _windowLoc.search );
3629 | 							} else {
3630 | 								_windowLoc.hash = '';
3631 | 							}
3632 | 						}
3633 | 					}
3634 | 					
3635 | 				}
3636 | 
3637 | 				_cleanHistoryTimeouts();
3638 | 			};
3639 | 
3640 | 
3641 | 			_listen('unbindEvents', function() {
3642 | 				if(_closedByScroll) {
3643 | 					// if PhotoSwipe is closed by scroll, we go "back" before the closing animation starts
3644 | 					// this is done to keep the scroll position
3645 | 					returnToOriginal();
3646 | 				}
3647 | 			});
3648 | 			_listen('destroy', function() {
3649 | 				if(!_hashReseted) {
3650 | 					returnToOriginal();
3651 | 				}
3652 | 			});
3653 | 			_listen('firstUpdate', function() {
3654 | 				_currentItemIndex = _parseItemIndexFromURL().pid;
3655 | 			});
3656 | 
3657 | 			
3658 | 
3659 | 			
3660 | 			var index = _initialHash.indexOf('pid=');
3661 | 			if(index > -1) {
3662 | 				_initialHash = _initialHash.substring(0, index);
3663 | 				if(_initialHash.slice(-1) === '&') {
3664 | 					_initialHash = _initialHash.slice(0, -1);
3665 | 				}
3666 | 			}
3667 | 			
3668 | 
3669 | 			setTimeout(function() {
3670 | 				if(_isOpen) { // hasn't destroyed yet
3671 | 					framework.bind(window, 'hashchange', self.onHashChange);
3672 | 				}
3673 | 			}, 40);
3674 | 			
3675 | 		},
3676 | 		onHashChange: function() {
3677 | 
3678 | 			if(_getHash() === _initialHash) {
3679 | 
3680 | 				_closedFromURL = true;
3681 | 				self.close();
3682 | 				return;
3683 | 			}
3684 | 			if(!_hashChangedByScript) {
3685 | 
3686 | 				_hashChangedByHistory = true;
3687 | 				self.goTo( _parseItemIndexFromURL().pid );
3688 | 				_hashChangedByHistory = false;
3689 | 			}
3690 | 			
3691 | 		},
3692 | 		updateURL: function() {
3693 | 
3694 | 			// Delay the update of URL, to avoid lag during transition, 
3695 | 			// and to not to trigger actions like "refresh page sound" or "blinking favicon" to often
3696 | 			
3697 | 			_cleanHistoryTimeouts();
3698 | 			
3699 | 
3700 | 			if(_hashChangedByHistory) {
3701 | 				return;
3702 | 			}
3703 | 
3704 | 			if(!_historyChanged) {
3705 | 				_updateHash(); // first time
3706 | 			} else {
3707 | 				_historyUpdateTimeout = setTimeout(_updateHash, 800);
3708 | 			}
3709 | 		}
3710 | 	
3711 | 	}
3712 | });
3713 | 
3714 | 
3715 | /*>>history*/
3716 | 	framework.extend(self, publicMethods); };
3717 | 	return PhotoSwipe;
3718 | });


--------------------------------------------------------------------------------