--- step-7/index.html	2016-09-17 21:44:04.000000000 +0200
+++ step-8/index.html	2016-09-17 21:44:04.000000000 +0200
@@ -1,6 +1,6 @@
 <html>
   <head>
-    <title>Step 7: bookmarkable map links</title>
+    <title>Step 8: adding an alternative map layer</title>
     <script src="../OpenLayers.js"></script>
     <script src="../OpenStreetMap.js"></script>
     <link rel="stylesheet" href="../theme/default/style.css" type="text/css" />
@@ -47,6 +47,7 @@
         map = new OpenLayers.Map("demoMap", 
                                  { theme:    null,
                                    controls: [ new OpenLayers.Control.Navigation(),    // direct panning via mouse drag
+                                               new OpenLayers.Control.LayerSwitcher(), // select map and features to display
                                                new OpenLayers.Control.Attribution(),   // attribution text
                                                new OpenLayers.Control.PanZoomBar(),    // larger navigation control
                                                new OpenLayers.Control.Permalink(),     // bookmarkable map links
@@ -55,7 +56,8 @@
                                              ]
                                  } 
                                 );
-        map.addLayer(new OpenLayers.Layer.OSM.Mapnik());
+        map.addLayer(new OpenLayers.Layer.OSM.Mapnik("Mapnik"));
+        map.addLayer(new OpenLayers.Layer.OSM.Osmarender("Osmarender"));
         map.setCenter(new OpenLayers.LonLat(lon, lat).transform(projLonLat,projMercator), zoom);
         overviewMap.maximizeControl();
       }