added bounding box to image node style

examples/network/02_random_nodes.html

@@ -22,7 +22,16 @@
     var edges = null;
     var network = null;
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     function draw() {
+      destroy();
+
       nodes = [];
       edges = [];
       var connectionCount = [];
@@ -75,7 +84,7 @@
         nodes: nodes,
         edges: edges
       };
-      var options = {stabilization:false};
+      var options = {stabilize:false};
       network = new vis.Network(container, data, options);
 
       // add event listeners

examples/network/06_groups.html

@@ -28,8 +28,17 @@
     // Set callback to run when API is loaded
     google.setOnLoadCallback(draw);
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     // Called when the Visualization API is loaded.
     function draw() {
+      destroy();
+
       var from, to;
 
       nodes = [];

examples/network/15_dot_language_playground.html

@@ -92,8 +92,16 @@
     network.redraw()
   };
 
+  function destroy() {
+    if (network !== null) {
+      network.destroy();
+      network = null;
+    }
+  }
+
   // parse and draw the data
   function draw () {
+    destroy();
     try {
       txtError.innerHTML = '';
 

examples/network/18_fully_random_nodes_clustering.html

@@ -22,7 +22,16 @@
     var edges = null;
     var network = null;
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     function draw() {
+      destroy();
+
       nodes = [];
       edges = [];
       // randomly create some nodes and edges

examples/network/19_scale_free_graph_clustering.html

@@ -22,7 +22,16 @@
     var edges = null;
     var network = null;
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     function draw() {
+      destroy();
+
       nodes = [];
       edges = [];
       var connectionCount = [];

examples/network/20_navigation.html

@@ -41,7 +41,16 @@
     var edges = null;
     var network = null;
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     function draw() {
+      destroy();
+
       nodes = [];
       edges = [];
       var connectionCount = [];

examples/network/23_hierarchical_layout.html

@@ -22,9 +22,15 @@
     var edges = null;
     var network = null;
 
-
+    function destroy() {
+        if (network !== null) {
+            network.destroy();
+            network = null;
+        }
+    }
 
     function draw() {
+      destroy();
       nodes = [];
       edges = [];
       var connectionCount = [];

examples/network/24_hierarchical_layout_userdefined.html

@@ -23,7 +23,15 @@
     var network = null;
     var directionInput = document.getElementById("direction");
 
+    function destroy() {
+        if (network !== null) {
+            network.destroy();
+            network = null;
+        }
+    }
+
     function draw() {
+      destroy();
       nodes = [];
       edges = [];
       var connectionCount = [];

examples/network/31_localization.html

@@ -60,7 +60,15 @@
     var edges = null;
     var network = null;
 
+    function destroy() {
+      if (network !== null) {
+        network.destroy();
+        network = null;
+      }
+    }
+
     function draw() {
+      destroy();
       nodes = [];
       edges = [];
       var connectionCount = [];

examples/network/32_hierarchicaLayoutMethods.html

@@ -21,7 +21,16 @@
         var network = null;
         var layoutMethod = "hubsize";
 
+        function destroy() {
+            if (network !== null) {
+                network.destroy();
+                network = null;
+            }
+        }
+
         function draw() {
+            destroy();
+
             var nodes = [];
             var edges = [];
             // randomly create some nodes and edges

examples/network/33_animation.html

@@ -46,8 +46,15 @@
     var statusUpdateSpan;
     var finishMessage = "";
 
+    function destroy() {
+        if (network !== null) {
+            network.destroy();
+            network = null;
+        }
+    }
 
     function draw() {
+      destroy();
       statusUpdateSpan = document.getElementById("statusUpdate");
       doButton = document.getElementById("btnDo");
       focusButton = document.getElementById("btnFocus");

lib/network/Network.js

@@ -841,6 +841,15 @@ Network.prototype._createKeyBinds = function() {
 
 
 Network.prototype.destroy = function() {
+  this.start = function () {};
+  this.redraw = function () {};
+  this.timer = false;
+
+  setTimeout(this._destroy.bind(this), 10);
+}
+
+Network.prototype._destroy = function() {
+
   // remove keybindings
   this.keycharm.reset();
 
@@ -850,7 +859,15 @@ Network.prototype.destroy = function() {
   // clear events
   this.off();
 
+  // remove all elements from the container element.
+  while (this.frame.hasChildNodes()) {
+    this.frame.removeChild(this.frame.firstChild);
+  }
 
+  // remove all elements from the container element.
+  while (this.containerElement.hasChildNodes()) {
+    this.containerElement.removeChild(this.containerElement.firstChild);
+  }
 }
 
 
@@ -2520,7 +2537,10 @@ Network.prototype.animateView = function (options) {
   }
 };
 
-
+/**
+ * used to animate smoothly by hijacking the redraw function.
+ * @private
+ */
 Network.prototype._lockedRedraw = function () {
   var nodePosition = {x: this.nodes[this.lockedOnNodeId].x, y: this.nodes[this.lockedOnNodeId].y};
   var viewCenter = this.DOMtoCanvas({x: 0.5 * this.frame.canvas.clientWidth, y: 0.5 * this.frame.canvas.clientHeight});