function ShowSection(TitlePanel, ContentPanel) {
        if (ContentPanel.style.display == "block") {
            ContentPanel.style.display = "none";
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_open_icon_off.png')";
        }
        else {
            ContentPanel.style.display = "block";
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_close_icon_off.png')";
        }
    }
    
    function SetCalloutOn(TitlePanel, ContentPanel) {
        if (ContentPanel.style.display == "block") {
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_close_icon_on.png')";
        }
        else {
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_open_icon_on.png')";
        }
    }
    
    function SetCalloutOff(TitlePanel, ContentPanel) {
        if (ContentPanel.style.display == "block") {
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_close_icon_off.png')";
        }
        else {
            TitlePanel.style.backgroundImage = "url('Images/callout/panel_open_icon_off.png')";
        }
    }
    
    // Show or Hide Edit areas.
    function ShowEdit(id, showFlag) {
        var viewPanelEle = document.getElementById('rowData_' + id.toString());
        var editPanelEle = document.getElementById('rowEdit_' + id.toString());
        if (editPanelEle != null && viewPanelEle != null) {
            if (showFlag) {
                editPanelEle.style.display = "block";
                viewPanelEle.style.display = "none";
            }
            else {
                editPanelEle.style.display = "none";
                viewPanelEle.style.display = "block";
            }
        }
    }
    
    // Show or Hide Add areas.
    function ShowAdd(showFlag) {
        var viewPanelEle = document.getElementById('pnlAddButton');
        var editPanelEle = document.getElementById('pnlAddInfo');
        if (editPanelEle != null && viewPanelEle != null) {
            if (showFlag) {
                editPanelEle.style.display = "block";
                viewPanelEle.style.display = "none";
            }
            else {
                editPanelEle.style.display = "none";
                viewPanelEle.style.display = "block";
            }
        }
    }
    
    
    function HideValidationSummary() { 
        if (typeof(Page_ValidationSummaries)!= "undefined"){ //hide the validation summaries
            for (sums = 0; sums < Page_ValidationSummaries.length; sums++) {
                summary = Page_ValidationSummaries[sums];
                summary.style.display = "none";
            }
        }
    }