//Available tabs
var tabs = new Array("tab0", "tab1", "tab2", "tab3");
var hideTabs;
var bcsLoaded = false;

function breadcrumbsLoaded()
{
   bcsLoaded = true;
   displayCurrentTab();
}

function change(oldClass, newClass)
{
   var tagged=document.getElementsByTagName('a');
   for(var i = 0 ; i < tagged.length ; i++)
   {
      if (tagged[i].className==oldClass)
      {
         tagged[i].className=newClass;
      }
   }
}

function displayTab(tab)
{
   for (i=0; i < tabs.length; i++)
   {
     document.getElementById("group" + i).style.display = "none";
   }

   if (tab != -1)
   {
      document.getElementById("group" + tab).style.display = "block";
   }
   else
   {
      displayCurrentTab();
   }
}

function displayCurrentTab()
{
  if(!bcsLoaded)
  {
    return;
  }

  var breadcrumbs = document.getElementById("breadcrumbs").getElementsByTagName("a");

  for(x=0; x < tabs.length; x++)
  {
    tab = document.getElementById("tab" + x)
    if(tab.href == location.href)
    {
      tab.className = "tab" + x + "on";
      displayTab(x);
      return;
    }

    items = document.getElementById("group" + x).getElementsByTagName("a");

    for(y=0; y < items.length; y++)
    {
      if(items[y].href == location.href)
      {
        items[y].style.color = "white";
        tab.className = "tab" + x + "on";
        displayTab(x);
        return;
      }
      else
      {
        for(z=0; z < breadcrumbs.length; z++)
        {
          if(items[y].href == breadcrumbs[z].href)
          {
            items[y].style.color = "white";
            tab.className = "tab" + x + "on";
            displayTab(x);
            return;
          }
        }
      }
    }
  }
}

function displayTabIfActive()
{
  
}

/*
function displayCurrentTab1()
{
  var breadcrumbs = document.getElementById("breadcrumbs").getElementsByTagName("a");
  if(breadcrumbs.length > 2)
  {
    breadcrumbHref = breadcrumbs[2];
  }


  for(x=0; x < tabs.length; x++)
  {
    tab = document.getElementById("tab" + x)
    if(tab.href == location.href)
    {
      tab.className = "tab" + x + "on";
      displayTab(x);
      return;
    }

    items = document.getElementById("group" + x).getElementsByTagName("a");

    for(y=0; y < items.length; y++)
    {
      if(items[y].href == location.href)
      {
        items[y].style.color = "white";
        tab.className = "tab" + x + "on";
        displayTab(x);
      }
      else
      {
        for(z=0; z < breadcrumbs.length; z++)
        {
          if(items[y].href == breadcrumbs[z].href)
          {
            items[y].style.color = "white";
            tab.className = "tab" + x + "on";
            displayTab(x);
          }
        }
      }
    }
  }
} 
*/

function switchTab(tabNum)
{

   for (i=0; i<tabs.length; i++)
   {
      //We just want to apply the CSS on start-up
      //Clear all the Ids if any exists      
      if (document.getElementById("tab-" + tabs[i]))
         document.getElementById("tab-" + tabs[i]).id = "";
         
      if (document.getElementById("group-" + tabs[i]))
         document.getElementById("group-" + tabs[i]).id = "";
         
      change(tabs[i] + "on", tabs[i]);       
   }

   if (tabNum != -1)
   {
      change(tabs[tabNum], tabs[tabNum] + "on");       
   }

   displayTab(tabNum);

   //Clear any timeout of hiding tabs
  clearTimeout(hideTabs);
}

//Hide all tabs and link groups
function hideAllTabs()
{
   hideTabs = setTimeout("switchTab(-1)",5000);
}