function select_tab(id) {
  var pane = document.getElementById(id);
  var group = pane.parentNode;

  for(var i=0; i < group.childNodes.length; i++) {
    var node = group.childNodes[i];
    if (node.className && node.className.match('TabPane')) {
      var link = document.getElementById(node.id+"Tab");
      if (node.id == id) {
        node.className = "TabPane Selected";
        link.className = "Selected";
      } else {
        node.className = "TabPane";
        link.className = null;
      }
    }
  }
}

function deselect_tab(id) {
  var pane = document.getElementById(id);
  var tab = document.getElementById(id+"Tab");

  pane.className = "TabPane";
  tab.className = null;
}

function tab_click(id) {
  var pane = document.getElementById(id);
  if (pane.className.match('Selected')) {
    deselect_tab(id);
  } else {
    select_tab(id);
  }
}