var bitbang = [
  'x    x  x  x    xxxx xxxx xxxx x',
  'xxxx   xxx xxxx    x x  x xxxx x',
  'xxxx x  x  xxxx xxxx x  x    x  ',
  'xxxx x  x  xxxx xxxx x  x xxxx x'
];

function draw_it(bitmap, draw_here) {
  the_div = document.getElementById(draw_here);
  output = '';
  for(y = 0; y < bitmap.length; y++) {
    output += "<div class='line'>";
    for(x = 0; x < bitmap[y].length; x++) {
      if(bitmap[y][x] == ' ') {
        fill = 'blank';
      } else {
        fill = 'filled';
      }
      output += "<div class='pixel " + fill + "'></div>";
    }
    output += "</div>";
  }
  the_div.innerHTML = output;
}


