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

// enable and disable 2 elements.
function ElementSwap(eleEnableId, eleDisableId) {
    var eableEle = document.getElementById(eleEnableId.toString());
    var disableEle = document.getElementById(eleDisableId.toString());
    if (eableEle != null && disableEle != null) {
        eableEle.disabled = false;
        eableEle.style.backgroundColor = '#ffffff';
        disableEle.disabled = true;
        //disableEle.value = '';
        disableEle.style.backgroundColor = '#f5f5f5';
    }
}

// show and hide 2 panels.
function PanelSwap(showPanelId, hidePanelId) {
    var showPanelEle = document.getElementById(showPanelId.toString());
    var hidePanelEle = document.getElementById(hidePanelId.toString());
    if (showPanelEle != null && hidePanelEle != null) {
        HideValidationSummary();
        showPanelEle.style.display = "block";
        hidePanelEle.style.display = "none";
    }
}

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