codingneko / nerve

var amountOfMessages = 0;

$(document).ready(function() {

  $.ajaxSetup({ cache: false });

  getMessages();

  document.getElementById('messages').style.display = 'block';

  $("#messages-container-php").remove();

});

var shifted = false;

$(document).keydown(function (e) {

    if (e.keyCode == 16) {

        shifted = true;

    }

});

$(document).keyup(function (e) {

    if (e.keyCode == 16) {

        shifted = false;

    }

});

$(function() {

  $("form").keypress(function (e) {

    if(e.which === 13) {

      if(!shifted){

        $(".submit").click();

      }

    }

  });

});

window.setInterval(getMessages, 1000);

function getMessages(){

  $.getJSON('database.json', function(json) {

      if(json.messages.length > 0){

        for (var i = amountOfMessages; i < json.messages.length; i++) {

          if(json.messages[i].file == ""){

            document.getElementById("messages").innerHTML += "<div class='message'><div class='title' id='" + json.messages[i].id + "'><span class='name'>Anonymous</span> " + json.messages[i].date + " id. <a href='#" + json.messages[i].id + "'>" + json.messages[i].id + "</a></div><div class = 'message-inside'>" + json.messages[i].message + "</div></div><br />";

          }else{

            document.getElementById("messages").innerHTML += "<div class='message'><div class='title' id='" + json.messages[i].id + "'><span class='name'>Anonymous</span> " + json.messages[i].date + " id. <a href='#" + json.messages[i].id + "'>" + json.messages[i].id + "</a></div><div class = 'message-inside'>" +

            "<div><a href='images/" + json.messages[i].file + "'><img src = 'images/" + json.messages[i].file + "' class='message-image'/></a></div>" + json.messages[i].message + "</div></div><br />";

          }

          amountOfMessages = json.messages.length;

        }

      }else{

        document.getElementById('messages').innerHTML = "nigga this empty";

      }

  });

}

function auto_grow(element) {

    element.style.height = "30px";

    element.style.height = (element.scrollHeight + 10 )+"px";

    element.style.overflow = "hidden";

}