// JavaScript Document

var c8m_link = "_link";
var c8m_class_name = "current";
var c8m_displayed_tab = null;

(function()
{
  if (window.addEventListener) {
    window.addEventListener("load", c8m_setup_tabs, false);    
  }
  else
  {
    window.attachEvent("onload", c8m_setup_tabs);
  }
})();

function c8m_setup_tabs() {
  var tab_links = document.getElementById("c8m_tabs").getElementsByTagName("a");
  
  for (var i = 0; i < tab_links.length; i++)
  {    
    c8m_setup_tab_link(tab_links[i]);
  }
}

function c8m_setup_tab_link(link) {  
  var num = link.id.lastIndexOf("_");
  var link_id = link.id.substring(0, num);	
  link.onclick = function(){c8m_display_tab(link_id);};
}

function c8m_hide_all_tabs() {
  var tab_divs = document.getElementsByTagName("div");

  //Only need those div elements that have an id value starting with 'c8m_tab'
  for (var i = 0; i < tab_divs.length; i++)
  {
    if (tab_divs[i].id.indexOf("c8m_tab") === 0)
    {
      c8m_change_tab_display(tab_divs[i], "none", tab_divs[i].id, "");
    }  
  }  
}

function c8m_display_tab(id) {	  
  if (!c8m_displayed_tab)
  {	    
    c8m_hide_all_tabs();
  }
  else
  {            
    c8m_change_tab_display(c8m_displayed_tab, "none", c8m_displayed_tab.id, "");
  }

  //Make the selected tab visible
  c8m_displayed_tab = document.getElementById(id);
  
  c8m_change_tab_display(c8m_displayed_tab, "block", id, c8m_class_name);
}

function c8m_change_tab_display(tab_content_element, display, tab_link_id, class_name) {
  //Make the selected tab visible or not visible
  tab_content_element.style.display = display;
  
  //Change the class name of the tab link
  document.getElementById(tab_link_id + c8m_link).className = class_name;
}