3 files changed, 41 insertions, 10 deletions
diff --git a/app/views/admin/blog/posts/_form.html.erb b/app/views/admin/blog/posts/_form.html.erb
index 7bcca84..7d95052 100644
--- a/app/views/admin/blog/posts/_form.html.erb
+++ b/app/views/admin/blog/posts/_form.html.erb
@@ -11,8 +11,33 @@
   </div>
 
   <div class='field'>
-    <%= f.label :body -%>
-    <%= f.text_area :body, :rows => 20, :class => 'wymeditor widest' -%>
+    <div id='page-tabs' class='clearfix ui-tabs ui-widget ui-widget-content ui-corner-all'>
+      <ul id='page_parts'>
+        <li class='ui-state-default'>
+          <%= link_to "Body", "#page_part_body" %>
+        </li>
+        <% Refinery::Blog.tabs.each_with_index do |tab, tab_index| %>
+          <li class='ui-state-default' id="custom_<%= tab.name %>_tab">
+            <%= link_to tab.name.titleize, "#custom_tab_#{tab_index}" %>
+          </li>
+        <% end %>
+      </ul>
+      
+      <div id='page_part_editors'>
+      
+        <% part_index = -1 %>
+          <%= render :partial => 'form_part',
+                     :locals => {
+                       :f => f,
+                       :part_index => (part_index += 1),
+                     } -%>
+        <% Refinery::Blog.tabs.each_with_index do |tab, tab_index| %>
+          <div class='page_part' id='<%= "custom_tab_#{tab_index}" %>'>
+            <%= render :partial => tab.partial, :locals => {:f => f} %>
+          </div>
+        <% end %>
+      </div>
+    </div>
   </div>
   
   <div class='field'>
diff --git a/app/views/admin/blog/posts/_form.js.erb b/app/views/admin/blog/posts/_form.js.erb
index 1d65448..1c030b4 100644
--- a/app/views/admin/blog/posts/_form.js.erb
+++ b/app/views/admin/blog/posts/_form.js.erb
@@ -1,13 +1,16 @@
 <script>
-  $(document).ready(function(){
-    $('#toggle_advanced_options').click(function(e){
-      e.preventDefault();
+  (function($) {
+    $(document).ready(function(){
+      $('#toggle_advanced_options').click(function(e){
+        e.preventDefault();
 
-      $('#more_options').animate({opacity: 'toggle', height: 'toggle'}, 250);
+        $('#more_options').animate({opacity: 'toggle', height: 'toggle'}, 250);
 
-      $('html,body').animate({
-        scrollTop: $('#toggle_advanced_options').parent().offset().top
-      }, 250);
+        $('html,body').animate({
+          scrollTop: $('#toggle_advanced_options').parent().offset().top
+        }, 250);
+      });
     });
-  });
+    $('#page-tabs').tabs();
+  })(jQuery);
 </script>
diff --git a/app/views/admin/blog/posts/_form_part.html.erb b/app/views/admin/blog/posts/_form_part.html.erb
new file mode 100644
index 0000000..114e493
--- /dev/null
+++ b/app/views/admin/blog/posts/_form_part.html.erb
@@ -0,0 +1,3 @@
+<div class='page_part' id='page_part_body'>
+  <%= f.text_area :body, :rows => 20, :class => 'wymeditor widest' -%>
+</div>