function MoveablePanel_Toggle(divContent, divClose, divCustomise, liPanel, btnCustomise, lnkCustomiseClose)
{
    // if panel content height > 0 or panel content is hidden
    // expand panel
    if (parseInt($("#" + divContent).css("height")) <= 0 || $("#" + divContent).is(":hidden"))
        MoveablePanel_Expand(divContent, divClose, divCustomise, liPanel, btnCustomise, lnkCustomiseClose);
    else // collapse panel
    {
        // if customise panel is open then collapse it
        if (parseInt($("#" + divCustomise).css("height")) > 0 || !$("#" + divCustomise).is(":hidden"))
        {
            //$("#" + divCustomise).css("overflow", "hidden");
            //$("#" + divCustomise).animate({height: "0"}, "slow");
            $("#" + divCustomise).hide();
        }
        // collapse panel
        MoveablePanel_Collapse(divContent, divClose, liPanel);
    }
}

function MoveablePanel_Expand(divContent, divClose, divCustomise, liPanel, btnCustomise, lnkCustomiseClose)
{
    $("#" + divContent).show();
    $("#" + divClose).hide();
    
    // change panel to expanded
    document.getElementById(liPanel).className = 'panel';
    
    // show the customise button and hide the close button
    $("#" + btnCustomise).show();
    $("#" + lnkCustomiseClose).hide();
    
    // animation
    //var divHeight = eval(divContent + "_height") - eval(divCustomise + "_height");
    //$("#" + divContent).animate({height: divHeight.toString()}, "slow");
}

function MoveablePanel_Collapse(divContent, divClose, liPanel)
{
    $("#" + divContent).hide();
    $("#" + divClose).show();
    
    // change panel to closed
    document.getElementById(liPanel).className = 'panel panel-closed';
    
    // animation
    //$("#" + divContent).css("overflow", "hidden");
    //$("#" + divContent).animate({height: "0"}, "slow");
    //$("#<%= divPanel.ClientID %>").removeClass("panel");
    //$("#<%= divPanel.ClientID %>").addClass("panel panel-closed");
}

function MoveablePanel_Customise(divContent, divCustomise, lnkCustomiseClose, btnCustomise)
{
    // toggle the customise panel and the customise and close buttons
    $("#" + divCustomise).toggle();
    $("#" + lnkCustomiseClose).toggle();
    $("#" + btnCustomise).toggle();
    
    // animation
    //$("#" + divCustomise).animate({height: eval(divCustomise + "_height").toString()}, "slow");
    //$("#" + divContent).animate({height: eval(divContent + "_height").toString()}, "slow");
    //$("#" + divContent).css("overflow", "");
    //$("#" + divContent).show();
    //$("#<%= divPanel.ClientID %>").removeClass("panel");
    //$("#<%= divPanel.ClientID %>").removeClass("panel active-panel");
    //$("#<%= divPanel.ClientID %>").addClass("panel active-panel customise-panel");
    //$("#<%= btnCustomise.ClientID %>").hide();
}

function MoveablePanel_Highlight(id) 
{
    $("#" + id).removeClass("panel");
    $("#" + id).addClass("panel active-panel");
}

function MoveablePanel_Reset(id) 
{
    $("#" + id).removeClass("panel active-panel");
    $("#" + id).addClass("panel");
}