// JavaScript Document
$(document).ready(function(){

	// Called when the form is submitted
	$("form#chat_form").submit(function() {
		if($("#chat_message").val() != ""){
			$("#chat_loading_icon").show();
			$.ajax({
				type: "POST",
				url: "chat_inc/php/chat_functions.php",
				data: "chat_name="+$("#chat_name").val()+"&chat_message="+$("#chat_message").val(),
				success: function(return_text){
					get_chat();
				}
			});
			$("#chat_message").val("");
		}
		return false;
	});
	
	// Loads the latest chat, if required...
	get_chat = function(){
		$.ajax({
			type: "GET",
			url: "chat_inc/php/chat_functions.php",
			data: "update_time="+$("#update_time").val()+"&getchatrandvar="+Math.random(), //to avoid browser caching response
			success: function(return_text){
				var return_data = return_text.split("|");
				if(return_data[1].length > 0){
					$("#update_time").val(return_data[0]);
					$("#chat_box").html(return_data[1]).animate({ scrollTop: $("#chat_box").attr("scrollHeight") }, 1000);
					
					var datum = new Date(return_data[0] * 1000);
					
					$("#chat_timestamp").html("Chat last updated: "+datum.toLocaleString());
					$("#chat_loading_icon").hide();
				}
			}
		});				
	}
	
	var refresh_chat = setInterval("get_chat()", 5000); //load chat every 5 seconds
	$("#chat_box").attr({ scrollTop: $("#chat_box").attr("scrollHeight") }); //scroll to bottom of chat box
	$("#chat_loading_icon").hide();
	
	get_chat(); //Uncomment this line to call the chat loader the moment the page loads - alternatively use a php include function inside the chatbox div on the chat page
});