﻿// JScript File
function TabClick( object )
{

    // Make all tabs inactive
    for( i = 1; i < object.parentNode.childNodes.length; i++ )
    {
        
        // 'nodeType' is to ignore attribute (type 2) and text (type 3) nodes.
        if (object.parentNode.childNodes[i].nodeType == 1)
        {
            var tab = object.parentNode.childNodes[i].id;

            // Skip Tab to make active
            if ( object.id != tab )
            {
                var left = tab + "-Left";
                element = document.getElementById(left);
                if ( element != null )
                    element.className = "TabInactiveLeft";

                var middle = tab + "-Middle";
                element = document.getElementById(middle);
                if ( element != null )
                    element.className = "TabInactiveMiddle";
                        
                var right = tab + "-Right";
                element = document.getElementById(right);
                if ( element != null )
                    element.className = "TabInactiveRight";  
                    
                //Make TabPanel Inactive
                var panel = tab.replace(/-Tab-/gi,"-TabPanel-");
                element = document.getElementById(panel);
                if ( element != null )
                    element.style.display = "none"; 
             }
         
         }  
    }
    
    
    // Make Tab active
    var left = object.id + "-Left";
    element = document.getElementById(left);
    if ( element != null )
        element.className = "TabActiveLeft";

    var middle = object.id + "-Middle";
    element = document.getElementById(middle);
    if ( element != null )
        element.className = "TabActiveMiddle";
            
    var right = object.id + "-Right";
    element = document.getElementById(right);
    if ( element != null )
        element.className = "TabActiveRight";    
        
    //Make TabPanel active
    var panel = object.id.replace(/-Tab-/gi,"-TabPanel-");
    element = document.getElementById(panel);
      if ( element != null )
        element.style.display = "block"; 
}

