Added 'B' keystroke to toggle background image visibility.

Also added configuration boolean to indicate whether the background image should be visible on startup.

web/gui/src/main/webapp/network.js

@@ -36,8 +36,10 @@
         },
         options: {
             layering: true,
-            collisionPrevention: true
+            collisionPrevention: true,
+            loadBackground: true
         },
+        backgroundUrl: 'img/us-map.png',
         data: {
             live: {
                 jsonUrl: 'rs/topology/graph',
@@ -265,6 +267,9 @@
     function processKeyEvent() {
         var code = d3.event.keyCode;
         switch (code) {
+            case 66:    // B
+                toggleBackground();
+                break;
             case 71:    // G
                 cycleLayout();
                 break;
@@ -281,6 +286,13 @@
 
     }
 
+    function toggleBackground() {
+        var bg = d3.select('#bg'),
+            vis = bg.style('visibility'),
+            newvis = (vis === 'hidden') ? 'visible' : 'hidden';
+        bg.style('visibility', newvis);
+    }
+
     function cycleLayout() {
         config.options.layering = !config.options.layering;
         network.force.resume();
@@ -437,8 +449,10 @@
                 id: 'bg',
                 width: view.width,
                 height: view.height,
-                'xlink:href': 'img/us-map.png'
-            });
+                'xlink:href': config.backgroundUrl
+            })
+            .style('visibility',
+                    config.options.loadBackground ? 'visible' : 'hidden');
 
 //        function zoomRedraw() {
 //            d3.select("#zoomable").attr("transform",