<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 <style>

 #changelog{
   cursor:pointer;
   color:skyblue;
   background-color:#4286f4;
 }

  img{
    display:none;
  }

  canvas{
    background:url("https://s29.postimg.org/x9f8txiuf/diepio.png");

  }

  #chat{
    position:absolute;
    display:inline-block;
    margin-top:-160px;
    width:500px;
    opacity:0.8;
    z-index:100000;
  }

  #chat-input{
    height:35px;
    margin-top:-15;
  }


 .form-control{

     -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
 }


  #scoreboard-content{
    background-color:rgba(210,210,210,0.7);
  position:absolute;
    display:inline;
    color:white;



  }

  #actual-leaders{
    font-size:20px;
  }


 h1{
     margin-top:5%;
     font-size:47px;

 }

</style>



<img id="bullet" width="220" height="277" src="https://s27.postimg.org/xu36qtqf7/Bullet_burned.png">
<center>
<div id="signDiv">
 <h1>Enter your name</h1>
 <input id="signDiv-username" type="text" maxlength="16"></input><br/><br/><br/>

 <h2>Choose your class</h2>
 <select id="choose-tank">
   <option value="Sniper">Sniper (more bullet range)</option>
   <option value="Unsniper">Unsniper (less bullet range)</option>
   <option value="MachineGun">Machine Gun (higher reload rate, less damage)</option>
   <option value="Destroyer">Destroyer (strong bullets, slower reload)</option>
   <option value="Speed">Speed (faster movement speed)</option>
   <option value="Weighted">Weighted (more health)</option>
   <option value="Borderless">Borderless (ignores borders)</option>
   <option value="Streamliner">Streamliner (super high reload rate)</option>
   <option value="Overlord">Overlord (IN DEVELOPMENT)</option>
   <option value="Invis">Invis</option>
 </select><br/><br/><br/>
  <button class="btn-lg btn-default" id="play">Play</button><br><br>
  <iframe src="https://discordapp.com/widget?id=261614766227718146&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
  <hr>
  <div style='font:monospaced;'><h3>Changelog</h3><br>December 26, 2016:<br>* Added classes!<br>  * Speed class with higher speed<br>  * Machine Gun class with higher reload<br>  * Sniper class with longer lasting bullets<br>  * Unsniper class with shorter lasting bullets<br>* Dev name color<br>  * The devs now have a different color<br>* Added \/u\/haykam821<br>  * Is Dev-type and Normal-type<br>  * 100% IVs</div>
<hr>
</center>
</div>

<div id="gameDiv" style="display:none;">

<div id="changelog">Changelog</div>
<div id="scoreboard-content" style="width:200px;height:400px;border:1px solid black;text-align:center;"><h2>Leaderboard:</h2><div id="actual-leaders"></div></div>
<canvas id="ctx" width="500" height="500" style="border:1px solid #000000;"></canvas>
<div id="chat">

<div id="chat-text" style="width:500px;height:100px;overflow-y:scroll;border:1px solid black;background-color:lightgray;">
  <div>This is the beginning of the chat!</div>
</div><br>
<form id="chat-form">
<input id="chat-input" placeholder="Chat here..." type="text" style="width:500px;margin:0px auto;" maxlength="200"></input>
</form>
</div>
</div>





<script   src="https://code.jquery.com/jquery-3.1.1.js"   integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="   crossorigin="anonymous"></script>
<script src="https://cdn.socket.io/socket.io-1.4.5.js"></script>
<script src='https://cdn.rawgit.com/showdownjs/showdown/1.5.4/dist/showdown.min.js'></script>
<script>

function calculateBarrelX(angle){
    var  x_location = Math.cos(angle/180*Math.PI) * 15;
    return x_location;
}

function calculateBarrelY(angle){
      var y_location = Math.sin(angle/180*Math.PI) * 15;
      return y_location;
}


  var width = window.innerWidth;
  var height = window.innerHeight;
  var socket = io();

  //sigin


  var chooseTank = document.getElementById('choose-tank');
  var gameDiv = document.getElementById('gameDiv');
  var signDiv = document.getElementById('signDiv');
  var signDivUsername = document.getElementById('signDiv-username');
  var play = document.getElementById('play');


  play.onclick = function(){
    var tank_choice = chooseTank.options[chooseTank.selectedIndex].value;
  if(signDivUsername.value != ''){
    $.getJSON('//api.ipify.org?format=jsonp&callback=?', function(data) {
  var ip = JSON.stringify(data.ip, null, 2);
    socket.emit('signIn',{name:signDivUsername.value,address:ip,tank:tank_choice});
    });
    /*global localStorage*/
    localStorage.username = localStorage.username == undefined ? "" : document.getElementById("signDiv-username").value;
  } else{
    alert('Please enter a name.');
  }
  }

  window.onload=function(){
document.getElementById("signDiv-username").value = document.getElementById("signDiv-username").value == undefined ? "" : localStorage.username;
}



  socket.on('signInResponse',function(data){
      if(data.success){

        signDiv.style.display = 'none';
        gameDiv.style.display = 'inline-block';
      } else
        alert("Unable to join. Please try again later.");


  });

    socket.on('signUpResponse',function(data){
      if(data.success){
        alert("Sign up successful!");
      } else
        alert("Sign up unsuccessful!");

    });


    socket.on('')

    //chat


  var chatText = document.getElementById('chat-text');
  var chatInput = document.getElementById('chat-input');
  var chatForm = document.getElementById('chat-form');
    socket.on('addToChat',function(data){
      console.log('TEXT RECEIVED');
    if (data.dev){
      chatText.innerHTML += '<div style="color:#EF5058;">' + data.text + '</div>';
    }else{
      chatText.innerHTML += '<div>' + data.text + '</div>';
    }
    chatText.scrollTop = chatText.scrollHeight;

  });

  var converter = new showdown.Converter();
    chatForm.onsubmit = function(e){
      e.preventDefault();
      socket.emit('sendMsgToServer',{

        words:chatInput.value,
        name:signDivUsername.value,

      }
        );
      chatInput.value = '';

    }




  //game

    var scoreboard_content = document.getElementById('scoreboard-content');
    scoreboard_content.style.left = width-200;
    var actual_leaders = document.getElementById('actual-leaders');
    var sorted = [];
    var changed_indexes = [];
    var original_indexes = [];
    var points = [];
    var nicknames = [];
    var scoreboard_list = {};
    var selfId = null;

     var Img = {};
     Img.bullet = new Image();
     Img.bullet.src = "https://s27.postimg.org/xu36qtqf7/Bullet_burned.png";
     Img.player = new Image();
     Img.player.src = "https://s24.postimg.org/rqvuzulzp/Smasher_Perfect.png";

     var ctx = document.getElementById('ctx').getContext("2d");
     var canvas = document.getElementById('ctx');
     canvas.width = width;
     canvas.height = height;




//init


function radToDeg(deg){
  return deg * (Math.PI/180);
}
  var Player = function(initPack){
    var self = {};
    self.id = initPack.id;
    self.number = initPack.number;
    self.x = initPack.x;
    self.y = initPack.y;
    self.xm = initPack.xm;
    self.ym = initPack.ym;
    self.hp = initPack.hp,
    self.hpMax = initPack.hpMax,
    self.score = initPack.score,
    self.name = initPack.name,
    self.mouseAngle = initPack.mouseAngle;
    self.invisible = initPack.invisible;
    self.draw = function(){
      //console.log('mouse loc: ' + self.mouseAngle);
      //var x_loc = calculateBarrelX(self.mouseAngle);
      //var y_loc = calculateBarrelY(self.mouseAngle);
      //console.log(x_loc);
      //console.log(y_loc);
      ctx.fillStyle = 'black';
      var hpWidth = 30 * self.hp/self.hpMax;
      ctx.font = '30px Ubuntu';
      //ctx.save();
      //ctx.rotate(self.mouseAngle);
      if (!self.invisible){
      //ctx.drawImage(Img.player,self.x,self.y,55,55);
      var basicTankBarrelSetup = [{barrelType:0,width:20,length:48,angle:0,offsetX:0}];
      drawTank(self.x,self.y,0,"#00b2e1",basicTankBarrelSetup,0);


      function drawTank(x,y,angle,radius,color,barrels,bodyType) {
	ctx.save();
	ctx.translate(x,y);
	ctx.rotate(radToDeg(angle));
	ctx.scale(radius/48,radius/48);
	ctx.lineJoin = "round";
	ctx.strokeStyle = "#555555";
	ctx.fillStyle = "#999999";
	ctx.lineWidth = 4/(radius/48);
	for (i = 0; i < barrels.length; i++) {
		if (barrels[i].barrelType == 0) {
			ctx.save();
			ctx.rotate(radToDeg(barrels[i].angle));
			ctx.fillRect(0,(48-barrels[i].width)-48+barrels[i].offsetX,barrels[i].length*2,barrels[i].width*2);
			ctx.strokeRect(0,(48-barrels[i].width)-48+barrels[i].offsetX,barrels[i].length*2,barrels[i].width*2);
			ctx.restore();
		};

		if (barrels[i].barrelType == 1) {
			ctx.save();
			ctx.rotate(radToDeg(barrels[i].angle));
			ctx.beginPath();
			ctx.moveTo(0,((-1*barrels[i].width)/2)+barrels[i].offsetX);
			ctx.lineTo(barrels[i].length*2,((-1*barrels[i].width*2)/2)+barrels[i].offsetX);
			ctx.lineTo(barrels[i].length*2,((barrels[i].width*2)/2)+barrels[i].offsetX);
			ctx.lineTo(0,((barrels[i].width)/2)+barrels[i].offsetX);
			ctx.lineTo(0,((-1*barrels[i].width)/2)+barrels[i].offsetX);
			ctx.fill();
			ctx.stroke();
			ctx.closePath();
			ctx.restore();
		};
	};
	ctx.rotate(0);
	ctx.lineWidth = 4/(radius/48);

	if (bodyType == 0) {
		ctx.beginPath();
		ctx.arc(48-48,48-48,48,0,2*Math.PI);
		ctx.fillStyle = color;
		ctx.fill();
		ctx.stroke();
		ctx.closePath();
		ctx.fillStyle = "#000000";
	};
	if (bodyType == 1) {
		ctx.fillStyle = color;

		ctx.fillRect(-1*radius*2,-1*radius*2,radius*4,radius*4);
		ctx.strokeRect(-1*radius*2,-1*radius*2,radius*4,radius*4);
	};

	ctx.restore();
};













      //ctx.restore();
      //ctx.fillStyle = 'gray';
     // ctx.fillRect(self.x+x_loc+27.5/2,self.y+y_loc+27.5,30,4);
      ctx.fillStyle = 'red';
      ctx.fillRect(self.x+12.5,self.y+58,30,4);
      ctx.fillStyle = 'green';
      ctx.fillRect(self.x+12.5,self.y+58,hpWidth,4);
      ctx.font = '20px Ubuntu';
      ctx.fillStyle='darkgray'
      ctx.fillText(self.name,self.x+(self.name.length*1.1),self.y-10);
      ctx.font = '30px Ubuntu';
      };

    }

    Player.list[self.id] = self;
    return self;
  }
  var angle = 0;
     $(document).mousemove(function(e){
    if(!selfId)
      return;



    var boxCenter= [Player.list[selfId].x+30/2, Player.list[selfId].y+30/2];

	  angle = Math.atan2(e.pageX- boxCenter[0],- (e.pageY- boxCenter[1]) )*(180/Math.PI);
	  angle = angle - 90;
    socket.emit('keyPress',{inputId:'mouseAngle',state:angle});

   });

  Player.list = {};


  var Bullet = function(initPack){
    var self = {};
    self.id = initPack.id;
    self.x = initPack.x;
    self.y = initPack.y;
    self.parent_tank = initPack.parent_tank;
    console.log(self.parent_tank);
    self.draw = function(){
      if(self.parent_tank == 'Destroyer'){
      ctx.drawImage(Img.bullet,self.x-5,self.y-5,40,40);
      } else if (self.parent_tank == 'Streamliner') {
        ctx.drawImage(Img.bullet,self.x-5,self.y-5,15,15);

      }else {
        ctx.drawImage(Img.bullet,self.x-5,self.y-5,20,20);
      }
    }
    Bullet.list[self.id] = self;
    return self;
  }

  Bullet.list = {};



  socket.on('init', function(data){
    if(data.selfId){
      selfId = data.selfId;
    }


    for (var i = 0; i < data.player.length; i++){
      new Player(data.player[i]);
    }

    for (var i = 0; i < data.bullet.length; i++){
      new Bullet(data.bullet[i]);
    }



  });

  //kill notifs.

  socket.on('test',function(data){
    if (data.killed.id == data.id){
    alert(`You killed ${data.killed.name}!`);
    };
    //ctx.fillStyle = 'white';
    //ctx.fillText('You killed ' + data.killed.name,document.getElementById('ctx').width/2,30);
  });

  //update
  socket.on('update',function(data){
        points = [];
        nicknames = [];
    for (var i = 0; i < data.player.length; i++){
      var player_id = data.player[i].id;
      player_id = Number(String(player_id).replace('0.',''));
      points.push(data.player[i].score + '.' + player_id);
      scoreboard_list[player_id] = data.player[i].name;


      var pack = data.player[i];
      var p = Player.list[pack.id]
      if(p){
       // if (pack.mouseAngle !== undefined)
         // p.mouseAngle = pack.mouseAngle;
        if (pack.x !== undefined)
          p.x = pack.x;
        if (pack.y !== undefined)
          p.y = pack.y;
        if (pack.hp !== undefined)
          p.hp = pack.hp;
        if (pack.score !== undefined)
          p.score = pack.score;
      }
    }
    for (var i = 0; i < data.bullet.length; i++){
      var pack = data.bullet[i];
      var b = Bullet.list[data.bullet[i].id];
      if(b){
        if (pack.x !== undefined)
          b.x = pack.x;
        if (pack.y !== undefined)
          b.y = pack.y;
      }
    }

  var to_show;
  if(sorted.length>3){
    to_show = 3;
  } else{
    to_show = sorted.length;
  }

  sorted = points.sort(function(a,b){return b-a});
  var to_add_to_scoreboard = '';
  for (var i = 0; i<to_show; i++){
    var current_score = sorted[i];
    var current_score_string = String(current_score);
    var split = current_score_string.split('.');
    var score_current = split[0];
    var name_current = scoreboard_list[Number(split[1])];
    to_add_to_scoreboard += name_current + ' - ' + score_current + '<br/><br/><br/><br/>';


  }


  actual_leaders.innerHTML = to_add_to_scoreboard;


  });

  //remove

  socket.on('remove',function(data){
    for (var i=0;i<data.player.length;i++){
      delete Player.list[data.player[i]];
    }

    for (var i=0;i<data.bullet.length;i++){
      delete Bullet.list[data.bullet[i]];
    }

  });

  //drawing

  setInterval(function(){
    if(!selfId)
        return;
    ctx.clearRect(0,0,width,height);
    drawScore();
    for (var i in Player.list){
      Player.list[i].draw();
    }
    for (var i in Bullet.list){
      Bullet.list[i].draw();
    }
  },5);



  var drawScore = function(){
    if (Player.list[selfId].score > 0){
    ctx.fillStyle = 'white';
    ctx.fillText('Kills: ' + Player.list[selfId].score,0,30);

    }
  }

  var drawScoreboard = function(){
    ctx.fillStyle = 'white';
    ctx.fillText('Scoreboard:',width-200,50);
  }


    document.onkeydown = function(event){

      if(event.keyCode == 68) //d
        socket.emit('keyPress',{inputId:'right',state:true});
      else if(event.keyCode == 83) //s
        socket.emit('keyPress',{inputId:'down',state:true});
      else if(event.keyCode == 65) //a
        socket.emit('keyPress',{inputId:'left',state:true});
      else if(event.keyCode == 87) //w
        socket.emit('keyPress',{inputId:'up',state:true});
    }

    document.onkeyup = function(event){

      if(event.keyCode == 68) //d
        socket.emit('keyPress',{inputId:'right',state:false});
      else if(event.keyCode == 83) //s
        socket.emit('keyPress',{inputId:'down',state:false});
      else if(event.keyCode == 65) //a
        socket.emit('keyPress',{inputId:'left',state:false});
      else if(event.keyCode == 87) //w
        socket.emit('keyPress',{inputId:'up',state:false});
    }








    document.onmousedown = function(event){
      socket.emit('keyPress',{inputId:'attack', state:true});
    }


    document.onmouseup = function(event){
      socket.emit('keyPress',{inputId:'attack', state:false});
    }






</script>

<script
  src="https://code.jquery.com/jquery-3.1.1.js"
  integrity="sha256-16cdPddA6VdVInumRGo6IbivbERE8p7CQR3HzTBuELA="
  crossorigin="anonymous"></script>

  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">


 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>







<script>/**
 * bootbox.js v4.4.0
 *
 * http://bootboxjs.com/license.txt
 */
!function(a,b){"use strict";"function"==typeof define&&define.amd?define(["jquery"],b):"object"==typeof exports?module.exports=b(require("jquery")):a.bootbox=b(a.jQuery)}(this,function a(b,c){"use strict";function d(a){var b=q[o.locale];return b?b[a]:q.en[a]}function e(a,c,d){a.stopPropagation(),a.preventDefault();var e=b.isFunction(d)&&d.call(c,a)===!1;e||c.modal("hide")}function f(a){var b,c=0;for(b in a)c++;return c}function g(a,c){var d=0;b.each(a,function(a,b){c(a,b,d++)})}function h(a){var c,d;if("object"!=typeof a)throw new Error("Please supply an object of options");if(!a.message)throw new Error("Please specify a message");return a=b.extend({},o,a),a.buttons||(a.buttons={}),c=a.buttons,d=f(c),g(c,function(a,e,f){if(b.isFunction(e)&&(e=c[a]={callback:e}),"object"!==b.type(e))throw new Error("button with key "+a+" must be an object");e.label||(e.label=a),e.className||(e.className=2>=d&&f===d-1?"btn-primary":"btn-default")}),a}function i(a,b){var c=a.length,d={};if(1>c||c>2)throw new Error("Invalid argument length");return 2===c||"string"==typeof a[0]?(d[b[0]]=a[0],d[b[1]]=a[1]):d=a[0],d}function j(a,c,d){return b.extend(!0,{},a,i(c,d))}function k(a,b,c,d){var e={className:"bootbox-"+a,buttons:l.apply(null,b)};return m(j(e,d,c),b)}function l(){for(var a={},b=0,c=arguments.length;c>b;b++){var e=arguments[b],f=e.toLowerCase(),g=e.toUpperCase();a[f]={label:d(g)}}return a}function m(a,b){var d={};return g(b,function(a,b){d[b]=!0}),g(a.buttons,function(a){if(d[a]===c)throw new Error("button key "+a+" is not allowed (options are "+b.join("\n")+")")}),a}var n={dialog:"<div class='bootbox modal' tabindex='-1' role='dialog'><div class='modal-dialog'><div class='modal-content'><div class='modal-body'><div class='bootbox-body'></div></div></div></div></div>",header:"<div class='modal-header'><h4 class='modal-title'></h4></div>",footer:"<div class='modal-footer'></div>",closeButton:"<button type='button' class='bootbox-close-button close' data-dismiss='modal' aria-hidden='true'>&times;</button>",form:"<form class='bootbox-form'></form>",inputs:{text:"<input class='bootbox-input bootbox-input-text form-control' autocomplete=off type=text />",textarea:"<textarea class='bootbox-input bootbox-input-textarea form-control'></textarea>",email:"<input class='bootbox-input bootbox-input-email form-control' autocomplete='off' type='email' />",select:"<select class='bootbox-input bootbox-input-select form-control'></select>",checkbox:"<div class='checkbox'><label><input class='bootbox-input bootbox-input-checkbox' type='checkbox' /></label></div>",date:"<input class='bootbox-input bootbox-input-date form-control' autocomplete=off type='date' />",time:"<input class='bootbox-input bootbox-input-time form-control' autocomplete=off type='time' />",number:"<input class='bootbox-input bootbox-input-number form-control' autocomplete=off type='number' />",password:"<input class='bootbox-input bootbox-input-password form-control' autocomplete='off' type='password' />"}},o={locale:"en",backdrop:"static",animate:!0,className:null,closeButton:!0,show:!0,container:"body"},p={};p.alert=function(){var a;if(a=k("alert",["ok"],["message","callback"],arguments),a.callback&&!b.isFunction(a.callback))throw new Error("alert requires callback property to be a function when provided");return a.buttons.ok.callback=a.onEscape=function(){return b.isFunction(a.callback)?a.callback.call(this):!0},p.dialog(a)},p.confirm=function(){var a;if(a=k("confirm",["cancel","confirm"],["message","callback"],arguments),a.buttons.cancel.callback=a.onEscape=function(){return a.callback.call(this,!1)},a.buttons.confirm.callback=function(){return a.callback.call(this,!0)},!b.isFunction(a.callback))throw new Error("confirm requires a callback");return p.dialog(a)},p.prompt=function(){var a,d,e,f,h,i,k;if(f=b(n.form),d={className:"bootbox-prompt",buttons:l("cancel","confirm"),value:"",inputType:"text"},a=m(j(d,arguments,["title","callback"]),["cancel","confirm"]),i=a.show===c?!0:a.show,a.message=f,a.buttons.cancel.callback=a.onEscape=function(){return a.callback.call(this,null)},a.buttons.confirm.callback=function(){var c;switch(a.inputType){case"text":case"textarea":case"email":case"select":case"date":case"time":case"number":case"password":c=h.val();break;case"checkbox":var d=h.find("input:checked");c=[],g(d,function(a,d){c.push(b(d).val())})}return a.callback.call(this,c)},a.show=!1,!a.title)throw new Error("prompt requires a title");if(!b.isFunction(a.callback))throw new Error("prompt requires a callback");if(!n.inputs[a.inputType])throw new Error("invalid prompt type");switch(h=b(n.inputs[a.inputType]),a.inputType){case"text":case"textarea":case"email":case"date":case"time":case"number":case"password":h.val(a.value);break;case"select":var o={};if(k=a.inputOptions||[],!b.isArray(k))throw new Error("Please pass an array of input options");if(!k.length)throw new Error("prompt with select requires options");g(k,function(a,d){var e=h;if(d.value===c||d.text===c)throw new Error("given options in wrong format");d.group&&(o[d.group]||(o[d.group]=b("<optgroup/>").attr("label",d.group)),e=o[d.group]),e.append("<option value='"+d.value+"'>"+d.text+"</option>")}),g(o,function(a,b){h.append(b)}),h.val(a.value);break;case"checkbox":var q=b.isArray(a.value)?a.value:[a.value];if(k=a.inputOptions||[],!k.length)throw new Error("prompt with checkbox requires options");if(!k[0].value||!k[0].text)throw new Error("given options in wrong format");h=b("<div/>"),g(k,function(c,d){var e=b(n.inputs[a.inputType]);e.find("input").attr("value",d.value),e.find("label").append(d.text),g(q,function(a,b){b===d.value&&e.find("input").prop("checked",!0)}),h.append(e)})}return a.placeholder&&h.attr("placeholder",a.placeholder),a.pattern&&h.attr("pattern",a.pattern),a.maxlength&&h.attr("maxlength",a.maxlength),f.append(h),f.on("submit",function(a){a.preventDefault(),a.stopPropagation(),e.find(".btn-primary").click()}),e=p.dialog(a),e.off("shown.bs.modal"),e.on("shown.bs.modal",function(){h.focus()}),i===!0&&e.modal("show"),e},p.dialog=function(a){a=h(a);var d=b(n.dialog),f=d.find(".modal-dialog"),i=d.find(".modal-body"),j=a.buttons,k="",l={onEscape:a.onEscape};if(b.fn.modal===c)throw new Error("$.fn.modal is not defined; please double check you have included the Bootstrap JavaScript library. See http://getbootstrap.com/javascript/ for more details.");if(g(j,function(a,b){k+="<button data-bb-handler='"+a+"' type='button' class='btn "+b.className+"'>"+b.label+"</button>",l[a]=b.callback}),i.find(".bootbox-body").html(a.message),a.animate===!0&&d.addClass("fade"),a.className&&d.addClass(a.className),"large"===a.size?f.addClass("modal-lg"):"small"===a.size&&f.addClass("modal-sm"),a.title&&i.before(n.header),a.closeButton){var m=b(n.closeButton);a.title?d.find(".modal-header").prepend(m):m.css("margin-top","-10px").prependTo(i)}return a.title&&d.find(".modal-title").html(a.title),k.length&&(i.after(n.footer),d.find(".modal-footer").html(k)),d.on("hidden.bs.modal",function(a){a.target===this&&d.remove()}),d.on("shown.bs.modal",function(){d.find(".btn-primary:first").focus()}),"static"!==a.backdrop&&d.on("click.dismiss.bs.modal",function(a){d.children(".modal-backdrop").length&&(a.currentTarget=d.children(".modal-backdrop").get(0)),a.target===a.currentTarget&&d.trigger("escape.close.bb")}),d.on("escape.close.bb",function(a){l.onEscape&&e(a,d,l.onEscape)}),d.on("click",".modal-footer button",function(a){var c=b(this).data("bb-handler");e(a,d,l[c])}),d.on("click",".bootbox-close-button",function(a){e(a,d,l.onEscape)}),d.on("keyup",function(a){27===a.which&&d.trigger("escape.close.bb")}),b(a.container).append(d),d.modal({backdrop:a.backdrop?"static":!1,keyboard:!1,show:!1}),a.show&&d.modal("show"),d},p.setDefaults=function(){var a={};2===arguments.length?a[arguments[0]]=arguments[1]:a=arguments[0],b.extend(o,a)},p.hideAll=function(){return b(".bootbox").modal("hide"),p};var q={bg_BG:{OK:"Ок",CANCEL:"Отказ",CONFIRM:"Потвърждавам"},br:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Sim"},cs:{OK:"OK",CANCEL:"Zrušit",CONFIRM:"Potvrdit"},da:{OK:"OK",CANCEL:"Annuller",CONFIRM:"Accepter"},de:{OK:"OK",CANCEL:"Abbrechen",CONFIRM:"Akzeptieren"},el:{OK:"Εντάξει",CANCEL:"Ακύρωση",CONFIRM:"Επιβεβαίωση"},en:{OK:"OK",CANCEL:"Cancel",CONFIRM:"OK"},es:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Aceptar"},et:{OK:"OK",CANCEL:"Katkesta",CONFIRM:"OK"},fa:{OK:"قبول",CANCEL:"لغو",CONFIRM:"تایید"},fi:{OK:"OK",CANCEL:"Peruuta",CONFIRM:"OK"},fr:{OK:"OK",CANCEL:"Annuler",CONFIRM:"D'accord"},he:{OK:"אישור",CANCEL:"ביטול",CONFIRM:"אישור"},hu:{OK:"OK",CANCEL:"Mégsem",CONFIRM:"Megerősít"},hr:{OK:"OK",CANCEL:"Odustani",CONFIRM:"Potvrdi"},id:{OK:"OK",CANCEL:"Batal",CONFIRM:"OK"},it:{OK:"OK",CANCEL:"Annulla",CONFIRM:"Conferma"},ja:{OK:"OK",CANCEL:"キャンセル",CONFIRM:"確認"},lt:{OK:"Gerai",CANCEL:"Atšaukti",CONFIRM:"Patvirtinti"},lv:{OK:"Labi",CANCEL:"Atcelt",CONFIRM:"Apstiprināt"},nl:{OK:"OK",CANCEL:"Annuleren",CONFIRM:"Accepteren"},no:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},pl:{OK:"OK",CANCEL:"Anuluj",CONFIRM:"Potwierdź"},pt:{OK:"OK",CANCEL:"Cancelar",CONFIRM:"Confirmar"},ru:{OK:"OK",CANCEL:"Отмена",CONFIRM:"Применить"},sq:{OK:"OK",CANCEL:"Anulo",CONFIRM:"Prano"},sv:{OK:"OK",CANCEL:"Avbryt",CONFIRM:"OK"},th:{OK:"ตกลง",CANCEL:"ยกเลิก",CONFIRM:"ยืนยัน"},tr:{OK:"Tamam",CANCEL:"İptal",CONFIRM:"Onayla"},zh_CN:{OK:"OK",CANCEL:"取消",CONFIRM:"确认"},zh_TW:{OK:"OK",CANCEL:"取消",CONFIRM:"確認"}};return p.addLocale=function(a,c){return b.each(["OK","CANCEL","CONFIRM"],function(a,b){if(!c[b])throw new Error("Please supply a translation for '"+b+"'")}),q[a]={OK:c.OK,CANCEL:c.CANCEL,CONFIRM:c.CONFIRM},p},p.removeLocale=function(a){return delete q[a],p},p.setLocale=function(a){return p.setDefaults("locale",a)},p.init=function(c){return a(c||b)},p});
</script>

 <script>

$('#changelog').click(function(){

    bootbox.alert({
    message:"<center><b>Changelog</b></center><ul style='font-family:monospaced;white-space:initial;'> <li>December 26, 2016: <ul> <li>Added classes!</li> <ul> <li>Speed class with higher speed</li> <li>Machine Gun class with higher reload</li> <li>Sniper class with longer lasting bullets</li> <li>Unsniper class with shorter lasting bullets</li> </ul> <li>Dev name color</li> <ul> <li>The devs now have a different color (red)</li> </ul> <li>Added \/u\/haykam821</li> <ul> <li>Is Dev-type and Normal-type</li> <li>100% IVs</li> </ul> </ul></ul>",
    backdrop:true
    });
});


</script>