// Rick Worthington, 6/15/09

function initTabbedPane(id)
{
  var pane = $(id);
  var links = pane.firstDescendant().select('a');
  links.invoke('observe', 'click', tabClicked);
}

function tabClicked(event)
{
  event.stop();
  var links = event.findElement('div').firstDescendant().select('a');
  var container = event.findElement('div').down().next();
  var panes = container.childElements();

  var link_index = links.indexOf(this);
  var next_pane = panes[link_index];

  var inactive_links = links.without();
  inactive_links.invoke('removeClassName', 'active');
  this.addClassName('active');

  var hidden_panes = panes.without(next_pane);
  hidden_panes.invoke('hide');
  next_pane.show();
}