2 files changed, 11 insertions, 6 deletions
diff --git a/StoneIsland/www/js/lib/blogs/HubView.js b/StoneIsland/www/js/lib/blogs/HubView.js
index 20046fdf..c09dd3b3 100755
--- a/StoneIsland/www/js/lib/blogs/HubView.js
+++ b/StoneIsland/www/js/lib/blogs/HubView.js
@@ -74,7 +74,7 @@ var HubView = ScrollableView.extend({
         el.className = "item"
         $gallery.append(el)
       })
-      this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
+      var gallery = this.galleries[row.id] = new Flickity( ".gallery-" + row.id, {
         selector: '.item',
         cellAlign: 'center',
         autoPlay: false,
@@ -86,6 +86,10 @@ var HubView = ScrollableView.extend({
         contain: true,
         draggable: true,
       })
+      gallery.on('staticClick', function(e){
+        var url = gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
+        app.fullscreenViewer.show(url, url)
+      })
     }
     else {
       // single image
@@ -108,6 +112,10 @@ var HubView = ScrollableView.extend({
           var ytid = (url.match(/v=([-_a-zA-Z0-9]{11})/i) || url.match(/youtu.be\/([-_a-zA-Z0-9]{11})/i) || url.match(/embed\/([-_a-zA-Z0-9]{11})/i))[1].split('&')[0];
           e.style.backgroundImage = "url(https://i.ytimg.com/vi/" + ytid + "/maxresdefault.jpg"
         }
+      } else {
+        $(el).click(function(){
+          app.fullscreenViewer.show(row.image[0].uri)
+        })
       }
       $t.find(".gallery-left").remove()
       $t.find(".gallery-right").remove()
diff --git a/StoneIsland/www/js/lib/products/GalleryView.js b/StoneIsland/www/js/lib/products/GalleryView.js
index bc8ddbac..0c928739 100755
--- a/StoneIsland/www/js/lib/products/GalleryView.js
+++ b/StoneIsland/www/js/lib/products/GalleryView.js
@@ -58,7 +58,7 @@ var GalleryView = View.extend({
     })
   },
   click: function(e){
-    var currentImage = this.gallery.selectedElement.style.backgroundImage.replace("url(","").replace(")","")
+    var currentImage = this.gallery.selectedElement.style.backgroundImage.replace(/url\(\"?/,"").replace(/\"?\)/,"")
     var partz = currentImage.split("_")
     var head = partz[0]
     var size = partz[1]
@@ -67,10 +67,7 @@ var GalleryView = View.extend({
     var style = end_partz[0]
     var largest_size = this.large_styles[style]
     var hiresImage = [head, largest_size, tail].join("_")
-    console.log(currentImage, hiresImage)
-    var viewer = ImageViewer({
-    })
-    viewer.show(currentImage, hiresImage)
+    app.fullscreenViewer.show(currentImage, hiresImage)
   },
   touchstart: function(e){
   },