var chatupdater;

Event.observe(window, 'load', function() {
  chatupdater = new Ajax.PeriodicalUpdater('chat-div', "/chatter.php", {
    frequency : 10, 
    decay : 2,
    onSuccess : function(resp) { 
      $('chat-div').scrollTop = $('chat-div').scrollHeight;
    },
    parameters : {room : $F('room') }
  });
  $('chat-div').scrollTop = $('chat-div').scrollHeight;
});

function changeRooms() {
  chatupdater.stop();
  chatupdater = new Ajax.PeriodicalUpdater('chat-div', "/chatter.php", {
    frequency : 10, 
    decay : 2,
    onSuccess : function(resp) { 
      $('chat-div').scrollTop = $('chat-div').scrollHeight;
    },
    parameters : {room : $F('room') }
  });
}

function chat() {
  chatupdater.stop();
  new Ajax.Request("/chatter.php", {
    onSuccess : function(resp) {
      $('chat-div').update(resp.responseText);
      $('chat-div').scrollTop = $('chat-div').scrollHeight;
    },
    parameters : {m : $F('cb_message'), room : $F('room')}
  });
  $('cb_message').value = "";
  chatupdater.start();
  return false;
}

function submitChatOnEnter(e) {
  if (window.event && window.event.keyCode == 13) {
    chat();
  } else if (e && e.which == 13) {
    chat();
  }
}

function scrollChat() {
	setTimeout("$('chat-div').scrollTop = $('chat-div').scrollHeight;",500);
}