var currentPane = 0;
var currentTab = 0;

function nop() { return false; }

function getObj(name) {
  if (document.getElementById) {
    return document.getElementById(name);
  }
  else if (document.all) {
    return document.all[name];
  }
  else if (document.layers) {
    return document.layers[name];
  }
}

function showPane(div) {
  /* Unselect previously selected tab */
  if (currentTab != 0) {
    currentTab.className = '';
  }

  /* Select new tab */
  div.className = 'act';
  currentTab = div;

  /* Hide previously selected pane */
  if (currentPane != 0)
    currentPane.className = 'pane paneHidden';

  /* Unhide new pane */
  var paneId = "pn_" + div.id;
  currentPane = getObj(paneId);
  currentPane.className = 'pane paneAct';
}