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