/* tpg_basic.js
   This is part of a series of demos illustrating the basic concepts used by xTabPanelGroup:
   http://cross-browser.com/x/lib/view.php?sym=xTabPanelGroup

   modified by Brient Oh, March 2008
*/
/*
window.onload = function()
{
  xGetElementsByClassName('tabPanelGroup', document, 'div',
    function(d) {
      tpgInit(d);
    }
  );
}*/
function initializeTabs(){
  xGetElementsByClassName('tabPanelGroup', document, 'div',
    function(d) {
      tpgInit(d);
    }
  );
}
function tpgInit(tpg){
  tpg.tabs = [];
  var tabs = xGetElementsByClassName('tabDefault', tpg, 'a',
    function(a) {
      a.onclick = tpgOnClick;
      a._TPG_ = tpg;
      tpg.tabs[tpg.tabs.length] = a;
    }
  );
  tabs[0].onclick();
}
function tpgOnClick(){ 
  for (var i = 0; i < this._TPG_.tabs.length; ++i) {
    this._TPG_.tabs[i].className = 'tabDefault';
  }
  this.className = 'tabSelected';
  xGetElementsByClassName('tabPanel', this._TPG_, 'div',
    function(ele) {
      ele.style.display = 'none';
    }
  );
  document.getElementById(this.hash.substr(1)).style.display = 'block';
  return false;
}
function xGetElementsByClassName(c,p,t,f){
  var r = new Array();
  var re = new RegExp("(^|\\s)"+c+"(\\s|$)");
  var e = p.getElementsByTagName(t);
//  var e = xGetElementsByTagName(t,p); // See comments: http://cross-browser.com/x/lib/view.php?sym=xGetElementsByClassName
  for (var i = 0; i < e.length; ++i) {
    if (re.test(e[i].className)) {
      r[r.length] = e[i];
      if (f) f(e[i]);
    }
  }
  return r;
}