var selectedTab = null;

function showPanel(sName)
{
    var oTab = FindControl('tab-'+sName);
    var sPanelID = 'panel-'+sName;

    if (selectedTab) selectedTab.className = 'TabbedPanelsTab';
    
    selectedTab = oTab;
    selectedTab.className = "TabbedPanelsTabSelected";
    
    for(i = 0; i < panels.length; i++)
    {
        FindControl(panels[i]).style.display = (sPanelID == panels[i]) ? 'block':'none';
    }
    
    //InitializeSIFR();
    
    this.location.href='#' + sName;
}

function hoverPanel(sName)
{
    var oTab = FindControl('tab-'+sName);
    oTab.className = 'TabbedPanelsTabHover';
    
    if (selectedTab) 
    {
        selectedTab.className = 'TabbedPanelsTabSelected';
    }
}

function hoverOutPanel(sName)
{
    var oTab = FindControl('tab-'+sName);
    oTab.className = 'TabbedPanelsTab';
    
    if (selectedTab) 
    {
        selectedTab.className = 'TabbedPanelsTabSelected';
    }
}

function initTab(sName)
{
    selectedTab = FindControl('tab-'+sName);
    selectedTab.className = 'TabbedPanelsTabSelected';

    FindControl('panel-'+sName).style.display = 'block';
}