function load() {
    if (!loadPaused) {
        console.log('load paused');
        return;
    }

    var xhr = new XMLHttpRequest();
    xhr.responseType = "json";
    xhr.open("GET", chatx_server + 'load.php');
    xhr.withCredentials = true;

    xhr.onload = function() {
        if (xhr.status !== 200) {
            return;
        }

        var wrapper = document.querySelector(".simplebar-content-wrapper");
        var ul = document.querySelector('chx_ul.shoutbox-content');

        if (!secondLoad) {
            appendComments(xhr.response);
            scrollBottom();
        } else if ((wrapper.scrollHeight - wrapper.scrollTop - 20) <= wrapper.clientHeight && mouseDown !== 1 && !document.querySelector(".shoutbox-comment-ago:hover")) {
            if (ulHist.children.length > 0) {
                ulHist.innerHTML = "";
                document.querySelector('.chx-history chx_i').style.display = "block";
                document.querySelector('.chx-history chx_div').style.display = "none";
            }
            appendComments(xhr.response);
            scrollBottom();
        }

        secondLoad = true;
        notification();
        highlightMyMsg();
    };

    xhr.send();
}

const shoutboxForm = document.querySelector('.shoutbox-form');
const form = shoutboxForm.querySelector('form');
const nameElement = form.querySelector('#shoutbox-name');
const commentElement = form.querySelector('#shoutbox-comment');

form.addEventListener("submit", function(e) {
    e.preventDefault();

    if (!canPostComment) return;

    let name = sessionName === '' ? nameElement.value.trim() : sessionName;
    let comment = commentElement.value.trim();

    if (name.length && comment.length && comment.length <= m_c) {

        publish(name, comment);

        // Prevent new shouts from being published
        canPostComment = false;

        // Allow a new comment to be posted after 0.5 seconds
        setTimeout(function() {
            canPostComment = true;
        }, 500);

    }
});