Javascript Chat

[InsideMiamiTattoo]

Salve ho un problema con un codice java per chat su mio Sito.
Praticamente è una chat semplice dove tutti posso scrivere ma ho messaggi sempre alternati (botta-risposta)
il problema sta nel fatto che se un utente scrive più messaggi consecutivi sovvrascrive anche la risposta.
2 Problema : se ci sono piu utenti che scrivono è un casino totale perchè non si capisce più chi scrive.
Praticamente l'avatar che ho inserito per i vari utenti non corrisponde ai messaggi che scrivono.
Posto il codice sperando in un aiuto,non sono pratico di js

(function () {
var Message;
Message = function (arg) {
this.text = arg.text, this.message_side = arg.message_side;
this.draw = function (_this) {
return function () {
var $message;
$message = $($('.message_template').clone().html());
$message.addClass(_this.message_side).find('.text').html(_this.text);
$('.messages').append($message);
return setTimeout(function () {
return $message.addClass('appeared');
}, 0);
};
}(this);
return this;
};
$(function () {
var getMessageText, message_side, sendMessage;
message_side = 'right'; <-----------------------
getMessageText = function () {
var $message_input;
$message_input = $('.message_input');
return $message_input.val();
};
sendMessage = function (text) {
var $messages, message;
if (text.trim() === '') {
return;
}
$('.message_input').val('');
$messages = $('.messages');
message_side = message_side === 'left' ? 'right' : 'left'; <-------------------------
message = new Message({
text: text,
message_side: message_side
});
message.draw();
return $messages.animate({ scrollTop: $messages.prop('scrollHeight') }, 300);
};
$('.send_message').click(function (e) {
return sendMessage(getMessageText());
});
$('.message_input').keyup(function (e) {
if (e.which === 13) {
return sendMessage(getMessageText());
}
});
sendMessage('');
setTimeout(function () {
return sendMessage('');
}, 1000);
return setTimeout(function () {
return sendMessage('');
}, 2000);
});
}.call(this));