
<%= stylesheet_link_tag "gallery_frontend" %>

<div id="orbit_gallery" class="rg">
  <!-- <div class="rghead">
    <div class="rgfn">
        
    </div>
  </div> -->
  
  <div class="rgbody">
    <div id="imgholder">

    </div>
  </div>
  <!-- tag part -->
  <% if @authenticated %>
  <div id="tag_panel" class="my_scroll">
    <div class="scrollbar">
      <div class="track">
        <div class="thumb">
          <div class="end"></div>
        </div>
      </div>
    </div>
     <% 
        @locales = Array.new
        @site_valid_locales.each do |locale|
          @locales << locale
        end
      %>
    <div class="viewport">
      <div class="overview">
        <ul class="tag_list" id="gallery_tag_list">
          <% @tags.each do |tag| %>
             <li data-content="<%= tag.id %>"><input id="tag_<%= tag.id %>" type="checkbox"><label for="tag_<%= tag.id %>"><%= tag[I18n.locale] %></label><span style="display:none;"><%= tag[@locales[1]] %> <%= tag[@locales[0]] %></span></li>
          <% end %>
        </ul>
      </div>
    </div>
    <div class="tag_search"><div class="icon-search"></div><input type="text" value="<%= t('gallery.search_tags') %>" onblur="if(this.value=='')this.value='<%= t('gallery.search_tags') %>';" onfocus="if(this.value=='<%= t("gallery.search_tags") %>')this.value='';" id="tag_search_box"><div class="tag_save"><a class="btn bt-save"><i class="icon-ok"></i><%= I18n.t("gallery.save") %></a></div></div>
    
  </div>
  <% end %>
  <% content_for :page_specific_javascript do %>
   <%= javascript_include_tag "jquery.tinyscrollbar" %>
  <% end %>
  <div class="taglist"> <!-- add "album_tags" or "photo_tags" class to .taglist -->
    <h3 class="taglist_title"><%= t('gallery.album_tag') %></h3>
    <ul>
      <li>Computer,</li>
      <li>Birds,</li>
      <li>Girls,</li>
      <li>Boys,</li>
      <li>Human</li>
    </ul>
  </div>
  <!-- tag end -->
  <div class="rghead">
  <div class="rgfn">
  <!--   <a href="" class="btn btn-primary pull-right"><i class="icon-plus icon-white"></i>新增</a> -->
  </div>
</div>
</div>
<script type="text/javascript">
galleryAPI.prototype.loadFooterPanel = function(area,id,callbackFn){
    var headarea = null;
    if(area == "images"){
      headarea = '<a class="bt-back rgbt" title="<%= I18n.t("gallery.back_to_albums") %>" href="gallery"><i class="icon-arrow-left"></i> <%= I18n.t("gallery.back_to_albums") %></a> ';
       // headarea+='<a class="bt-tag btn btn-primary pull-right" title="<%= I18n.t("gallery.album_tag") %>" href="" ><i class="icon-tag icon-white"></i><%= I18n.t("gallery.album_tag") %></a>';
      
    }else if (area == "theater"){
      headarea = '<a href="" class="bt-back rgbt" title="<%= I18n.t("gallery.back_to_photos") %>"><i class="icon-arrow-left"></i> <%= I18n.t("gallery.back_to_photos") %></a></div>';
      // headarea+= '<a class="bt-tag btn btn-primary pull-right" title="<%= I18n.t("gallery.photo_tag") %>" href="" ><i class="icon-tag icon-white"></i><%= I18n.t("gallery.photo_tag") %></a>';
    }
    if(typeof callbackFn == "function"){
      callbackFn.call(this,headarea);
    }
  }
</script>
<% content_for :page_specific_javascript do %>
  <%= javascript_include_tag "galleryAPI_frontend" %>
  <%= javascript_include_tag "rss" %>
<% end %>

<script type="text/javascript">
  galleryAPI.prototype.locale = "<%= I18n.locale %>";
	var gallery = new galleryAPI();
	gallery.initialize();
</script>





