function SelectTab(ContentClassName,showContentID,TabsClassName, tabelement)
{
    HideByStyleClass(ContentClassName);
    showContent(showContentID);
    UnselectTabsByStyleClass(TabsClassName);
    
    tabelement.style.color = '#fff';
    tabelement.style.top = '0';   
    tabelement.style.left = '0';
    //tabelement.style.padding = '3px 24px 0 24px';
    tabelement.style.background = '#1F1F1F url(/images/homelinkbg.gif) 0 100% repeat-x';    
}
function showContent(tabName)
{
    document.getElementById(tabName).style.display = '';
}
function HideByStyleClass (className) {
  var all = document.all ? document.all :
    document.getElementsByTagName('*');  
  for (var e = 0; e < all.length; e++)
    if (all[e].className == className)
      all[e].style.display = 'none';  
}
function UnselectTabsByStyleClass(className)
{
    var all = document.all ? document.all :
        document.getElementsByTagName('*');  
    for (var e = 0; e < all.length; e++)
        if (all[e].className == className)
            UnselectTab(all[e]);
}
function UnselectTab( tabelement)
{
    
    tabelement.style.color = '';
    tabelement.style.top = '';   
    tabelement.style.left = '';
    tabelement.style.padding = '';
    tabelement.style.background = '';   
}
function SelectFirstTab(ContentClassName,TabsClassName)
{
    var TabElement;
    var allTabs = document.all ? document.all :
        document.getElementsByTagName('*');  
    for (var e = 0; e < allTabs.length && TabElement == null; e++)
        if (allTabs[e].className == TabsClassName)
            TabElement = allTabs[e];
    
    var ContentElement;
    var allContent = document.all ? document.all :
        document.getElementsByTagName('*');  
    for (var e = 0; e < allContent.length && ContentElement == null; e++)
        if (allContent[e].className == ContentClassName)
            ContentElement = allContent[e];         
     
    SelectTab(ContentClassName,ContentElement.id,TabsClassName, TabElement);
}