SubNav = function(element) {

  // This gives the active tab its look
  var tabs = $('sub_nav').getElementsByTagName('li');
  for(j = 0; j < tabs.length; j++) {
    link = tabs[j].getElementsByTagName('a')[0];
    link.id = "";
    tabs[j].id = "";
  }
  
  element.id = "current"
  element.parentNode.id = "activeSub"
   
  //Extract content container id from href
  tabname = element.getAttribute('href').replace(/^.*\#/,'');
  ele = $(tabname);
  
  //Hide all content containers
  contents = document.getElementsByClassName('subnav_content');
  for(var i = 0; i < contents.length; i++) {
    if (contents[i] != ele) {
	contents[i].style.display = 'none';
	}
  }
  
   subsubcontents = document.getElementsByClassName('subsubnav_content');
  for(var j = 0; j < subsubcontents.length; j++) {
    subsubcontents[j].style.display = 'none';
  }

  //Magic Happens
  if (ele.style.display == 'block') {
	  ele.style.display = 'none';
	   element.parentNode.id = ""
  } else {
 	ele.style.display = 'block';
  }
}// JavaScript Document

SubSubNav = function(element) {

  // This gives the active tab its look
  var tabs = $('sub0_content').getElementsByTagName('li');
  for(j = 0; j < tabs.length; j++) {
    link = tabs[j].getElementsByTagName('a')[0];
    link.id = "";
    tabs[j].id = "";
  }
  element.id = "current"
  element.parentNode.id = "activeSubSub"
  
  //Hide all content containers
  contents = document.getElementsByClassName('subsubnav_content');
  for(var i = 0; i < contents.length; i++) {
    contents[i].style.display = 'none';
  }

  //Extract content container id from href

  tabname = element.getAttribute('href').replace(/^.*\#/,'');
  ele = $(tabname);
  
  //Magic Happens
 ele.style.display = 'block';
}// JavaScript Document