var lastTimeID = 1;

$(document).ready(function() {

  $('#btnSendMsg').click( function() {
	 
    sendChatText();
    $('#txtMessage').val("");
  });
  startChat();
});

function startChat(){
  setInterval( function() { getChatText(); }, 2000);
  lastTimeID=0;
}

function getChatText() {
  $.ajax({
    type: "GET",
    url: "refresh.php?lastTimeID=" + lastTimeID
  }).done( function( data )
  {
    var jsonData = JSON.parse(data);
    var jsonLength = jsonData.results.length;
    var html = "";
    for (var i = 0; i < jsonLength; i++) {
      var result = jsonData.results[i];
      html += '<div style="color:#' + result.color + '">(' + result.chattime + ') <b>' + result.usrname +'</b>: ' + result.chattext + '</div>';
      lastTimeID = result.id;
    }
    $('#view_ajax').append(html);
  });
}

function sendChatText(){
  var chatInput =  $('#txtMessage').val();
  if(chatInput != ""){
	 
    $.ajax({
      type: "GET",
      url: "submit.php?chattext=" + encodeURIComponent( chatInput )
    });
  }
}