0
@@ -31,7 +31,10 @@ UI.Tabbox = Class.create(UI.Options, {
0
     this.head=new Element('div',{className:'tabbox_head'});
0
     
0
     tabs.each(function(tab) {
0
-      this.add(tab);
0
+      if(tab == 'separator')
0
+        this.addSeparator(new Hash);    
0
+      else
0
+        this.add(tab);
0
     }.bind(this));
0
     
0
     this.element.insert({
0
@@ -141,6 +144,16 @@ UI.Tabbox = Class.create(UI.Options, {
0
           
0
       this.tabs.set(tab.name,tab);    
0
   },
0
+  
0
+  addSeparator: function(tab) {
0
+    head=new Element('span', {className: 'separator'});
0
+    
0
+    if(tab.after && this.tabs.get(tab.after)) {
0
+      this.tabs.get(tab.after).head.insert({after:head});
0
+    } else {
0
+      this.head.insert(head);
0
+    }
0
+  },
0
 
0
   select: function(tabName) {
0
     if (this.selectedTab && this.selectedTab.name == tabName) {