diff --git a/modules/gallery/_gallery_widget4.html.erb b/modules/gallery/_gallery_widget4.html.erb
index fc6ec94..aa52e6c 100644
--- a/modules/gallery/_gallery_widget4.html.erb
+++ b/modules/gallery/_gallery_widget4.html.erb
@@ -35,4 +35,17 @@
       </div>
     </div>
   </div>
+  <script>
+    $(document).ready(function(){
+      $('[data-subpart-id="{{subpart-id}}"] .card-body a').on('focusin', function(){
+        var _this = $(this);
+        var card_flip = _this.parents('.card-flip');
+        card_flip.addClass('hover-class');
+        var off_hover = function(){
+          card_flip.removeClass('hover-class');
+        }
+        _this.one('focusout', off_hover);
+      })
+    })
+  </script>
 </div>
\ No newline at end of file
diff --git a/modules/gallery/show.html.erb b/modules/gallery/show.html.erb
index 2cb9386..efd764d 100644
--- a/modules/gallery/show.html.erb
+++ b/modules/gallery/show.html.erb
@@ -7,7 +7,7 @@
     <div class="show-content col-xs-6 col-sm-2">
       <div class="show-content-inner">
         <div class="show-pic">
-          <a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';GalleryTheater();return false;">
+          <a href="{{link_to_show}}" onclick="window.location.hash = '{{link_to_show}}';gt.createTheater('/xhr/galleries/theater/{{link_to_show}}');return false;">
             <img class="img" src="{{thumb-src}}" alt="{{alt_title}}">
           </a>
           <p class="show-description">{{image-description}}</p>