skylinecms 3.0.8 → 3.1.0

data/app/views/skyline/articles/index.html.erb

@@ -4,7 +4,7 @@
       <%= controller.class_from_type.human_name(:count => 2) %>
     </span>
   </dt>
-    
+     
   <dd id="contentBodyPanel">
     <div id="contentInfoPanel">
       <div class="innerpanel">
@@ -12,48 +12,17 @@
         </div>
       </div>
     </div>
-    
-    <div id="contentEditPanel" class="panel scrollable">
-      <div class="content">
-
-        <% if @articles.any? %>
-          <ul id="list" class="article-list">
-            <li class="header">
-              <div class="edit">&nbsp;</div>
-              <div class="draggable">
-                <div class="content">
-                  &nbsp;
-                </div>
-              </div>
-              <div class="clear">
-                &nbsp;
-              </div>
-            </li>
-          
-            <% @articles.each do |article| %>
-              <li class="<%= cycle("odd","even") %> element">
-                <div class="edit">
-                  <%= link_to button_text(:edit), edit_skyline_article_path(article), :class => "button small" %>
-                </div>
-                <div class="draggable">
-                  <div class="content">
-                    <h3>
-                      <%= article.title.blank? ? "&nbsp;" : article.title %>
-                    </h3>
-                  </div>
-                </div>
-                <div class="clear">
-                  &nbsp;
-                </div>
-              </li>
-            <% end %>
-          </ul>
-
-        <% else %>
-          <em>Nog geen <%= controller.class_from_type.human_name(:count => 2) %> aanwezig.</em>
+     
+    <div id="contentEditPanel" class="panel scrollable content">
+      <% if @articles.any? %>
+        <% begin %>
+          <%= render :partial => "skyline/articles/#{controller.class_from_type.name.demodulize.underscore}/list" %>          
+        <% rescue ActionView::MissingTemplate %>
+          <%= render :partial => "list" %>          
         <% end %>
-
-      </div>
+      <% else %>
+        <em><%= t(:blank, :scope => [:article, :index], :name => controller.class_from_type.human_name(:count => 2).downcase) %></em>
+      <% end %>
     </div>
   </dd>    
 </dl>
@@ -67,4 +36,4 @@
       </div>      
     </div>
   </dd>
-</dl>
+</dl>

data/app/views/skyline/articles/page/_index.html.erb

@@ -13,16 +13,18 @@
     <%= Skyline::Page.human_name(:count => 2) %>
   </span>
 </dt>
-<dd  id="leftPageContentPanel" class="scrollable">
-  <div id="pagetree" class="pages tree">
-    <% nodes = Skyline::Page.group_by_parent_id %>
-    <%= page_tree(nodes, nodes[nil], :selected => @article) %>
-    <% if @article.andand.kind_of?(Skyline::Page) %>
-      <script type="text/javascript" charset="utf-8">
-        window.addEvent("domready",function(){
-          var myFx = new Fx.Scroll("leftPageContentPanel",{duration: 0}).toElement('article_<%= @article.id %>');
-        });
-      </script>
-    <% end %>
+<dd  id="leftPageContentPanel">
+  <div class="content scrollable">
+    <div id="pagetree" class="pages tree">
+      <% nodes = Skyline::Page.group_by_parent_id %>
+      <%= page_tree(nodes, nodes[nil], :selected => @article) %>
+      <% if @article.andand.kind_of?(Skyline::Page) %>
+        <script type="text/javascript" charset="utf-8">
+          window.addEvent("domready",function(){
+            var myFx = new Fx.Scroll("leftPageContentPanel",{duration: 0}).toElement('article_<%= @article.id %>');
+          });
+        </script>
+      <% end %>
+    </div>
   </div>
 </dd>

data/app/views/skyline/authentications/new.html.erb

@@ -16,8 +16,8 @@
       <% form_tag skyline_authentication_path do %>      
         <dl class="login panel">
           <dt><span class="content"><%= t(:log_in, :scope => [:authentication,:new]) %></span></dt>
-          <dd id="messageArea"></dd>
-          <dd>
+          <dd class="full" id="messageArea"></dd>
+          <dd class="full">
             <div class="content">
               <table class="fields">
                 <tbody>

data/app/views/skyline/browser/links/_index.html.erb

@@ -3,14 +3,16 @@
     <div class="tabs">
       <div class="chrome">
         <ul class="toptabs">
-          <% ["Skyline::Page","Skyline::MediaFile","Skyline::ReferableUri"].each do |tab| %>
+          <% tabs = ["Skyline::MediaFile","Skyline::ReferableUri"] %>
+          <% tabs.unshift "Skyline::Page" if Skyline::Configuration.enable_pages %>
+          <% tabs.each do |tab| %>
             <li class="<%= "active" if @active_tab == tab %>"><a href="#"><%= t(tab, :scope => [:browser,:tabs]) %></a></li>          
           <% end %>
         </ul>
       </div>
     </div>
   </div>
-  <%= render :partial => "skyline/browser/tabs/pages/index" %>  
+  <%= render :partial => "skyline/browser/tabs/pages/index" if Skyline::Configuration.enable_pages %>  
   <%= render :partial => "skyline/browser/tabs/media_library/index" %>
   <%= render :partial => "skyline/browser/tabs/external_link/index" %>
   <% if params[:common] %>

data/app/views/skyline/browser/tabs/media_library/_index.html.erb

@@ -1,24 +1,24 @@
 <div id="browserMediaLibrary" class="mediaLibraryTabPanel window">
-  <div class="leftPanel scrollable">
-    <div id="browserMediaTree" class="tree">
-      <%= media_dir_tree(@media_dirs, @media_dirs[nil], 
-            :id_prefix => "browser_dir_node",
-            :node_url => Proc.new{|node| skyline_browser_tabs_media_library_media_dir_media_files_path(node) },
-            :selected => @media_dir)%>
+  <div class="leftPanel">
+    <div class="content scrollable">
+      <div id="browserMediaTree" class="tree">
+        <%= media_dir_tree(@media_dirs, @media_dirs[nil], 
+              :id_prefix => "browser_dir_node",
+              :node_url => Proc.new{|node| skyline_browser_tabs_media_library_media_dir_media_files_path(node) },
+              :selected => @media_dir)%>
+      </div>
     </div>
   </div>
-  <div class="contentPanel scrollable">
-    <!-- <div id="browserUploadPanel">
-    </div> -->
+  <div id="browserContentPanel" class="contentPanel ">
     <%= render :partial => "skyline/browser/tabs/media_library/media_files/index" %>
   </div>
-  <div class="previewPanel scrollable">
+  <div id="browserPreviewPanel" class="previewPanel scrollable">
     <%= render :partial => "skyline/browser/tabs/media_library/media_files/show" %>      
   </div>
 </div>
 <script type="text/javascript" charset="utf-8">
   
-  var f = function(){
+  (function(){
     var mtp = new Skyline.HorizontalLayout("browserMediaLibrary", { height: 200, hidden: true});
     var lp = mtp.addPanel(mtp.element.getElement(".leftPanel"),{width: 200});
     mtp.addSplitter();
@@ -46,6 +46,5 @@
       }).get();    
       return false;
     });  
-  };
-  f();
+  })();
 </script>

data/app/views/skyline/browser/tabs/media_library/media_files/_index.html.erb

@@ -1,63 +1,134 @@
-<ul id="browserFilelist" class="files">
 
   <input value="<%= @media_file.andand.file_type %>" name="browser[file_type]" id="browser_media_file_type" type="hidden"/>    
   <input value="<%= @media_file.andand.id %>" name="browser[referable_id]" id="browser_media_referable_id" type="hidden"/>
   <input value="<%= @media_file.andand.class.andand.name %>" name="browser[referable_type]" id="browser_media_referable_type" type="hidden"/>
   <input value="<%= @media_file.andand.title %>" name="browser[referable_title]" id="browser_media_referable_title" type="hidden"/>
   
-  <% browser_url = @media_dir && @media_file &&  url_for(:action => :show, :controller => '/skyline/media_files_data', :media_dir_id => @media_dir, :name => @media_file.name) %>
+  <% browser_url = @media_dir && @media_file &&  url_for(:action => :show, :controller => '/skyline/media/data', :name => @media_file.name, :dir_id => @media_dir) %>
   <input value="<%= browser_url %>" name="browser[url]" id="skylineReferableLocation" type="hidden">
   
-  <% if @media_dir %>
-    <% @media_dir.files.each do |f|%>
-      <li class="<%= f.file_type %> <%= "selected" if f == @media_file %>">
-        <div class="file">
-          <% dimen = f.dimension %>
-          <%= link_to(f.name, skyline_browser_tabs_media_library_media_dir_media_file_path(@media_dir, f), 
-                :"data-file_type" => f.file_type,
-                :"data-referable_id" => f.id,
-                :"data-referable_type" => f.class.name,
-                :"data-referable_title" => f.title,
-                :"data-url" => url_for(:action => :show, :controller => '/skyline/media_files_data', :media_dir_id => @media_dir, :name => f.name),
-                :"data-image_width" => dimen.andand["width"],
-                :"data-image_height" => dimen.andand["height"]) %>
-        </div>
-      </li>
-    <% end %>
-  <% end %>
-</ul>
+  <table class="listing files" id="browserFilelist">
+    <thead>
+      <tr>
+        <th><%= Skyline::MediaFile.human_attribute_name("name") %></th>
+        <th><%= Skyline::MediaFile.human_attribute_name("type") %></th>
+        <th><%= Skyline::MediaFile.human_attribute_name("size") %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% if @media_dir %>        
+        <% selected_row = nil %>
+        <% @media_dir.files.each do |file| %>
+          <% dimen = file.dimension %>
+          <% selected_row = "file_#{file.id}" if file == @media_file %>
+          <tr class="<%= cycle("odd","even") %> <%= "selected" if file == @media_file %>" id="file_<%= file.id %>" 
+            data-url="<%= url_for(:action => :show, :controller => '/skyline/media/data', :name => file.name, :dir_id => @media_dir) %>"
+            data-file_type = "<%= file.file_type %>"
+            data-referable_id = "<%= file.id %>"
+            data-referable_type = "<%= file.class.name %>"
+            data-referable_title = "<%= file.title %>"
+            data-image_width = "<%= dimen.andand["width"] %>"
+            data-image_height = "<%= dimen.andand["height"] %>">
+            <th>
+              <div class="file <%= file.file_type %>">
+                <%= link_to file.name, skyline_browser_tabs_media_library_media_dir_media_file_path(@media_dir, file), :id => "filelink_#{file.id}" %>
+              </div>
+            
+            </th>
+            <td>
+              <%= file.file_type %>
+            </td>
+            <td>
+              <%= number_to_human_size file.size %>
+            </td>
+          </tr>
+        <% end %>
+      <% end %>
+    </tbody>
+  </table>
+
 <script type="text/javascript" charset="utf-8">
-  var f = function(ul){
-    ul.addEvent("click", function(ev){
-      ev.stop();
-      ev.preventDefault();
+  (function(){
+    // var ul = $('browserFilelist');
+    // ul.addEvent("click", function(ev){
+    //   ev.stop();
+    //   ev.preventDefault();
+    //   
+    //   var t =  $(ev.target);
+    //   var li = (t.get("tag") == "li" ? t : t.getParents("li")[0]);
+    //   if(li){
+    //     var a = li.getElement("a");        
+    //     ul.getElements('li.selected').removeClass('selected'); 
+    //     li.addClass('selected');
+    //     
+    //     $('browser_media_file_type').set("value", a.get("data-file_type"));
+    //     $('browser_media_referable_id').set("value", a.get("data-referable_id"));
+    //     $('browser_media_referable_type').set("value", a.get("data-referable_type"));
+    //     $('browser_media_referable_title').set("value", a.get("data-referable_title"));
+    //     $('skylineReferableLocation').set("value", a.get("data-url"));
+    //     
+    //     if($('browserImageWidth')){
+    //       $('browserImageWidth').set("value", a.get("data-image_width"));
+    //     };
+    //     if($('browserImageHeight')){
+    //       $('browserImageHeight').set("value", a.get("data-image_height"));
+    //     };
+    //     
+    //     new Request({
+    //       url: a.get("href"),
+    //       method: "get"
+    //     }).send();        
+    //   }
+    // })
+    
+    var f = $('browserFilelist');
+    var t = new Skyline.Table(f, {draggable: false});
+    <% if selected_row %>
+      t.selectedRow = $('<%= selected_row %>')
+    <% end %>
+
+    t.addEvent("selectRow",function(row,event){
+      event.stop();
+      row.addClass("selected");
+      $('browser_media_file_type').set("value", row.get("data-file_type"));
+      $('browser_media_referable_id').set("value", row.get("data-referable_id"));
+      $('browser_media_referable_type').set("value", row.get("data-referable_type"));
+      $('browser_media_referable_title').set("value", row.get("data-referable_title"));
+      $('skylineReferableLocation').set("value", row.get("data-url"));
       
-      var t =  $(ev.target);
-      var li = (t.get("tag") == "li" ? t : t.getParents("li")[0]);
-      if(li){
-        var a = li.getElement("a");        
-        ul.getElements('li.selected').removeClass('selected'); 
-        li.addClass('selected');
-        
-        $('browser_media_file_type').set("value", a.get("data-file_type"));
-        $('browser_media_referable_id').set("value", a.get("data-referable_id"));
-        $('browser_media_referable_type').set("value", a.get("data-referable_type"));
-        $('browser_media_referable_title').set("value", a.get("data-referable_title"));
-        $('skylineReferableLocation').set("value", a.get("data-url"));
-        
-        if($('browserImageWidth')){
-          $('browserImageWidth').set("value", a.get("data-image_width"));
-        };
-        if($('browserImageHeight')){
-          $('browserImageHeight').set("value", a.get("data-image_height"));
-        };
+      if($('browserImageWidth')){
+        $('browserImageWidth').set("value", row.get("data-image_width"));
+      };
+      if($('browserImageHeight')){
+        $('browserImageHeight').set("value", row.get("data-image_height"));
+      };      
+      
+      var l = row.getElement("a");
+      (new Request()).get(l.getProperty("href"));
+    });
+          
+    t.addEvent("deselectRow",function(row){
+      row.removeClass("selected");
+    });
+    
+    var bc = $('browserContentPanel');
+ 
+    var l = bc.retrieve("skyline.layout");
+
+    if(l){
+      // Cleanup old events
+      l.removeEvents("resize");      
+    }
         
-        new Request({
-          url: a.get("href"),
-          method: "get"
-        }).send();        
-      }
-    })
-  };
-  f($('browserFilelist'));
+    // Make sure the contentPanel resizes our table!
+    bc.addComponentEvent("skyline.layout","resize",function(panel,w,h){
+      $('browserFilelist').retrieve("skyline.table").resize(w, "100%");
+    });    
+    
+    if(l){
+      $('browserFilelist').retrieve("skyline.table").resize(l.width - l.offsets.width, "100%");
+    }
+    
+    
+  })();
 </script>

data/app/views/skyline/browser/tabs/media_library/media_files/_show.html.erb

@@ -2,12 +2,12 @@
   <% if @media_file %>
     <% if @media_file.file_type == "image" %>
       <dl class="advanced">
-        <dt><%=t(:preview, :scope => [:media_file, :edit])%></dt>
+        <dt><%=t(:preview, :scope => [:media, :files, :edit])%></dt>
         <dd>
           <%= image_tag(url_for(
                 :action => "show", 
-                :controller => "/skyline/media_files_data", 
-                :media_dir_id => @media_dir,
+                :controller => "/skyline/media/data", 
+                :dir_id => @media_dir,
                 :name => @media_file.name,
                 :size => '100x100'), 
               :alt => "Image") %>
@@ -16,17 +16,17 @@
     <%end%>
     
     <dl class="advanced">
-      <dt><%= t(:meta_data, :scope => [:media_file,:edit]) %></dt>
+      <dt><%= t(:metadata, :scope => [:media, :files,:edit]) %></dt>
       <dd>
         <dl class="details">
           <% if @media_file.file_type ==  "image" && @media_file.dimension.present? %>
-            <dt><%=t(:size, :scope => [:media_file, :edit])%>: </dt>
+            <dt><%=t(:size, :scope => [:media, :files, :edit])%>: </dt>
             <dd><%=@media_file.dimension['width'] %>x<%=@media_file.dimension['height'] %></dd>
           <%end%>
-          <dt><%=t(:type, :scope => [:media_file, :edit])%>: </dt>
+          <dt><%=t(:type, :scope => [:media, :files, :edit])%>: </dt>
           <dd><%=@media_file.file_type %></dd>
       
-          <dt><%=t(:filesize, :scope => [:media_file, :edit])%>: </dt>
+          <dt><%=t(:filesize, :scope => [:media, :files, :edit])%>: </dt>
           <dd><%= number_to_human_size @media_file.size %></dd>
       
           <dt><%= Skyline::MediaFile.human_attribute_name("name") %></dt>

data/app/views/skyline/content/list.rhtml

@@ -6,9 +6,7 @@
   <% end %>
 <% end %>
 
-<div class="content">
-  <%= presenter_for(@elements,stack.klass) %>
-</div>
+<%= Skyline::Presenters::Table.new(@elements,stack.klass,self).output %>
 
 <% content_for :meta do %>
   <%= render :partial => "add", :locals => {:klass => stack.klass, :record => stack.current, :return_to => url_for({})} %>	

data/app/views/skyline/content/presenters/_table.html.erb

@@ -0,0 +1,45 @@
+<% id = "#{presenter.fieldset.name}Listing" %>
+<table class="listing" id="<%= id %>">
+  <thead>
+    <tr>
+      <% presenter.heading_collection.each do |field| %>
+        <th><%= field.singular_label.capitalize %></th>
+      <% end %>
+      <th></th>      
+    </tr>
+  </thead>
+  <tbody>
+    <% presenter.collection.each do |record| %>
+      <% next if record.new_record? %>
+      <tr class="<%= cycle("odd","even") %>" id="record-<%= record.id %>">
+        <% presenter.heading_collection.each do |field| %>
+          <% content,options = presenter.value(record,field) %>
+          <%= content_tag("td",content,options) %>
+        <% end %>        
+        <td class="right">
+          <%= presenter.edit_button(record) %>
+          <%= presenter.delete_button(record) %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>
+
+<script type="text/javascript" charset="utf-8">
+  (function(){
+    var f = $("<%= id %>")
+    var t = new Skyline.Table(f, {<%= "sortable : true, draggable : true" if presenter.fieldset.orderable? %>});
+                                                                                                          
+    <% if presenter.fieldset.orderable? %>
+    t.addEvent("reorder", function(row, adjecentRow, position){
+      (new Request({ url : "<%= url_for :action => "order", :types => stack.url_types %>"})).post({order : Application.getSequence("#<%= id %> tbody tr").join(",")} );
+    });
+    <% end %>
+    
+    
+    // Make sure the contentPanel resizes our table!
+    f.getParent().addComponentEvent("skyline.layout","resize",function(panel,w,h){
+      $('<%= presenter.fieldset.name %>Listing').retrieve("skyline.table").resize(w, "100%");
+    });    
+  })();
+</script>

data/app/views/skyline/layouts/content.html.erb

@@ -18,7 +18,7 @@
       <dl id="contentPanel" class="panel">
         <dt id="contentHeaderPanel">
           <span class="content">
-            <%= yield :header %> ??
+            <%= yield :header %>
           </span>
         </dt>
         <dd id="contentBodyPanel">

data/app/views/skyline/layouts/media.html.erb

@@ -15,8 +15,9 @@
       <%= yield %>
     </div>
   </div>
+  <%= render_js_layout %>	
   <%= render_messages %>
-  <%= render_notifications %>  
+  <%= render_notifications %>
 </body>
 </html>
 

data/app/views/skyline/layouts/pages.html.erb

@@ -52,6 +52,16 @@
         }).send();
         return false;
       });
+      
+      tree.addEvent("expand", function(event,target){
+        var node = target;
+        Application.UserPreferences.set('pages.tree.nodes.open.'+Application.getId(node.id), true);return false;
+      });
+      
+      tree.addEvent("collapse", function(event,target){
+        var node = target;
+        Application.UserPreferences.remove('pages.tree.nodes.open.'+Application.getId(node.id));return false;
+      });      
     });
   </script>
   

data/app/views/skyline/link_section_links/_form.html.erb

@@ -15,7 +15,6 @@
       <div class="link">
         <%= l.text_field :title, :class => "link_title full" %>
         <%= link_browser(l, :linked, {:object => linked_object, :container => "link_section_#{link_guid}"}) %>
-        <%= l.fieldset_errors :linked %>
       </div>
     
       <ul class="tools">

data/app/views/skyline/locales/show.js.erb

@@ -9,6 +9,6 @@
 
 I18n = {};
 I18n.LibraryUploader = {
-  allUploadedMessage : "<%=t(:all_uploaded_message, :scope => [:media_file, :new]) %>",
-  someUploadedMessage : "<%=t(:some_uploaded_message, :scope => [:media_file, :new]) %>"
+  allUploadedMessage : "<%=t(:all_uploaded_message, :scope => [:media, :files, :new]) %>",
+  someUploadedMessage : "<%=t(:some_uploaded_message, :scope => [:media, :files, :new]) %>"
 };

data/app/views/skyline/media/dirs/_edit.html.erb

@@ -0,0 +1,42 @@
+<% remote_form_for @dir, :url => skyline_media_dir_path(@dir), :method => :put do |f|%>
+  <%= f.hidden_field :parent_id %>
+  <dl class="panel">
+    <dt>
+      <span class="content">
+        <%= t :edit, :scope => [:media, :dirs, :edit] %>        
+      </span>
+    </dt>
+    <dd>
+      <dl class="line">
+        <dt><%=f.label :name, Skyline::MediaDir.human_attribute_name("name") + ":" %></dt>
+        <dd><%= f.text_field :name, :class => "full" %></dd>
+      </dl>
+    </dd>
+    <dd class="last submit">
+      <%= submit_button :save, :class => "small green" %>
+    </dd>
+  </dl>
+  
+  <dl class="panel">
+    <dt>
+      <span class="content">
+        <%= t :actions, :scope => [:media, :dirs, :edit] %>
+      </span>
+    </dt>
+    <dd class="last">
+      <div class="button">
+        <% if @dir.parent_id.blank? %>
+          <%= link_to_function button_text(:delete_media_dir), "", :class => "button small disabled" %>
+        <% else %>
+          <%= link_to_remote button_text(:delete_media_dir),{
+            :url => skyline_media_dir_url(@dir), 
+            :method => :delete,
+            :confirm => t(:message, :scope => [:media_dir,:destroy]),
+            :href => url_for(:action => "destroy", :id => @dir.id)},
+            { :class =>  "button small red"}
+          %>
+        <% end %>
+      </div>
+    </dd>
+  </dl>
+<% end %>

data/app/views/skyline/media/dirs/_index.html.erb

@@ -0,0 +1,14 @@
+<div id="dirtree" class="tree">
+  <% if @dirs %>
+    <%= media_dir_tree(@dirs,@dirs[nil],
+          :selected => @dir,
+          :id_prefix => "dirItem",
+          :node_url => lambda{ |node| skyline_media_dir_path(node) },
+          :class => "dir"
+        ) %>
+  <% end %>
+</div>
+
+<script type="text/javascript" charset="utf-8">
+  Application.Layout.Media.initializeTree("dirtree", "<%= skyline_media_dirs_path %>");
+</script>

data/app/views/skyline/media/dirs/_show.html.erb

@@ -0,0 +1,34 @@
+<dt id="contentHeaderPanel" class="panel">
+  <span class="content">
+    <%= link_to button_text(:upload), "#", :id => "toggleUploadPanel", :class => "button small right" %>    
+    <%= t(:files_in, :directory => @dir.name, :scope => [:media, :dirs, :show]) %>
+  </span>
+</dt>
+<dd id="contentBodyPanel">
+  <div id="contentInfoPanel" data-panel-hidden="true">
+    <%= render :partial => "skyline/media/files/new" %>
+  </div>
+  <div id="contentEditPanel">
+    <%= render :partial => "skyline/media/files/index" %>
+  </div>
+</dd>
+<script type="text/javascript" charset="utf-8">
+  (function(){
+    var panel = $('contentPanel').retrieve("skyline.layout");
+    if(panel){ panel.restore(); panel.setup(); }
+    
+    var tree = $('dirtree').retrieve("skyline.tree");
+    if(tree && tree.selectedNode && tree.selectedNode.getParent().get("id") != "dirItem_<%= @dir.id %>"){
+      tree.selectNode(null, $('dirItem_<%= @dir.id %>').getChildren("a")[0]);
+    } 
+    
+   	$("toggleUploadPanel").addEvent("click",function(){ 
+   	  var l = $('contentInfoPanel').retrieve('skyline.layout');
+   	  if(l.hidden){
+     	  l.show();
+     	} else {
+     	  l.hide();
+     	}
+    }.bind(this));
+  })();
+</script>