var socket = io.connect(window.location.hostname);



var imageCount = 0;
socket.on('join', function(json) {
  var data = JSON.parse(json);
  for (var i in data) {
    appendImage(data[i]);
  }
});
socket.on('url', function(json) {
  var data = JSON.parse(json);
  appendImage(data);
});
function appendImage(img) {
  var image = new Image();
  image.src = img.url;
  $("#images").prepend(image);
  imageCount++;
  while (imageCount > 20) {
    $("#images").children().last().remove();
    imageCount--;
  }
}