Added background image of a us-map as a provisional eye-candy.

@@ -140,7 +140,7 @@ public final class TestUtils {
      *
      *
      * @param constructor Constructor to call
      * @param constructor Constructor to call
      * @param <T> type of the object to create
      * @param <T> type of the object to create
-     * @return created object of type <T>
+     * @return created object of type T
      * @throws TestUtilsException if there are reflection errors while calling
      * @throws TestUtilsException if there are reflection errors while calling
      * the constructor
      * the constructor
      */
      */

@@ -432,6 +432,14 @@
 //            .attr('id', 'zoomable')
 //            .attr('id', 'zoomable')
 //            .call(d3.behavior.zoom().on("zoom", zoomRedraw));
 //            .call(d3.behavior.zoom().on("zoom", zoomRedraw));
 
 
+        network.svg.append('svg:image')
+            .attr({
+                id: 'bg',
+                width: view.width,
+                height: view.height,
+                'xlink:href': 'img/us-map.png'
+            });
+
 //        function zoomRedraw() {
 //        function zoomRedraw() {
 //            d3.select("#zoomable").attr("transform",
 //            d3.select("#zoomable").attr("transform",
 //                    "translate(" + d3.event.translate + ")"
 //                    "translate(" + d3.event.translate + ")"

@@ -79,6 +79,10 @@ svg {
     /*border: 1px dashed red;*/
     /*border: 1px dashed red;*/
 }
 }
 
 
+svg #bg {
+    opacity: 0.5;
+}
+
 
 
 /*
 /*
  * Network Graph elements ======================================
  * Network Graph elements ======================================
@@ -227,7 +231,7 @@ body {
     width: 280px;
     width: 280px;
     right: -300px;
     right: -300px;
     opacity: 0;
     opacity: 0;
-    background-color: rgba(255,255,255,0.5);
+    background-color: rgba(255,255,255,0.8);
 
 
     padding: 10px;
     padding: 10px;
     color: black;
     color: black;