working on the highscore screen

dev/lib/game/main.js

@@ -116,6 +116,8 @@ ig.module(
       response: 'json'
     },
     font: new ig.Font( 'media/lcddot.font.png' ),
+    fontSmall: new ig.Font( 'media/lcddot.small.font.png' ),
+    backgroundInput: new ig.Image('media/highscore_input_screen.png'),
     background: new ig.Image('media/highscore_screen.png'),
     nameField: null,
     clearColor: null,
@@ -161,15 +163,17 @@ ig.module(
     draw: function() {
       ig.system.context.clearRect( 0 ,0, ig.system.realWidth, ig.system.realHeight );
       this.parent();
-      this.background.draw(0, 0);
+      if (this.nameField !== null) this.backgroundInput.draw(0, 0);
+      else this.background.draw(0, 0);
 
       // Draw the current highscore if its loaded
       if (ig.global.scores !== undefined) {
         var ypos = 50;
         for (var i=0; i<ig.global.scores.length; i++) {
           var score = ig.global.scores[i];
-          this.font.draw(score.Score.score + '  ' + score.Player.username, 50, ypos, ig.Font.ALIGN.LEFT);
-          ypos += 50;
+          this.fontSmall.draw(score.Score.score + '  ' + score.Player.username, 50, ypos, ig.Font.ALIGN.RIGHT);
+          this.fontSmall.draw(score.Score.score + '  ' + score.Player.username, 50, ypos, ig.Font.ALIGN.LEFT);
+          ypos += 30;
         }
       }