<div class="widget-custom_gallery custom_gallery widget5 no-print">
  <a class="w-annc__more btn btn-primary pull-right" href="{{more_url}}">{{more_text}}</a>
  <h3 class="widget-title">
    <span>{{widget-title}}</span>
  </h3>
  <% OrbitHelper.render_css_in_head(["theater.css"]) %>
  <%= javascript_include_tag "jquery.touchSwipe.min" %>
  <%= javascript_include_tag "theater-widget" %>
  <% OrbitHelper.render_meta_tags([{"name" => "mobile-web-app-capable","content" => "yes"},{"name" => "apple-mobile-web-app-status-bar-style","content" => "black-translucent"}]) %>
  <div id="custom_gallery-theater-stage">
    <div class="show-custom_gallery-2 custom_gallery" style="margin-top: 2.4em;">
      <div class="custom_gallery-loader">
        <div class="spinner">
            <div class="rect1"></div>
            <div class="rect2"></div>
            <div class="rect3"></div>
            <div class="rect4"></div>
            <div class="rect5"></div>
        </div>
      </div>
      <div class="custom_gallery-actions">
        <div class="custom_gallery-show-original custom_gallery-actions-btn">
          <a title="<%= t('custom_gallery.show_original_image') %>" href="/uploads/custom_album_image/file/606574f19bb8189e640000ac/49b36_245.jpg"><i class="fa fa-image"></i></a>
        </div>
        <div class="custom_gallery-toggle-desc custom_gallery-actions-btn">
          <i class="fa fa-comment"></i>
        </div>
        <div class="custom_gallery-theme-switch custom_gallery-actions-btn">
          <i class="fa fa-circle"></i>
        </div>
         <div class="custom_gallery-close custom_gallery-actions-btn">
           <i class="fa fa-times"></i>
         </div>
      </div>
      <div class="image-container" id="image-container">
      </div>
      <div class="custom_gallery-thumb-toggle custom_gallery-thumb-line">
        <i class="fa fa-angle-double-up"></i>
      </div>
      <div class="custom_gallery-thumb-container">
          <div class="custom_gallery-thumb-navs show">
            <div class="custom_gallery-thumb-prev custom_gallery-thumb-nav">
              <i class="fa fa-arrow-circle-o-left"></i> 
            </div>
            <div class="custom_gallery-thumb-next custom_gallery-thumb-nav">
              <i class="fa fa-arrow-circle-o-right"></i> 
            </div>
          </div>
          <ul class="custom_gallery-thumb-wrap" data-level="0" data-list="images">
            <li class="custom_gallery-item" data-index="{{i}}">
              <a style="cursor: pointer;">
                <img class="custom_gallery-thumb" src="{{thumb-src}}" data-theater-url="{{theater-src}}" data-link="{{src}}" alt="{{alt_title}}">
              </a>
            </li>
          </ul>
      </div>
      <div class="custom_gallery-img-desc">
        <div class="custom_gallery-img-desc-inner">
        </div>
      </div>
    </div>
  </div>
</div>

<script type="text/javascript">
if(typeof Modernizr == "undefined"){
  var script = $("<script>");
  script.attr("src","/assets/modernizr.js");
  $("head").append(script);
}

</script>
</div>