/*
$(document).ready(function(){
	$(".chatopen").click(function(){
		var refreshId = setInterval(function() {
		chat.update();
		}, 2000);
	});

});
*/


var instanse = false;
var state;
var mes;
if (window.chatfile === undefined) var file; else var file = chatfile;

function Chat () {
    this.update = updateChat;
    this.send = sendChat;
	this.getState = getStateOfChat;
}

function getStateOfChat(){
	if(!instanse){
		instanse = true;
		$.post("chatprocess.php", { 'function': "getState", file : file},function(data){
			state = data.state;
			if(state > 6) state= state - 5;
			instanse = false;
		}, "json");
	}	 
}

var testnum = 1

//Updates the chat
function updateChat(){
	if(!instanse){
		instanse = true;

		testnum = testnum+1;
		$('.testchat').html(testnum);


		$.post("chatprocess.php", { 'function': "update", state: state, file : file},function(data){
			if(data.text){
				for (var i = 0; i < data.text.length; i++) {
					//$('#chatarea').append($(data.text[i]));

					var array = data.text[i].split("|||");
					var icon = array[0];
					var name = array[1];
					var message = array[2];
					if(icon=="") icon = "<img src='image/memicon.gif' alt='' />"; else icon = "<img src='"+icon+"' alt='' />";
					$('#chatarea').append("<table class='chattable'><tr><th>"+icon+"</th><td><div class='chatname'><b>"+name+"</b></div>"+message+"</td></tr></table>");
					
				}								  
			}
			//$('#chatarea').append("....");
			if(s('chatarea').scrollTop > s('chatarea').scrollHeight - ($('#chatarea').height()+150)){
				s('chatarea').scrollTop = s('chatarea').scrollHeight;
			}
			instanse = false;
			state = data.state;
		}, "json");
	} else {
		setTimeout(updateChat, 3500);
	}
}


//send the message
function sendChat(message, nickname, logo){       
    updateChat();
	$.post("chatprocess.php", { 'function': "send", message : message, nickname : nickname, chatmemlogo : logo,file : file},function(data){
		updateChat();
	}, "json");
}



// kick off chat
var chat =  new Chat();
$(function(){
	chat.getState(); 

	// watch textarea for key presses
	$("#textarea").live("keydown",function(event) {  
		var key = event.which;  

		//all keys including return.  
		if (key >= 33) {
			var maxLength = $(this).attr("maxlength");  
			var length = this.value.length;  
                     
			// don't allow new content if length is maxed out
			if (length >= maxLength) {  
				event.preventDefault();  
			}  
		}  
    });

	$('#textarea').live("keyup",function(e) {	 
		if(e.keyCode == 13){
			var text = $("#textarea").val();
			var name = $(".chatnameshow").html();
			var chatmemlogo = $("#chatmemlogo").val();
			chat.send(text, name, chatmemlogo);	
			$("#textarea").val("");
		}
	});

});