The end...?

css/main.css

@@ -25,6 +25,16 @@ canvas
    box-shadow:         0 0 10px #000000;
 }
 
+#gameEnd
+{
+    position:relative;
+    display:none;
+    width:800px;
+    height:600px;
+    background-image:url('../img/end.png');
+    top:-604px;
+}
+
 #preload
 {
     padding-top:250px;

index.htm

@@ -29,6 +29,7 @@
         </div>
         <div id="gameWindow">
             <canvas id="gjs-canvas"></canvas>
+            <div id="gameEnd"></div>
         </div>
     </body>
 </html>

js/lib/levels/level_1.js

@@ -1,5 +1,5 @@
 [
-    {"type":"stats","clonePar":1,"timePar":10},
+    {"type":"stats","clonePar":1,"timePar":10,"lastLevel":true},
     {"type":"wall","x":0,"y":680,"repeat-x":2},
     {"type":"player","x":150,"y": 550},
     {"type":"lever","x":350,"y": 641,"outputs":[

js/lib/scorecard.js

@@ -85,11 +85,31 @@ function scorecard()
 
         if ( _lastLevel )
         {
-            $('#game_scorecard .nextLevel').addClass('disabled');
-        }
-        else
-        {
-            $('#game_scorecard .nextLevel').removeClass('disabled');
+            $('.nextLevel').on('click', function( event ){
+                $('#game_scorecard_bg').hide();
+                $('#gameEnd').fadeIn();
+
+                $('body').on('keydown',function(event2){
+                    switch ( event2.keyCode )
+                    {
+                        //Enter and e will all move to the next level
+                        case 13:
+                        case 69:
+                            event2.preventDefault();
+                            event2.stopImmediatePropagation();
+
+                            $('#game_scorecard .mainMenu').click();
+                            $('#gameEnd').fadeOut();
+                            $(this).off();
+                    }
+
+                    return false;
+                });
+
+                $(this).off();
+                event.preventDefault();
+                event.stopImmediatePropagation();
+            });
         }
 
         $('#game_scorecard_bg').fadeIn();

js/main.js

@@ -6,7 +6,10 @@ gamejs.preload([
     'img/splash-screen.png','img/new-game.png', 'img/bg.png','img/player.png',
     'img/blank.png','img/switch.png','img/door.png','img/goal.png',
     'img/platform-left.png','img/platform-right.png',
-    'img/platform-middle.png', 'img/selected.png'
+    'img/platform-middle.png', 'img/selected.png',
+    'img/scorecard-background.png','img/game-window.png',
+    'img/reset.png', 'img/star-off.png', 'img/star-on.png',
+    'img/menu-button.png', 'img/next-button.png', 'img/end.png'
 ]);
 
 gamejs.ready(function() {