/*
addEvent function from http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
*/
function addEvent( obj, type, fn )
{
	if (obj.addEventListener)
		obj.addEventListener( type, fn, false );
	else if (obj.attachEvent)
	{
		obj["e"+type+fn] = fn;
		obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
		obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

function toggle(el){
  if (el.style.display == 'block'){
    el.style.display = 'none'
  } else {
    el.style.display = 'block'
  }
}

function addToggle(){
  var els = document.getElementsByTagName('*');
  var elToggle = Array();
  var elToggable = Array();
  for (var i=0, el; el = els[i] ; i++){
    if (el.className.match(/toggle/)){
      elToggle.push(el);
    }
    if (el.className.match(/togglable/)){
      elToggable.push(el);
    }
  }
  for (var i=0, eltog1, eltog2; eltog1 = elToggle[i], eltog2 = elToggable[i]; i++){
    var theEl = eltog2;
    eltog1.onclick = function(){
      toggle(theEl);
      return false;
    }
  }
}

function alternateTabs(){
  var tabs = document.getElementById('tabs');
  if (tabs){
    var nodes = tabs.childNodes;
    for (var i=0, node; node = nodes[i]; i++){
      if (node.nodeName == 'LI'){
        var item = node.getElementsByTagName('h4')[0];
        if (item){
          item.onclick = function(){
            clearOthers();
            this.parentNode.className = 'active';
          }
        }
      }
    }
  }
}
function clearOthers(){
  var tabs = document.getElementById('tabs');
  if (tabs){
    var nodes = tabs.childNodes;
    for (var i=0, node; node = nodes[i]; i++){
      if (node.nodeName == 'LI'){
        node.className = '';
      }
    }
  }
}

addEvent(window, 'load', addToggle);
addEvent(window, 'load', alternateTabs);