$(window).load(function() {
        var socket = io.connect('ws://66.85.74.146:6010');
        window.socket = socket;

        function start() {
                if (CONNECTION_URL) {
                        socket.emit('server', CONNECTION_URL);
                } else {;
                }
        }
        update();

        function update() {
                socket.emit('pos', {
                        x: window.x,
                        y: window.y
                });
                setTimeout(update, 200);
        }
        var client = document.createElement("div");
        client.id = "botClient";
        client.style.cssText =
                "position: absolute; top: 10px; left: 10px; padding: 0px 8px; font-family: Tahoma; color: rgb(255, 255, 255); z-index: 9999; border-radius: 5px; min-height: 15px; min-width: 200px; background-color: rgba(0, 0, 0, 0.6);";
        client.innerHTML =
                '<div id="counter"><center><b>Slitherbot.xyz</b></center></div>' +
                '<br>' +
                '<b>Bots</b>: <span id="botsAmount" class="label label-default pull-right">[<b>counter coming soon</b>]</span>' +
                '<br>' + '<div id="hotkeys"></div>' + '<br>' +
                '<span class="label label-info pull-left">S</span><b>-</b> Run Bots' +
                '<br>' +
                '<span class="label label-info pull-left">D</span><b>-</b> Stop Bots' +
                '<br>' +
                '<span class="label label-info pull-left">A</span><b>-</b> Split' +
                '<br>' +
                '<span class="label label-info pull-left">V</span><b>-</b> Eject' +
                '<br>';
        document.body.appendChild(client);
        document.addEventListener('keydown', function(e) {
                var a = e.keyCode || e.which;
                switch (a) {
                        case 65:
                                socket.emit('split');
                                break;
                        case 83:
                                start();
                                break;
                        case 68:
                                socket.emit('stop');
                                document.getElementById(
                                                'botsAmount').innerHTML =
                                        '<span id="botsAmount" class="label label-default pull-right"><b>Waiting...</b></span>';
                        case 86:
                                socket.emit('eject');
                }
        });

        function drawCount(a) {
                if (socket.connected) document.getElementById('botsAmount')
                        .innerHTML =
                        '<span id="botsAmount" class="label label-success pull-right">' +
                        a + '</span>';
        }
        socket.on('bc', function(a) {
                drawCount(a);
        });
});