function ImageClick(hiddenFieldClientId, panelClientId, imageButtonOpenClientId, imageButtonCloseClientId) {
    try {
        var hiddenField = document.getElementById(hiddenFieldClientId);
        var panel = document.getElementById(panelClientId);
        var imageButtonOpen;
        var imageButtonClose;

        if (imageButtonOpenClientId != null) {
            imageButtonOpen = document.getElementById(imageButtonOpenClientId);
        }

        if (imageButtonCloseClientId != null) {
            imageButtonClose = document.getElementById(imageButtonCloseClientId)
        }

        if (hiddenField == null) {
            return false;
        }

        if (hiddenField.value == null || hiddenField.value == 1) {
            hiddenField.value = 0;
            if (panel != null) {
                panel.style.display = "none";
            }

            if (imageButtonClose != null) {
                imageButtonClose.style.display = "none";
            }
            if (imageButtonOpen != null) {
                imageButtonOpen.style.display = "block";
            }
        }
        else {
            hiddenField.value = 1;
            if (panel != null) {
                panel.style.display = "block";
            }

            if (imageButtonClose != null) {
                imageButtonClose.style.display = "block";
            }

            if (imageButtonOpen != null) {
                imageButtonOpen.style.display = "none";
            }
        }
        
        return false;
    }
    catch (e) {
        alert("An exception occurred in the script. Error name: " + e.name
                + ". Error message: " + e.message);
    }

}

function toggleIcon(expand, imageButtonCurrent) {
    if (expand) {
        image.src = "civileng/userFiles/image/NewDesign/close.png";
    } else {
        image.src = "civileng/userFiles/image/NewDesign/open.png";
    }
}