diff --git a/example/index.html b/example/index.html
index 2aab3a6..c698901 100644
--- a/example/index.html
+++ b/example/index.html
@@ -16,8 +16,8 @@
 
 
 <!--<textarea id="sourcecode" style="margin-top: 16px; width: 800px; height: 600px"></textarea>-->
-<!--<select id="examples">
-</select>-->
+<select id="examples">
+</select>
 
 <script type="application/dart" src="main.dart"></script>
 <script type="text/javascript" src="packages/browser/dart.js"></script>
diff --git a/example/main.dart b/example/main.dart
index 072c0aa..16353f0 100644
--- a/example/main.dart
+++ b/example/main.dart
@@ -155,23 +155,23 @@ main() {
 
   Game game = new Game(800, 480, WEBGL, '');
 
-  //dom.SelectElement select = dom.document.getElementById("examples") as dom.SelectElement;
-  //for (String key in examples.keys) {
-  //  game.state.add(key, examples[key]);
-  //dom.OptionElement option = new dom.OptionElement();
-  //option.text = key;
-  //select.children.add(option);
-  //}
+  dom.SelectElement select = dom.document.getElementById("examples") as dom.SelectElement;
+  for (String key in examples.keys) {
+    game.state.add(key, examples[key]);
+    dom.OptionElement option = new dom.OptionElement();
+    option.text = key;
+    select.children.add(option);
+  }
 //
-  //select.onChange.listen((dom.Event e) {
-  //game.state.start(select.children[select.selectedIndex].text);
-  //});
-  print("start 1");
-  game.state.add("games_02_gemmatch", new games_03_invaders());
-  game.state.start("games_02_gemmatch");
+  select.onChange.listen((dom.Event e) {
+    game.state.start(select.children[select.selectedIndex].text);
+  });
+  //print("start 1");
+  //game.state.add("games_02_gemmatch", new games_03_invaders());
+  game.state.start("basic_01_load_an_image");
 
   //game.canvas.style.cursor = "pointer";
-  game.boot();
-  print("start");
+  //game.boot();
+  //print("start");
 
 }