1 files changed, 25 insertions, 9 deletions
diff --git a/themes/smartpocket/js/smartpocket.js b/themes/smartpocket/js/smartpocket.js
index ab7874453..fffb993fd 100644
--- a/themes/smartpocket/js/smartpocket.js
+++ b/themes/smartpocket/js/smartpocket.js
@@ -1,17 +1,33 @@
 (function(window, $, PhotoSwipe){
   $(document).ready(function(){
+    var more_link
     var options = {
       jQueryMobile: true,
-      imageScaleMethod: "fitNoUpscale"
+      loop: var_loop,
+      captionAndToolbarAutoHideDelay: var_autohide,
+      imageScaleMethod: "fitNoUpscale",
+      getToolbar: function(){
+return '<div class="ps-toolbar-close"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-play"><div class="ps-toolbar-content"></div></div><div id="more_link">'+var_trad+'</div><div class="ps-toolbar-previous"><div class="ps-toolbar-content"></div></div><div class="ps-toolbar-next"><div class="ps-toolbar-content"></div></div>';},
+      getImageMetaData:function(el){
+        return {
+            picture_url: $(el).attr('data-picture-url')
+        };}
     };
-    $(".thumbnails a").photoSwipe(options);
-    $(document).bind('orientationchange', set_thumbnails_width);
-    set_thumbnails_width();
+    var myPhotoSwipe = $(".thumbnails a").photoSwipe(options);
+    // onShow - store a reference to our "more_link" button
+    myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onShow, function(e){
+      more_link = window.document.querySelectorAll('#more_link')[0];
+    });
+    // onToolbarTap - listen out for when the toolbar is tapped
+    myPhotoSwipe.addEventHandler(PhotoSwipe.EventTypes.onToolbarTap, function(e){
+			if (e.toolbarAction === PhotoSwipe.Toolbar.ToolbarAction.none){
+				if (e.tapTarget === more_link || Util.DOM.isChildOf(e.tapTarget, more_link)){
+					var currentImage = myPhotoSwipe.getCurrentImage();
+					window.location=currentImage.metaData.picture_url;
+				}
+			}
+		});
+		var spThumbs = new SPThumbs(SPThumbsOpts);
   });
 }(window, window.jQuery, window.Code.PhotoSwipe));
 
-function set_thumbnails_width() {
-  nb_thumbs = Math.max(3, Math.ceil($('.thumbnails').width() / 130));
-  width = Math.floor(1000000 / nb_thumbs) / 10000;
-  $('.thumbnails li').css('width', width+'%');
-}
-\ No newline at end of file