var load;
document.getElementById('username').onkeydown = function() {
   if (load) {
      clearTimeout(load);
   }
   load = setTimeout('load_image();', 500);
});

document.getElementById('hat').onchange = function() {
   if (load) {
      clearTimeout(load);
   }
   load = setTimeout('load_image();', 500);
});

document.getElementById('char_scale').onchange = function() {
   if (load) {
      clearTimeout(load);
   }
   load setTimeout('load_image();', 500);
});

function load_image() {
    var hat          =(document.getElementById('hat').value == 'true');
    var name      = document.getElementById('username').value;
    var charscale = document.getElementById('char_scale').value;

    draw_model( name + '_model', name + '_scratch', name, charscale, true);

}