Index: nodes/nodemap.html
===================================================================
--- nodes/nodemap.html	(revision 8475)
+++ nodes/nodemap.html	(revision 8480)
@@ -36,6 +36,6 @@
       nodeStatusImg.up = 'http://www.google.com/mapfiles/kml/paddle/grn-stars-lv.png';
       nodeStatusImg.down = 'http://www.google.com/mapfiles/kml/paddle/red-stars-lv.png';
-      nodeStatusImg.planned = 'http://www.google.com/mapfiles/kml/paddle/wht-stars-lv.png';
-      nodeStatusImg.unknown = 'http://www.google.com/mapfiles/kml/paddle/wht-stars-lv.png';
+      nodeStatusImg.planned = 'http://www.google.com/mapfiles/kml/paddle/purple-stars-lv.png';
+      nodeStatusImg.unknown = 'http://www.google.com/mapfiles/kml/paddle/purple-stars-lv.png';
       
       function log(message) {
@@ -49,4 +49,7 @@
       
       function isInterlink(feature) { 
+         if (feature.cluster) {
+           return(false);
+         }
          return (feature.attributes.name.indexOf('Interlink') != -1);
       }
@@ -179,5 +182,5 @@
             externalGraphic: "${icon}",
             pointRadius: "${radius}",
-            fillOpacity: 1
+            fillOpacity: 1,
         }, { context : { 
                     icon : function(feature) {
@@ -201,5 +204,4 @@
                         for (var i = 0; i < feature.cluster.length; i++) {
                           var node = feature.cluster[i];
-                          log(node.attributes.styleUrl);
                         }
                       }
@@ -476,9 +478,25 @@
           <div id="output"></div>
       </div>
-      <div id="infoField" style="position: absolute; bottom: 40px; left : 10px; z-index:1004; background-color: red; visibility: hidden">
+      <div id="legendaField" style="position: absolute; bottom: 00px; left : 70px; z-index:1003; visibility: visible">
+        <table>
+        <tr><td>Node status</td><td>:</td><td>
+        <span style="color: red">Problem</span> - 
+        <span style="color: green">OK</span> -
+        <span style="color: purple">Unknown</span> - 
+        <span style="color: grey">Planned</span></td></tr>
+        <tr><td>Link status</td><td>:</td><td>
+        <span style="color: red">Problem</span> - 
+        <span style="color: green">OK</span> -
+        <span style="color: purple">Unknown</span> - 
+        <span style="color: grey">Planned</span></td></tr>
+        </table>
+      </div>
+      <div id="infoField" style="position: absolute; bottom: 40px; left : 10px; z-index:1004; background-color: white; visibility: hidden">
         <ul>
           <li>holding down shift, whilst dragging the mouse to do box zooming</li>
           <li>Keyboard Navigation is enabled</li>
           <li>Contrast of background: <a title="decrease opacity" href="javascript: changeOpacity(-0.1);">Decrease</a> or <a title="increase opacity" href="javascript: changeOpacity(0.1);">Increase</a></li> 
+          <li>Link capacity get displayed by the thickness of the line</li>
+          <li>Link usage get displayed by the opacity of the line</li>
         </ul>
 <p>Validated by:
@@ -489,5 +507,6 @@
     <br />
     Version: <em id='version'></em> - <em id='svnVersion'></em>
-    <p />
+    <br />
+    <br />
     <small>
     Written by Rick van der Zwet - &lt;info@rickvanderzwet.nl&gt;<br />