﻿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";
        }
    }
}