$(function() {
    var socket = io();
    var scores = [];
    var list = $('#list');

    socket.emit('getScores');
    
    socket.on('scores', function(newScores) {
        scores = newScores;
        redrawScores();
    });

    socket.on('newScore', addScore);

    function redrawScores() {
        list.empty();
        for (s in scores) {
            addScore(scores[s]);
        }
    }

    function addScore(obj) {
        list.append($('<li>').text(obj.score + ' by ' + obj.name));
    }

});