Index: nodes/nodemap.html
===================================================================
--- nodes/nodemap.html	(revision 8283)
+++ nodes/nodemap.html	(revision 8285)
@@ -9,5 +9,5 @@
       }
     </style>
-    <script src='http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAA9XNhd8q0UdwNC7YSO4YZghSPUCi5aRYVveCcVYxzezM4iaj_gxQ9t-UajFL70jfcpquH5l1IJ-Zyyw'></script>
+  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAKRiFs2kXKhTkKZkE_ms9rhTdBXm62xfhQU7Dk6ZBFSzYdmSteRQWjLqZhwX8afHvGpd4N3iKql6w8g" type="text/javascript"></script>
 
     <script src="http://www.openlayers.org/api/OpenLayers.js"></script>
@@ -60,9 +60,16 @@
                 extractStyles: true, 
                 extractAttributes: true,
-                maxDepth: 2
+                maxDepth: 5
               }
             });
         map.addLayer(kml);
 
+        select = new OpenLayers.Control.SelectFeature(kml);
+        kml.events.on( {
+               "featureselected": onKMLFeatureSelect,
+               "featureunselected": onKMLFeatureUnselect
+        });
+        map.addControl(select);
+        select.activate();
 
         var vectors = new OpenLayers.Layer.Vector("Vector Layer")
@@ -75,4 +82,5 @@
         map.addControl(new OpenLayers.Control.ScaleLine());
         map.addControl(new OpenLayers.Control.KeyboardDefaults());
+        map.addControl(new OpenLayers.Control.ZoomBox());
 
         //var in_options = {
@@ -162,4 +170,29 @@
       }
 
+      function onPopupClose(evt) {
+          select.unselectAll();
+      }
+
+
+      function onKMLFeatureSelect(event) {
+        var feature = event.feature;
+        var content = "<h2>"+feature.attributes.name + "</h2>" + feature.attributes.description;
+        popup = new OpenLayers.Popup.FramedCloud("chicken", 
+                                 feature.geometry.getBounds().getCenterLonLat(),
+                                 new OpenLayers.Size(100,100),
+                                 content,
+                                 null, true, onPopupClose);
+        feature.popup = popup;
+        map.addPopup(popup);
+      }
+
+      function onKMLFeatureUnselect(event) {
+        var feature = event.feature;
+        if(feature.popup) {
+          map.removePopup(feature.popup);
+          feature.popup.destroy();
+          delete feature.popup;
+        }
+      }
 
       function handleMeasurements(event) {
@@ -199,4 +232,13 @@
       }
 
+      function toggleInfo() {
+        var e = document.getElementById('infofield');
+        if (e.style.visibility == "hidden") {
+          e.style.visibility = "visible";
+        } else {
+          e.style.visibility = "hidden";
+        };
+      }
+
       // http://openlayers.org/dev/examples/strategy-cluster-threshold.html
     </script>
@@ -204,9 +246,16 @@
   <body onload="init();">
     <div id="basicMap">
-    <div id="controller" style="position: absolute; top: 10px; left : 80px; z-index:1004">
-        <img id="ruler" src="ruler_off.png" onClick="toggleRulerControl()" />
-        <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon20.png" alt="Reset focus" onclick="defaultFocus()"/>
-        <div id="output"></div>
-    </div>
+      <div id="controller" style="position: absolute; top: 10px; left : 80px; z-index:1004">
+          <img id="ruler" src="ruler_off.png" onClick="toggleRulerControl()" />
+          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon20.png" alt="Reset focus" onclick="defaultFocus()"/>
+          <img height="22" src="http://maps.google.com/mapfiles/kml/pal3/icon36.png" alt="Information" onclick="toggleInfo()" />
+          <div id="output"></div>
+      </div>
+      <div id="infofield" style="position: absolute; bottom: 40px; left : 10px; z-index:1004; background-color: red; visibility: hidden">
+        <ul>
+          <li>holding down shift, whilst dragging the mouse to do box zooming</li>
+          <li>Keyboard Navigation is enabled</li>
+        </ul>
+      </div>
     </div>
   </body>
