rob@100: var socket = io.connect();
rob@100: 
rob@100: socket.on('connect', function () {
rob@100:     $('#chat').addClass('connected');
rob@100: });
rob@100: 
rob@100: socket.on('announcement', function (msg) {
rob@100:     $('#lines').append($('<p>').append($('<em>').text(msg)));
rob@100: });
rob@100: 
rob@100: socket.on('nicknames', function (nicknames) {
rob@100:     $('#nicknames').empty().append($('<span>Online: </span>'));
rob@100:     for (var i in nicknames) {
rob@100: 	$('#nicknames').append($('<b>').text(nicknames[i]));
rob@100:     }
rob@100: });
rob@100: 
rob@100: socket.on('user message', message);
rob@100: socket.on('reconnect', function () {
rob@100:     $('#lines').remove();
rob@100:     message('System', 'Reconnected to the server');
rob@100: });
rob@100: 
rob@100: socket.on('reconnecting', function () {
rob@100:     message('System', 'Attempting to re-connect to the server');
rob@100: });
rob@100: 
rob@100: socket.on('error', function (e) {
rob@100:     message('System', e ? e : 'A unknown error occurred');
rob@100: });
rob@100: 
rob@100: function message (from, msg) {
rob@100:     $('#lines').append($('<p>').append($('<b>').text(from), msg));
rob@100: }
rob@100: 
rob@100: // dom manipulation
rob@100: $(function () {
rob@100:     $('#set-nickname').submit(function (ev) {
rob@100: 	socket.emit('nickname', $('#nick').val(), function (set) {
rob@100: 	    if (!set) {
rob@100: 		clear();
rob@100: 		return $('#chat').addClass('nickname-set');
rob@100: 	    }
rob@100: 	    $('#nickname-err').css('visibility', 'visible');
rob@100: 	});
rob@100: 	return false;
rob@100:     });
rob@100: 
rob@100:     $('#send-message').submit(function () {
rob@100: 	message('me', $('#message').val());
rob@100: 	socket.emit('user message', $('#message').val());
rob@100: 	clear();
rob@100: 	$('#lines').get(0).scrollTop = 10000000;
rob@100: 	return false;
rob@100:     });
rob@100: 
rob@100:     function clear () {
rob@100: 	$('#message').val('').focus();
rob@100:     };
rob@100: });