function ShowSection(id) {
        var TitlePanelEle = document.getElementById('Title' + id.toString());
        var ContentPanelEle = document.getElementById('Content' + id.toString());
        if (TitlePanelEle != null && ContentPanelEle != null) {
            if (ContentPanelEle.style.display == "block") {
                TitlePanelEle.style.backgroundImage = "url('../Images/callout/panel_open_icon_off.png')";
                ContentPanelEle.style.display = "none";
            }
            else {
                TitlePanelEle.style.backgroundImage = "url('../Images/callout/panel_close_icon_off.png')";
                ContentPanelEle.style.display = "block";
            }        
        }
    }
    
    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) {
        //alert(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";
            }
        }
    }