<%= stylesheet_link_tag "custom_gallery_old" %>

<div id="orbit_custom_gallery" class="rg">
  <div class="rgbody">
    <div id="imgholder">
      <div class="rslide" style="position:relative; width:100%;">
        <div class="rslideinside"><div id="loading" style="display:none;"></div>
          <div class="comp" id='main_pic' data-content='<%= @image.custom_album_id %>'><a href="" id="nextpic" class="navN" title="下一張" onclick="return false;" ><img src="<%= @image.file.theater.url %>" alt="" /></a></div>
          <div class="rslidenav">
            <a href="" class="navP" title="上一張" onclick="return false;">Prev</a>
            <a href="" class="navN" title="下一張" onclick="return false;">Next</a>
          </div>
        </div>
        <div class="slidelist">
          <ul id='custom_galleryimagelist' style="display:none;">
            <% @images.each_with_index do |image,i| %>
              <li for="<%= i %>"><a href="<%= image.id %>" class="list_element" data-content="<%= image.file.theater.url %>" onclick="return false;"><img src="<%= image.file.thumb.url %>" alt="" /></a></li>
            <% end  %>
          </ul>
        </div>
        <div class="slidectrl">
          <a href="" class="togglescreen" title="切換全螢幕" onclick="return false;">Screen</a>
          <a href="" class="togglelist" title="顯示照片清單" onclick="return false;">List</a>
          <a href="" class="browserfullscreen" title="顯示照片清單" onclick="return false;">F</a>
          <div class="slideinfo">
            <span class="info"><%= @image.description.html_safe %></span>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div class="form-actions form-fixed pagination-right rghead">
  <div class="rgfn">
    <%= link_to (content_tag(:i,I18n.t("custom_gallery.back_to_photos"),:class=>"icon-arrow-left icon-black")),"",:class=>"bt-back btn pull-left btn-primary",:title=>I18n.t("custom_gallery.back_to_photos")%>

  </div>
</div>
</div>

<%# content_for :page_specific_javascript do %>
  <%= javascript_include_tag "rss" %>
  <%= javascript_include_tag "custom_galleryAPI" %>
<%# end %>

<script type="text/javascript">

  var custom_gallery = new custom_galleryAPI();
   custom_gallery.loadArea = "theater";
   custom_gallery.loadTheater("<%= params[:id] %>");
  $(document).ready(function(){
    custom_gallery.loadcomplete();
  })
</script>