window.onload = function () {
    var eventBus = new vertx.EventBus("http://localhost:8080/chat");
    var userName = document.querySelector("input[name=userName]");
    var password = document.querySelector("input[name=password]");
    var userListContainer = document.getElementById("userListContainer");
    var chatContainer = document.getElementById("chatContainer");
    var chatHistory = document.getElementById("chatHistory");
    var newChat = document.getElementById("newChat");
    var signInContainer = document.getElementById("signInContainer");

    eventBus.onopen = function () {
        eventBus.registerHandler("users/signedIn", function (message) {
            userListContainer.innerHTML += message.userName + " signed in<br/>";
        });
        document.getElementById("signIn").addEventListener("click", function (event) {
            eventBus.send("users/signIn", {
                userName: userName.value, password: password.value
            }, function (reply) {
                if (reply.status === 200) {
                    userName.disabled = true;
                    event.target.disabled = true;
                    chatContainer.classList.remove("hidden");
                    signInContainer.classList.add("hidden");


                    document.getElementById("sendChat").addEventListener("click", function () {
                        var text = newChat.value;
                        if (text.substring(0, 1) === ".") {
                            var args = text.split(' ');
                            eventBus.send("commands/perform", {
                                userName: userName.value,
                                command: args[0],
                                arg1: args[1]
                            });
                        }
                        eventBus.send("messages/post", {
                            userName: userName.value,
                            text: text
                        });
                        newChat.value = "";
                    }, false);

                    eventBus.registerHandler("messages/posted", function (message) {
                        chatHistory.innerHTML += message.userName + ": " + message.text + "<br/>";
                    });
                }
            });
        }, false);

    };
};