<% content_for :caboose_css do %>
<%= stylesheet_link_tag 'jquery-ui' %>
<style type='text/css'>
#tiny_header {
  display: block;  
  color: #fff;
  background-image: url(/assets/caboose/caboose_logo_small.png);
  background-color: #000;  
  background-repeat: no-repeat;
  background-position: right 0;
  padding: 0 50px 0 10px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 100000;
  border-left: #fff 1px solid;
  border-bottom: #fff 1px solid;  
}
#tiny_header a {
  display: inline-block;
  color: #fff;
  padding: 16px 10px;  
}
.block_over { background: #e3e3e3; }
.select_handle { display: none; }
.sort_handle   { display: none; }
.delete_handle { display: none; }
.block_over > .select_handle { display: block; position: relative; }
.block_over > .sort_handle   { display: block; position: relative; }
.block_over > .delete_handle { display: block; position: relative; }
.block_over > .select_handle span { position: absolute; top: 0; right: 36px; width: 18px; height: 18px; background-color: #fff; border: #ccc 1px solid; }
.block_over > .sort_handle   span { position: absolute; top: 0; right: 18px; width: 18px; height: 18px; background-color: #fff; border: #ccc 1px solid; }
.block_over > .delete_handle span { position: absolute; top: 0; right:  0px; width: 18px; height: 18px; background-color: #fff; border: #ccc 1px solid; }

.selected { background: #fff799; }

.new_block_link { position: relative; width: 100%; }
.new_block_link .line { position: absolute; top: -11px; width: 100%; height: 2px; background: transparent; }
.new_block_link a { position: absolute; top: -20px; left: 45%; background: transparent; color: transparent !important; display: block; padding: 4px 8px; }

.new_block_link_over { position: relative; width: 100%; }
.new_block_link_over .line { position: absolute; top: -11px; width: 100%; height: 2px; background: #ccc; }
.new_block_link_over a { position: absolute; top: -22px; left: 45%; color: #fff; background: #666; display: block; padding: 2px 4px; text-decoration: none; font-size: 12px; }

.caboose_note { padding: 10px 20px; background: #990000; color: #fff; font-size: 16px; }

</style>
<% end %>

<% content_for :caboose_js do %>
<%= javascript_include_tag 'jquery-ui' %>
<%= javascript_include_tag 'caboose/admin_page_edit_content' %>
<script type='text/javascript'>

var controller = false;
$(document).ready(function() {
  controller = new PageContentController(<%= @page.id %>);

  $('body').append($('<div/>')        
    .attr('id', 'tiny_header')
    .append($('<a/>').attr('href', '/admin/pages').html("< Back"))
    .append($('<a/>').attr('href', '/admin/pages/<%= @page.id %>/layout').html("Page Layout"))
    .append($('<a/>').attr('href', '/admin/pages/<%= @page.id %>').html("Page Settings"))        
  );    
});

</script>
<% end %>