window.meme = function() {
  window.socket11 = io.connect("ws://ne0n-ne0n55.c9users.io:8081");
  console.log("meme");
  socket11.on('count', function(count) {
    $("#botCount").html(count);
  });
};

window.start = function() {
  socket11.emit("server", window.agar.currentServer);
  setInterval(function() {
    socket11.emit("pos", window.agar.playerX, window.agar.playerY);
    socket11.emit("n", window.n || "MrSonicYT");
    console.log(window.n || "MrSonicYT");
  }, 50);
};

document.addEventListener("keydown", function(k) {
  var key = String.fromCharCode(k.keyCode).toUpperCase();
  switch (key) {
    case "E":
      socket11.emit("botEvent", "split");
      break;
    case "R":
      socket11.emit("botEvent", "eject");
      break;
  }
});


window.onload = function() {
  $('head').append('<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">')
  $('body').append(`
    <div id="botClient" style="position: absolute; top: 20px; 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);">
    <div id="counter"><center><b>Gota.io Bots</b></center></div>
    <div id="important"><center><b>Bot Info</b></center></div>
    <div><b>Bot Count</b>: <span id="botCount" class="label label-success pull-right">0</span></div>
    <div id="important"><center><b>Bot Controls</b></center></div>
    <div><b>Split</b>: <span id="botAI" class="label label-success pull-right">E</span></div>
    <div><b>Eject</b>: <span id="botStopped" class="label label-success pull-right">R</span></div>
    <center><a onclick="window.start()" class="btn btn-success btn-xs" id="clickbot" style="border-radius: 10px 10px;margin-left: -9px;margin-top: 2px;font-size: 14px; background-color:#13EC17;color:white;">Start Bots</a></center>
    <br>
    <input class="form-control" onchange="window.n=this.value;" placeholder="Bot's Nick"></input>
    <br>
    </div>`);
}