// Copyright:  Andrew Wrigley 2006
// Uses the following naming convention:
// LinkPanelName = DetailPanelName + "Link";
// ClassName = DetailPanelName + "Show" ("Hide");

    //Used to catch Panels that use different classes
    //This because BodyOnLoad of MasterPage always uses FilterPanel for the class name.
    //Complete hack, but allows cheap flexibility...
    function GetClass(namePanel)
    {     
        var s = ""; 
        switch(namePanel)
        {
            case "PersonalDetails":
            case "CompanyDetails":
            case "DeliveryDetails":
            case "UserDetails":
                s="ContactDetails";
                break;
            case "Families":
                s = "Panel";
                break;
            case "Filters":            
                s = "Panel";
                break;
            default:
                s = "FilterPanel";
                break;
        }        
        return s;
    }
    
    function DisplayPanel(namePanel)
    {
        var nameClass = GetClass(namePanel);        
        DisplayPanelUsingClassName(namePanel, nameClass)
    }
    
    function DisplayPanelUsingClassName(namePanel, nameClass)
    {        
        var panelDetail = new Object();
        var panelLink = new Object();
        
        panelDetail = document.getElementById(namePanel);
        panelLink = document.getElementById(namePanel + "Link");
   
        if(panelDetail.style.display == "none")
        {
            ShowPanel(panelDetail, panelLink, nameClass)
        }
        else
        {
            HidePanel(panelDetail, panelLink, nameClass)
        }
    }
        
    function ShowPanelsOnLoad(panelList)
    {
        var ar = new Array();
        var thePanel = new Object();
        var panelLink = new Object();
        var nameClass = "";
        
        ar = panelList.split(",");
                        
        if(ar.length > 0)
        {        
            for(i = 0; i < ar.length; i++)
            {
               thePanel = document.getElementById(ar[i]);
               panelLink = document.getElementById(ar[i] + "Link");
               
                nameClass = GetClass(ar[i]);
                ShowPanel(thePanel, panelLink, nameClass);                   
            }        
        }
    }
    
    function HidePanel(panelDetail, panelLink, nameClass)
    {
        panelDetail.style.display = "none";
        panelLink.className = nameClass + "Show";                
    }
            
    function ShowPanel(panelDetail, panelLink, nameClass)
    {
        panelDetail.style.display = "inline";
        panelLink.className = nameClass + "Hide";          
    }