var selectors = [];
var Selector = {
  initialize: function(id) {
    if (!document.getElementById) return;
    this.root = $(id);
    this.tabs = $A(this.root.getElementsByClassName('tab-content'));
    selectors[id] = new Array(this.tabs.length);
    
    this.tabs.each(function(tab, i){
      selectors[id][i] = {menu:tab.getElementsByTagName('ul')[0], display:tab.getElementsByClassName('display')[0]};
      $A(selectors[id][i].menu.getElementsByTagName('a')).each(function(button){
          button.onclick = function(){ Selector.swap(this, selectors[id][i].display); return false };
      });
    });
  },
  swap: function(trigger, display) {
    var button  = trigger.parentNode;
    var content = display.getElementsByClassName('entry')[button.previousSiblings().length];
    if (button.hasClassName('current')) {
      return
      //content.addClassName('hidden');
      //button.removeClassName('current');
    } else {
      content.siblings().each(function(e){ e.addClassName('hidden') });
      content.removeClassName('hidden');
      button.siblings().each(function(e){ e.removeClassName('current') });
      button.addClassName('current');
    }
  }
}