$(document).ready(function() {
    var socket;
    var logElement = document.getElementById('chatlog');
    var sendButton = document.getElementById('sendButton');
    var closeButton = document.getElementById('closeButton');

    function logMessage(message) {
        logElement.value += message + '\n';
    }

    function connect() {
        socket = new WebSocket("ws://webex.sdi.hevs.ch/chat");
        socket.onopen = function() {
            logMessage("Connected.");
            sendButton.removeAttribute("disabled");
            closeButton.textContent = "End";
        };
        socket.onmessage = function(msg) {
            logMessage(msg.data);
        };
        socket.onclose = function() {
            logMessage("Disconnected.");
            sendButton.setAttribute("disabled", "true");
            closeButton.textContent = "Reconnect";
        };
        socket.onerror = function() {
            logMessage("Error.");
        };

    }


    connect();

    document.getElementById("sendButton").onclick = function() {
        var msg = document.getElementById("msg").value;
        socket.send(msg);
        document.getElementById("msg").value = "";
    };
    document.getElementById("closeButton").onclick = function() {
        if (socket.readyState === WebSocket.OPEN) {
            socket.close();
        } else {
            connect();
        }
    };
});