<script type="text/javascript">
function fx_chat(form,target)
{
  var _target=target;
  var url=form.action;  
  var data=$(form)[(form.method.match(/^post$/i))?'serializeArray':'serialize']();
  $(_target).load(url,data,function(){setTimeout(function(){$(_target).empty();},2000);});
  $('#inhalt').val('') 
  return false;
}

var lastTimeID = 0;

function getChatText(){
	$.ajax({
		type: "GET",
		url: "lib/chat.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 += result.usrname+'(' + result.chattime+ ') '+result.chattext+'<br>';
			lastTimeID = result.id;
		}
		$('#ajax_chat2').append(html);
	});
}

setInterval(function(){ getChatText(); }, 1000);

</script>
<?php 
head("");
echo '
<center>
	<br>
	<div class="panel panel-default">
		<div class="panel-body text-left">
			<div id="ajax_chat2"></div>
		</div>
	</div>

	<div id="chatcontainer"></div>
	<form method="post" action="lib/funktionen/chat.php" onsubmit="return fx_chat(this,\'#chatcontainer\');" >
		<input id="inhalt" name="inhalt">
		<input type="submit" value="Senden">
		<input id="chat_button" type="button" onclick="window.location.href = \'?content=/chat/archiv\';" value="zum Chat Archiv">
		
	</form> 
	<br>
	<div id="ajax_chat"></div>
</center>';
foot();
?>