// globals    
var displayStates = [];

function ShowDiv(div)
{    
    div.style.height     = "";
    div.style.display    = "inline";
    div.style.visibility = "visible";
}

function HideDiv(div)
{
    div.style.height     = "0px";
    div.style.display    = "none";      
    div.style.visibility = "hidden";
}

function ToggleDiv(div, defaultState)
{
    // set default on first use
    if (displayStates[div] == undefined)
        displayStates[div] = defaultState;

    // toggle state
    displayStates[div] = !displayStates[div];       
    
    // hide / show
    if (displayStates[div])
        ShowDiv(div);
    else
        HideDiv(div);

    displayStates[div];
}
    
function ToggleDivName(divname, defaultState)
{
    ToggleDiv(document.getElementById(divname), defaultState);
}