var timestamp = 0;
var limit;
var days;

$(document).ready(function(){
	timestamp = 0;
	limit = $('#limit').val();
	days = $('#days').val();
	
	updateMsg();
	$("form#chatform").submit(function(){
		if ($("#chat_message_message").val() == '') {
		  return false;
		};
		$.post("/chat/post?r="+ Math.random()*99999,{
					message: $("#chat_message_message").val(),
					team_id: $("#chat_message_team_id").val(),
					action: "postmsg",
					time: timestamp,
					random: Math.random()*99999
				}, function(xml) {
			$("#chat_message_message").empty();
			addMessages(xml);
		});
		$('form #chat_message_message').val('');
		return false;
	});
	
	$('#chat_message_message').keyup(function(e) {
  	if(e.keyCode == 13) {
  		if ($("#chat_message_message").val().trim() == '') {
  		  $("#chat_message_message").empty();
  		  $('form #chat_message_message').val('');
  		  return false;
  		} else {
  		  $('form#chatform').submit();
  		  return false;
		  }
  	}
  });
  
  $('#full-chat-mobile').click(function() {
    if ($(this).html() == 'Mobile Version')
    {
      $('#messagewindow').addClass('iphone');
      $('#full-chat-mobile').html('Standard Version');
    }
    else
    {
      $('#messagewindow').removeClass('iphone');
      $('#full-chat-mobile').html('Mobile Version');      
    }
  });
  
  
});

  function addMessages(xml) {
  	if($("status",xml).text() == "2") return;
  	timestamp = $("time",xml).text();
  	var date;
  	$("message",xml).each(function(id) {
  		message = $("message",xml).get(id);
  		date = $('#curdate').val();
  		curdate = $("date",message).text();
  		
  		team_id = $('#chat_message_team_id').val();
  		cur_team_id = $("teamid",message).text();
  	
  		if (date != curdate) {
  		  $('#curdate').val(curdate);
  		  $("#messagewindow").append('<p class="date">'+curdate+'</p>');
  		}
  		
  		if (team_id == cur_team_id) {
        var msgHTML = '<div class="post is_author">';
  		}
  		else
  		{
  		  var msgHTML = '<div class="post">';
  		}
  		
  		var msgHTML = msgHTML + '<span class="timestamp">'+$("timestamp",message).text()+"</span> "+
  		              '<span class="author">'+$("author",message).text()+':</span>'+
  									'<span class="msg">'+$("text",message).text()+'</span></div>';
  		
  		$("#messagewindow").append(msgHTML);
  	});
  	$('#time').val(timestamp);
	  $('#messagewindow').animate({scrollTop: $('#messagewindow').attr('scrollHeight')}, 1000);
  }

  function updateMsg() {
  	$.post("/chat/ping?r="+ Math.random()*99999,{ time: timestamp, limit: limit, days: days, random: Math.random()*99999}, function(xml) {
  		$("#loading").remove();
  		addMessages(xml);
  	});
  	setTimeout('updateMsg()', 20000);
  }