From d592459bc2e00e6facd0300c5792ae647170bfc9 Mon Sep 17 00:00:00 2001
From: Alex de Mulder <alexdemulder@gmail.com>
Date: Mon, 27 Jan 2014 14:24:32 +0100
Subject: [PATCH] added Dynamic UI icon URL

---
 dist/{UI => UI_icons}/downarrow.png   | Bin
 dist/{UI => UI_icons}/leftarrow.png   | Bin
 dist/{UI => UI_icons}/minus.png       | Bin
 dist/{UI => UI_icons}/plus.png        | Bin
 dist/{UI => UI_icons}/rightarrow.png  | Bin
 dist/{UI => UI_icons}/uparrow.png     | Bin
 dist/{UI => UI_icons}/zoomExtends.png | Bin
 dist/vis.js                           | 179 ++++++++++++++++----------
 examples/graph/img/UI/downarrow.png   | Bin 4460 -> 0 bytes
 examples/graph/img/UI/leftarrow.png   | Bin 4531 -> 0 bytes
 examples/graph/img/UI/minus.png       | Bin 4147 -> 0 bytes
 examples/graph/img/UI/plus.png        | Bin 4341 -> 0 bytes
 examples/graph/img/UI/rightarrow.png  | Bin 4514 -> 0 bytes
 examples/graph/img/UI/uparrow.png     | Bin 4461 -> 0 bytes
 examples/graph/img/UI/zoomExtends.png | Bin 4464 -> 0 bytes
 src/graph/Graph.js                    |  72 +++++++----
 src/graph/Node.js                     |   9 +-
 src/graph/SectorsMixin.js             |  10 +-
 src/graph/SelectionMixin.js           |  12 +-
 src/graph/UIMixin.js                  |  44 +++----
 src/util.js                           |  28 ++++
 21 files changed, 226 insertions(+), 128 deletions(-)
 rename dist/{UI => UI_icons}/downarrow.png (100%)
 rename dist/{UI => UI_icons}/leftarrow.png (100%)
 rename dist/{UI => UI_icons}/minus.png (100%)
 rename dist/{UI => UI_icons}/plus.png (100%)
 rename dist/{UI => UI_icons}/rightarrow.png (100%)
 rename dist/{UI => UI_icons}/uparrow.png (100%)
 rename dist/{UI => UI_icons}/zoomExtends.png (100%)
 delete mode 100644 examples/graph/img/UI/downarrow.png
 delete mode 100644 examples/graph/img/UI/leftarrow.png
 delete mode 100644 examples/graph/img/UI/minus.png
 delete mode 100644 examples/graph/img/UI/plus.png
 delete mode 100644 examples/graph/img/UI/rightarrow.png
 delete mode 100644 examples/graph/img/UI/uparrow.png
 delete mode 100644 examples/graph/img/UI/zoomExtends.png

diff --git a/dist/UI/downarrow.png b/dist/UI_icons/downarrow.png
similarity index 100%
rename from dist/UI/downarrow.png
rename to dist/UI_icons/downarrow.png
diff --git a/dist/UI/leftarrow.png b/dist/UI_icons/leftarrow.png
similarity index 100%
rename from dist/UI/leftarrow.png
rename to dist/UI_icons/leftarrow.png
diff --git a/dist/UI/minus.png b/dist/UI_icons/minus.png
similarity index 100%
rename from dist/UI/minus.png
rename to dist/UI_icons/minus.png
diff --git a/dist/UI/plus.png b/dist/UI_icons/plus.png
similarity index 100%
rename from dist/UI/plus.png
rename to dist/UI_icons/plus.png
diff --git a/dist/UI/rightarrow.png b/dist/UI_icons/rightarrow.png
similarity index 100%
rename from dist/UI/rightarrow.png
rename to dist/UI_icons/rightarrow.png
diff --git a/dist/UI/uparrow.png b/dist/UI_icons/uparrow.png
similarity index 100%
rename from dist/UI/uparrow.png
rename to dist/UI_icons/uparrow.png
diff --git a/dist/UI/zoomExtends.png b/dist/UI_icons/zoomExtends.png
similarity index 100%
rename from dist/UI/zoomExtends.png
rename to dist/UI_icons/zoomExtends.png
diff --git a/dist/vis.js b/dist/vis.js
index c69c6e79..ec34e1f7 100644
--- a/dist/vis.js
+++ b/dist/vis.js
@@ -4,8 +4,8 @@
  *
  * A dynamic, browser-based visualization library.
  *
- * @version 0.4.0-SNAPSHOT
- * @date    2014-01-27
+ * @version @@version
+ * @date    @@date
  *
  * @license
  * Copyright (C) 2011-2014 Almende B.V, http://almende.com
@@ -983,6 +983,34 @@ util.option.asElement = function (value, defaultValue) {
   return value || defaultValue || null;
 };
 
+
+/**
+ * Compare two numbers and return the lowest, non-negative number.
+ *
+ * @param {number} number1
+ * @param {number} number2
+ * @returns {number}        | number1 or number2, the lowest positive number. If both negative, return -1
+ * @private
+ */
+util._getLowestPositiveNumber = function(number1,number2) {
+  if (number1 >= 0) {
+    if (number2 >= 0) {
+      return (number1 < number2) ? number1 : number2;
+    }
+    else {
+      return number1;
+    }
+  }
+  else {
+    if (number2 >= 0) {
+      return number2;
+    }
+    else {
+      return -1;
+    }
+  }
+}
+
 /**
  * Event listener (singleton)
  */
@@ -8784,8 +8812,8 @@ function Node(properties, imagelist, grouplist, constants) {
   this.y = 0;
   this.xFixed = false;
   this.yFixed = false;
-  this.horizontalAlignLeft = true; // these are for the UI
-  this.verticalAlignTop    = true; // these are for the UI
+  this.horizontalAlignLeft = true; // these are for the navigationUI
+  this.verticalAlignTop    = true; // these are for the navigationUI
   this.radius = constants.nodes.radius;
   this.baseRadiusValue = constants.nodes.radius;
   this.radiusFixed = false;
@@ -8891,7 +8919,7 @@ Node.prototype.setProperties = function(properties, constants) {
   if (properties.y !== undefined)         {this.y = properties.y;}
   if (properties.value !== undefined)     {this.value = properties.value;}
 
-  // UI properties
+  // navigationUI properties
   if (properties.horizontalAlignLeft !== undefined) {this.horizontalAlignLeft = properties.horizontalAlignLeft;}
   if (properties.verticalAlignTop    !== undefined) {this.verticalAlignTop    = properties.verticalAlignTop;}
   if (properties.triggerFunction     !== undefined) {this.triggerFunction     = properties.triggerFunction;}
@@ -9146,9 +9174,6 @@ Node.prototype.isFixed = function() {
  */
 // TODO: replace this method with calculating the kinetic energy
 Node.prototype.isMoving = function(vmin) {
-//  return (Math.abs(this.vx) > vmin || Math.abs(this.vy) > vmin ||
-//      (!this.xFixed && Math.abs(this.fx) > this.minForce) ||
-//      (!this.yFixed && Math.abs(this.fy) > this.minForce));
   if (Math.abs(this.vx) > vmin || Math.abs(this.vy) > vmin) {
     return true;
   }
@@ -10642,14 +10667,14 @@ var SectorMixin = {
 
   /**
    * This function sets the global references to nodes, edges and nodeIndices to
-   * those of the UI sector.
+   * those of the navigationUI sector.
    *
    * @private
    */
   _switchToUISector : function() {
-    this.nodeIndices = this.sectors["UI"]["nodeIndices"];
-    this.nodes       = this.sectors["UI"]["nodes"];
-    this.edges       = this.sectors["UI"]["edges"];
+    this.nodeIndices = this.sectors["navigationUI"]["nodeIndices"];
+    this.nodes       = this.sectors["navigationUI"]["nodes"];
+    this.edges       = this.sectors["navigationUI"]["edges"];
   },
 
 
@@ -11002,7 +11027,7 @@ var SectorMixin = {
 
 
   /**
-   * This runs a function in the UI sector.
+   * This runs a function in the navigationUI sector.
    *
    * @param {String} runFunction  |   This is the NAME of a function we want to call in all active sectors
    *                              |   we don't pass the function itself because then the "this" is the window object
@@ -12170,7 +12195,7 @@ var SelectionMixin = {
 
 
   /**
-   * retrieve all nodes in the UI overlapping with given object
+   * retrieve all nodes in the navigationUI overlapping with given object
    * @param {Object} object  An object with parameters left, top, right, bottom
    * @return {Number[]}   An array with id's of the overlapping nodes
    * @private
@@ -12217,7 +12242,7 @@ var SelectionMixin = {
 
 
   /**
-   * Get the top UI node at the a specific point (like a click)
+   * Get the top navigationUI node at the a specific point (like a click)
    *
    * @param {{x: Number, y: Number}} pointer
    * @return {Node | null} node
@@ -12227,7 +12252,7 @@ var SelectionMixin = {
     var screenPositionObject = this._pointerToScreenPositionObject(pointer);
     var overlappingNodes = this._getAllUINodesOverlappingWith(screenPositionObject);
     if (this.UIvisible && overlappingNodes.length > 0) {
-      return this.sectors["UI"]["nodes"][overlappingNodes[overlappingNodes.length - 1]];
+      return this.sectors["navigationUI"]["nodes"][overlappingNodes[overlappingNodes.length - 1]];
     }
     else {
       return null;
@@ -12243,7 +12268,7 @@ var SelectionMixin = {
    * @private
    */
   _getNodeAt : function (pointer) {
-    // we first check if this is an UI element
+    // we first check if this is an navigationUI element
     var positionObject = this._pointerToPositionObject(pointer);
     overlappingNodes = this._getAllNodesOverlappingWith(positionObject);
 
@@ -12360,7 +12385,7 @@ var SelectionMixin = {
 
 
   /**
-   * handles the selection part of the touch, only for UI elements;
+   * handles the selection part of the touch, only for navigationUI elements;
    * Touch is triggered before tap, also before hold. Hold triggers after a while.
    * This is the most responsive solution
    *
@@ -12428,7 +12453,7 @@ var SelectionMixin = {
 
 
   /**
-   * handle the onRelease event. These functions are here for the UI module.
+   * handle the onRelease event. These functions are here for the navigationUI module.
    *
     * @private
    */
@@ -12630,7 +12655,7 @@ var SelectionMixin = {
 var UIMixin = {
 
   /**
-   * This function moves the UI if the canvas size has been changed. If the arugments
+   * This function moves the navigationUI if the canvas size has been changed. If the arugments
    * verticaAlignTop and horizontalAlignLeft are false, the correction will be made
    *
    * @private
@@ -12643,9 +12668,9 @@ var UIMixin = {
       this.UIclientHeight = this.frame.canvas.clientHeight;
       var node = null;
 
-      for (var nodeId in this.sectors["UI"]["nodes"]) {
-        if (this.sectors["UI"]["nodes"].hasOwnProperty(nodeId)) {
-          node = this.sectors["UI"]["nodes"][nodeId];
+      for (var nodeId in this.sectors["navigationUI"]["nodes"]) {
+        if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(nodeId)) {
+          node = this.sectors["navigationUI"]["nodes"][nodeId];
           if (!node.horizontalAlignLeft) {
             node.x -= xOffset;
           }
@@ -12659,15 +12684,15 @@ var UIMixin = {
 
 
   /**
-   * Creation of the UI nodes. They are drawn over the rest of the nodes and are not affected by scale and translation
-   * they have a triggerFunction which is called on click. If the position of the UI is dependent
+   * Creation of the navigationUI nodes. They are drawn over the rest of the nodes and are not affected by scale and translation
+   * they have a triggerFunction which is called on click. If the position of the navigationUI is dependent
    * on this.frame.canvas.clientWidth or this.frame.canvas.clientHeight, we flag horizontalAlignLeft and verticalAlignTop false.
    * This means that the location will be corrected by the _relocateUI function on a size change of the canvas.
    *
    * @private
    */
   _loadUIElements : function() {
-    var DIR = 'img/UI/';
+    var DIR = this.constants.navigationUI.iconPath;
     this.UIclientWidth = this.frame.canvas.clientWidth;
     this.UIclientHeight = this.frame.canvas.clientHeight;
     if (this.UIclientWidth === undefined) {
@@ -12678,7 +12703,7 @@ var UIMixin = {
     var intermediateOffset = 7;
     var UINodes = [
       {id: 'UI_up',    shape: 'image', image: DIR + 'uparrow.png',   triggerFunction: "_moveUp",
-        verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 47 - offset},
+        verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 45 - offset - intermediateOffset},
       {id: 'UI_down',  shape: 'image', image: DIR + 'downarrow.png', triggerFunction: "_moveDown",
         verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 15 - offset},
       {id: 'UI_left',  shape: 'image', image: DIR + 'leftarrow.png', triggerFunction: "_moveLeft",
@@ -12699,7 +12724,7 @@ var UIMixin = {
 
     var nodeObj = null;
     for (var i = 0; i < UINodes.length; i++) {
-      nodeObj = this.sectors["UI"]['nodes'];
+      nodeObj = this.sectors["navigationUI"]['nodes'];
       nodeObj[UINodes[i]['id']] = new Node(UINodes[i], this.images, this.groups, this.constants);
     }
   },
@@ -12713,8 +12738,8 @@ var UIMixin = {
    * @private
    */
   _highlightUIElement : function(elementId) {
-    if (this.sectors["UI"]["nodes"].hasOwnProperty(elementId)) {
-      this.sectors["UI"]["nodes"][elementId].clusterSize = 2;
+    if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(elementId)) {
+      this.sectors["navigationUI"]["nodes"][elementId].clusterSize = 2;
     }
   },
 
@@ -12726,14 +12751,14 @@ var UIMixin = {
    * @private
    */
   _unHighlightUIElement : function(elementId) {
-    if (this.sectors["UI"]["nodes"].hasOwnProperty(elementId)) {
-      this.sectors["UI"]["nodes"][elementId].clusterSize = 1;
+    if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(elementId)) {
+      this.sectors["navigationUI"]["nodes"][elementId].clusterSize = 1;
     }
   },
 
 
   /**
-   * toggle the visibility of the UI
+   * toggle the visibility of the navigationUI
    *
    * @private
    */
@@ -12747,11 +12772,11 @@ var UIMixin = {
 
 
   /**
-   * un-highlight (for lack of a better term) all UI elements
+   * un-highlight (for lack of a better term) all navigationUI elements
    * @private
    */
   _unHighlightAll : function() {
-    for (var nodeId in this.sectors['UI']['nodes']) {
+    for (var nodeId in this.sectors['navigationUI']['nodes']) {
       this._unHighlightUIElement(nodeId);
     }
   },
@@ -12778,7 +12803,7 @@ var UIMixin = {
    */
   _moveUp : function(event) {
     this._highlightUIElement("UI_up");
-    this.yIncrement = this.constants.UI.yMovementSpeed;
+    this.yIncrement = this.constants.navigationUI.yMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12790,7 +12815,7 @@ var UIMixin = {
    */
   _moveDown : function(event) {
     this._highlightUIElement("UI_down");
-    this.yIncrement = -this.constants.UI.yMovementSpeed;
+    this.yIncrement = -this.constants.navigationUI.yMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12802,7 +12827,7 @@ var UIMixin = {
    */
   _moveLeft : function(event) {
     this._highlightUIElement("UI_left");
-    this.xIncrement = this.constants.UI.xMovementSpeed;
+    this.xIncrement = this.constants.navigationUI.xMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12814,7 +12839,7 @@ var UIMixin = {
    */
   _moveRight : function(event) {
     this._highlightUIElement("UI_right");
-    this.xIncrement = -this.constants.UI.xMovementSpeed;
+    this.xIncrement = -this.constants.navigationUI.xMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12826,7 +12851,7 @@ var UIMixin = {
    */
   _zoomIn : function(event) {
     this._highlightUIElement("UI_plus");
-    this.zoomIncrement = this.constants.UI.zoomMovementSpeed;
+    this.zoomIncrement = this.constants.navigationUI.zoomMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12838,7 +12863,7 @@ var UIMixin = {
    */
   _zoomOut : function() {
     this._highlightUIElement("UI_min");
-    this.zoomIncrement = -this.constants.UI.zoomMovementSpeed;
+    this.zoomIncrement = -this.constants.navigationUI.zoomMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -12970,19 +12995,21 @@ function Graph (container, data, options) {
       activeAreaBoxSize: 100,       // (px)                  | box area around the curser where clusters are popped open.
       massTransferCoefficient: 1    // (multiplier)          | parent.mass += massTransferCoefficient * child.mass
     },
-    UI: {
+    navigationUI: {
       enabled: true,
       initiallyVisible: true,
       xMovementSpeed: 10,
       yMovementSpeed: 10,
       zoomMovementSpeed: 0.02,
-      iconPath: 'img/UI/'
+      iconPath: this._getIconURL()
+    },
+    keyboardNavigation: {
+      enabled: false
     },
     minVelocity: 1.0,   // px/s
     maxIterations: 1000  // maximum number of iteration to stabilize
   };
 
-
   // Node variables
   this.groups = new Groups(); // object with groups
   this.images = new Images(); // object with images
@@ -12990,13 +13017,12 @@ function Graph (container, data, options) {
     graph._redraw();
   });
 
-  // UI variables
-  this.UIvisible = this.constants.UI.initiallyVisible;
+  // navigationUI variables
+  this.UIvisible = this.constants.navigationUI.initiallyVisible;
   this.xIncrement = 0;
   this.yIncrement = 0;
   this.zoomIncrement = 0;
 
-  console.log
   // create a frame and canvas
   this._create();
 
@@ -13012,7 +13038,7 @@ function Graph (container, data, options) {
   // load the selection system. (mandatory, required by Graph)
   this._loadSelectionSystem();
 
-  // load the UI system.        (mandatory, few function calls even when UI is disabled (in this.setSize)
+  // load the navigationUI system.        (mandatory, few function calls even when navigationUI is disabled (in this.setSize)
   this._loadUISystem();
 
   // other vars
@@ -13083,6 +13109,28 @@ function Graph (container, data, options) {
   }
 }
 
+/**
+ * get the URL where the UI icons are located
+ *
+ * @returns {string}
+ * @private
+ */
+Graph.prototype._getIconURL = function() {
+  var scripts = document.getElementsByTagName( 'script' );
+  var scriptNamePosition, srcPosition, imagePath;
+  for (var i = 0; i < scripts.length; i++) {
+    srcPosition = scripts[i].outerHTML.search("src");
+    if (srcPosition != -1) {
+      scriptNamePosition = util._getLowestPositiveNumber(scripts[i].outerHTML.search("vis.js"),
+                                                  scripts[i].outerHTML.search("vis.min.js"));
+      if (scriptNamePosition != -1) {
+        imagePath = scripts[i].outerHTML.substring(srcPosition+5,scriptNamePosition).concat("UI_icons/");
+        return imagePath;
+      }
+    }
+  }
+};
+
 
 /**
  * Find the center position of the graph
@@ -13145,8 +13193,8 @@ Graph.prototype.zoomToFit = function(initialZoom) {
 
   if (initialZoom == true) {
     if (this.constants.clustering.enabled == true &&
-        numberOfNodes < this.constants.clustering.initialMaxNumberOfNodes) {
-      var zoomLevel = 38.8467 / (numberOfNodes - 14.50184) + 0.0116360476; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
+        numberOfNodes >= this.constants.clustering.initialMaxNumberOfNodes) {
+      var zoomLevel = 38.8467 / (numberOfNodes - 14.50184) + 0.0116; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
     }
     else {
       var zoomLevel = 42.54117319 / (numberOfNodes + 39.31966387) + 0.1944405; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
@@ -13254,10 +13302,10 @@ Graph.prototype.setOptions = function (options) {
       }
     }
 
-    if (options.UI) {
-      for (var prop in options.UI) {
-        if (options.UI.hasOwnProperty(prop)) {
-          this.constants.UI[prop] = options.UI[prop];
+    if (options.navigationUI) {
+      for (var prop in options.navigationUI) {
+        if (options.navigationUI.hasOwnProperty(prop)) {
+          this.constants.navigationUI[prop] = options.navigationUI[prop];
         }
       }
     }
@@ -13925,7 +13973,7 @@ Graph.prototype.setSize = function(width, height) {
   this.frame.canvas.width = this.frame.canvas.clientWidth;
   this.frame.canvas.height = this.frame.canvas.clientHeight;
 
-  if (this.constants.UI.enabled == true) {
+  if (this.constants.navigationUI.enabled == true) {
     this._relocateUI();
   }
 };
@@ -14446,6 +14494,7 @@ Graph.prototype._doStabilize = function() {
     stable = !this._isMoving(vmin);
     count++;
   }
+  this.zoomToFit();
 
  // var end = new Date();
 
@@ -14495,7 +14544,7 @@ Graph.prototype._calculateForces = function() {
   // Gravity is required to keep separated groups from floating off
   // the forces are reset to zero in this loop by using _setForce instead
   // of _addForce
-  var gravity = 0.20 * this.forceFactor;
+  var gravity = 0.10 * this.forceFactor;
   for (i = 0; i < this.nodeIndices.length; i++) {
       node = nodes[this.nodeIndices[i]];
       // gravity does not apply when we are in a pocket sector
@@ -14680,10 +14729,10 @@ Graph.prototype._calculateForces = function() {
  * @private
  */
 Graph.prototype._isMoving = function(vmin) {
-  // TODO: ismoving does not work well: should check the kinetic energy, not its velocity
+  var vminCorrected = vmin / this.scale;
   var nodes = this.nodes;
   for (var id in nodes) {
-    if (nodes.hasOwnProperty(id) && nodes[id].isMoving(vmin)) {
+    if (nodes.hasOwnProperty(id) && nodes[id].isMoving(vminCorrected)) {
       return true;
     }
   }
@@ -14822,7 +14871,7 @@ Graph.prototype._loadSectorSystem = function() {
                                        "formationScale": 1.0,
                                        "drawingNode": undefined};
   this.sectors["frozen"] = {};
-  this.sectors["UI"] = {"nodes":{},
+  this.sectors["navigationUI"] = {"nodes":{},
                         "edges":{},
                         "nodeIndices":[],
                         "formationScale": 1.0,
@@ -14855,7 +14904,7 @@ Graph.prototype._loadSelectionSystem = function() {
 
 
 /**
- * Mixin the UI (User Interface) system and initialize the parameters required
+ * Mixin the navigationUI (User Interface) system and initialize the parameters required
  *
  * @private
  */
@@ -14866,7 +14915,7 @@ Graph.prototype._loadUISystem = function() {
     }
   }
 
-  if (this.constants.UI.enabled == true) {
+  if (this.constants.navigationUI.enabled == true) {
     this._loadUIElements();
 
     this._createKeyBinds();
@@ -14874,17 +14923,17 @@ Graph.prototype._loadUISystem = function() {
 }
 
 /**
- * this function exists to avoid errors when not loading the UI system
+ * this function exists to avoid errors when not loading the navigationUI system
  */
 Graph.prototype._relocateUI = function() {
-  // empty, is overloaded by UI system
+  // empty, is overloaded by navigationUI system
 }
 
 /**
- * * this function exists to avoid errors when not loading the UI system
+ * * this function exists to avoid errors when not loading the navigationUI system
  */
 Graph.prototype._unHighlightAll = function() {
-  // empty, is overloaded by the UI system
+  // empty, is overloaded by the navigationUI system
 }
 
 
diff --git a/examples/graph/img/UI/downarrow.png b/examples/graph/img/UI/downarrow.png
deleted file mode 100644
index e77d5e6d4157b12a5b2fa08a9fc138f0ab9eb4e7..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4460
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

diff --git a/examples/graph/img/UI/leftarrow.png b/examples/graph/img/UI/leftarrow.png
deleted file mode 100644
index 3823536e38ef1cd96582a6072b70cc514ac27d05..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4531
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
Re)#|Z002ovPDHLkV1iMdkGuc?

diff --git a/examples/graph/img/UI/minus.png b/examples/graph/img/UI/minus.png
deleted file mode 100644
index 30698076b9ac59f0880752ddc13af3f6bf062403..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4147
zcmV-35X|q1P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z000GENkl<Zc-pj=Yfx2H7>3{XTl>HW%Jt}hQ9w9=fGBB#D5Nr`HCj2%^s65j<=9N+
zV3PL3QpRpxvb3q0hEXfcvY5#6Hcpz3fEXGXVqCmn9+1P$0|x{;jGf(&eGX-rqQd)c
z@3q$Vti9G=@AoZYFw()eB0S>OWFd7ug9@<#g59D+K|0*vB?Xqbfddy8+$;g1-z_BX
z*qRTCpN!>h;btMAi)Vlsk?9#O6p%6ykU-vV<*qHrhx?wvaYe`hxC6=nT1O_@XN1nN
zO&^`rk{CF}Y4Hhn0YGcN-M7YhHt>w2)N;mA5?S9<7cLaIbvFokzUuMr&jt;)elP1t
z{Y@c|VVPf-J^q#IIhH5d2D2;0ZHGtiu@xkpynbwgP(bjlv-2Hm?h3XR$rg&9D+Hd6
zeyM!zq>n3cA6j3#Dy6Vt`*e^XWoyNwZOi}Ju5N*TCmTf5^Mt_4i5rftNO-3f_o+<t
zyp|D~U+2#qCu0bvkIVM=zqYgI$bZ0bMaY4|Mk?TqNn3u%iCJ+452%!&=^a6)kn2BP
zKV}tb8DkfZvR&KR{p;W0Z=pg>tPlk(wk|JQ7PsaChDZ|wr*!t*>~U3hS4JqxqV$E%
zx2p@G3joCWA{PQ=jGkY&I`M<^7-HqduRT8_G^>^r*v(P703gso5pE`c?C53H7$!Y4
zHm6#n22D(xp@R~;AF}`;E+E-HXUxL3;R2_J&TfzKpI}$ikaawEmXNXlLZpSxwqcl+
z5;WaL3N+1kfktvB0i=b_Zt-?F?Kly#zGhWsLvMYU*A5jm<KR=EQ3ELu5TpWh9Tej~
zrN^a(3K4$M%`aP5mp&Af<^X_{fYg>l_CkQ1At2&NK~mrprx(1T=Jm{mzAIrAH2@U~
zgbErp2o(r|1{$OSbwEKu6BA5gf)Wi)e>8-Ba{1j%Z`{~`WT$7s@tRPANx>M8_X5E0
zy%)ojm~eV-bHRfw?NeoGOIut`Vcuu6kJ+UeD;KO8Gmu*bC~5<l=RqX5%a0TgfCe2M
z6tT4T+kMB4u=W8!^vL*TTTgvh#<7T{iVCEHqJlsm6zCu{8rwh+LIt4=*uSC}X_JC+
zeo@U{rlY^zSEB-e4pEegLP1T}xj=7+l?m^aM*GJ%iwEl6UwWV>F+r$2d+&wP^G-b9
zDv0#6Hoq9NveX;5zNa?O_$B3n29Z;QWL9*XvdptQ-3$QJf-)Unr61on)W@m1yUOAz
z7)}Yvg94($Q5rei=eVxBGEz~4(s@X#=G`dPNnGi@6n?Vph<Ui6XFJQyO?{2wiV72F
z%q<ZRI>9^v@lE6Qq~QV|ZQYk7R8Ww-eCE52?9}Pl3IJyuB?%v0SeHE1(A~Cz<a5r7
z1cGo~4ca=8kE;uzM`Vv|AZ1a_jmn4+UvqoHs1)Z=K!0pK5LMK)D@&*V>Px<!zpvt!
z3gp_Zp0g3zf&N0tD0dXc2K$)X6GlyTJ}7i|L&0Olag$9uQx9&uZOzrVv+GFYbHTv`
z)6Y1HV|)MXaixZ2w%!kPPvef{y-mBb48w76{XBJl-v1VR0ATx~^YHkb5PzYTQQLhk
zqOQAY<R~qmckGC$-oXGXou@~CY5O#_+;L)xQQl(Hj%l|-?^w{!J(2hV!EMUpSkZoQ
z_LRW1tCNDJw#4{P=nD2Ry8xo2zuni?S07N*RcWd1u8L}P*~1CKC~LW7+tj_=@A(Ro
zuR~51C%;Nj@B4_4$A^s+>CMl|<Ku>9iZ{W$7Wweh5A&IS?^l?APvDob)J#&IBsf!}
xW+f$983jRyKrSm$Wps0YbZT1Zoq%5bH2}dmt(E>J5*z>k002ovPDHLkV1iae%XI(%

diff --git a/examples/graph/img/UI/plus.png b/examples/graph/img/UI/plus.png
deleted file mode 100644
index f7ab2a334e566b6deb9657d7d8370f591bfb81bc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4341
zcmV<R5DM>!P)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z000IcNkl<Zc-o{_YfzNu6@H%cz6--e?z+p!ZCyZ7)M^DI;B6F}(Y7<m1ZSEbX1ok(
zo3_{zO=i+0Ogc?ttgW``OoxeNYMM?eQ){BhWHi-LHV|~sD29tD>Z0y)aS=B_F>$~A
z_;!g<aM$$w`o4M3d!FxHo^#Gegd+x+a{x>ITGr7pim8wdAki-d6r|q|UQ%GaA2{5x
z_NzJ&Mktef;As^kcOJI-g}a1+A%P2GT4vz7P(aG4K?0SZH;(K^75onkoO1vh0oFj7
zfR5Na_mboluEkSVcIU+}7_dg9jsQT<U3X;bz}fiIUZ?f6w=Sb|usu~M@Ed**vZ?t|
z-&<h=JN_-Nkj9HbpxC;meM8pIT2@%U-y2R=PWFB@^<7u>>`!hTn<*3!{LR@l-j_lG
zI}XThicuj1p0xk8@#VR1oWr+}*V?wvukG5q7$iv9)3myG>!iSrf5{Hf#&!bOHfP7j
zTO8Xu#~VE5J(2WkYh}rm!HYHpg{+ty&+~b^oP|kCz2kNFUHh}+jZ42>Wda#HPp$6R
z9z0WHa;oq;74Yl1yN_&~@vAEndGgGe^`%z_J8X&y6b0Xxw_{s<pCy&0Z)zW}J3nD@
ze}X0H)~C0QIfS}+`cqR}H}?5H0|2uW_d`LkMilUrV{83}tY2K6EQHsGF546p&Xjtq
zn^yN#lLFV!W!q%>W$Bx){wV#&^+E+rT~oH-bXEW$I}#NTpm^$<_80R0aN)uH6DaD@
zcSSwseIlvIefh$Y<dtotz@3s=VFDYV2zL>{2K&!jLK2?>32+twlxPT5$YOh9`o<Pb
z4K0>kFhI#Zgk=Db6PNE^F>PH)%II+(5)2FYk>urlGh$}C6*X2K&t4{^tc4JT$;(~g
z(8Tok8z3zfs4##7#pWUfT1T$cB#Q{3FnM|R{gipFb$dzIP^T@}4uf8r&uUDLVHhZ_
zn^O(|40LIsLVC2_^NiyK=XVkcy#O#juAuuvcP&6J5fC|~V0Qe1fuOM+t<RNo4PUWQ
z)F`L~Jk=bVQ-UBBXaEWdS}d@L1xhq-{<q8am&>n~1a-6H@&`zPfVo;IiKJj!p!Wj6
z)u9fX5(`eP@>GWk-_d0)lj{7izOcM|<mM>VQX*1Dv>CZXZGM4_xuB>=C(r*QGSPgb
zfB-ZM^i#yzch?=67UdWQ0DEk%$2Hh#D?XN9uBbpNC@Kg{Dj6V-F8jP10M<Ddlnd2;
z6eASH9GeuRMQ3_~nBKd6k=jgCzbHzFP|$kke0)%0+pOO??J>C?34jLk%K)fFEZ=xF
z3To0yQ3AdSGNK)xr)O+)26a0J+v3GMyQm@3KuAebe}lEu`j`g*7A2H;|MAH2_a_S9
zqjmGj$EHQW0PtQ>W5{}F@ikim3qymD{6Ii7d7T+y<;|S2lXkKPNxSb{hN6Zt_@OkH
zesR(uab@UI>L<NNQ^GNz?+Z19Tn-^;Z#Smg9KN2as4!>AsyYE-5Udms|Gd6;b|?em
zK}-gOmXCYhpDk2Skjg4n`OWEc+q(w<PJ8QS{psQ>`41IpFr>%txT^Ed4>Zjph>>dv
zdq&4%?Rwl3a5Dhxzp=OI;LW!)Co_^3W%rPR#~X^v%RXIN4ieL&vOJUN|EK40=8>L*
zMT#0Ex74n$y*Fk9x$*Yk+4K$ZF+wSB^q$O4j7aI5HD%twcth#Y_TG-cmZUGfyb~*;
zkQSBY*=(<HPK!((o(S}vuIlfZ#V0%W6@2jeq|08(@vPkfsZdlXOWRcc6UXxxzD?J9
z_j*nKk?w;<=Bj&d&s&QQk6HHqXP&wKcKf5OjY%;=UEJn7pWg0kj-8_8hNeel4uu1F
zZs63^zq|fg(C9s}z^n)CtXXuZGVFzZ)rq{#1m9GFj%AO|anFx0yf!ysVfT!fnRgN+
zQbqux|88HTYq&G6_0BnKo3A;uXT+UK5awFTEpIM7xc8xdVX6#B!^!+#Qq=DwBqGp<
z%@G-_WEJS+X3Lb|fO$6Ky9@tV#j1z@g&F?=XX*<|NcjQ5B2DceCDE)@=@-alC90l&
j9<mn{Iv)fWl&=Q>tgYQ^7RFxR00000NkvXXu0mjfp~Nvu

diff --git a/examples/graph/img/UI/rightarrow.png b/examples/graph/img/UI/rightarrow.png
deleted file mode 100644
index c3a209d8b0a58355305aae03b5520a1e070d8eab..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4514
zcmV;T5nb+yP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z000KfNkl<Zc-pL&dr*|;6~>=)-fx%60=o-~3&uscqkw>si!2o>5sjwfBtw!WZAfjL
zc9OQKiI-lcwX`)=Nz$5(Gf5aF32KstNSJ7-6H+aRARr>aa1((n_uIm<Tmpst`o}Ir
zTTnDUe}3<G&hNdR_jw5mkqipV#dmEIZy{MWl0X0et&L>}@SqLUBtRuL;Pkc4Q|CdD
zZ<ms8*_sXxT7?}prdOE&nH>Ra&rFVRCI%7DCM00zmt_-&kPh1&g9CH14WKLtJJ8={
zMb}!7^`=<Qq@ES(D2ra{Jpll{lU+`AmMV3HxmaIeKJU{!+ThK^u*o(M_$M`+tZy$E
z?Ef+UnMnQv6JXS*G^8#6MeTb1LwyTbm7=~go*$SpS6&!68_dKY&|j)j%zJMO_Rr-*
z#PYA0fG2&QEBj;k;cDE44%F|7$Z0zo3nCElYn2c5?YOaB+yp(z2U(JLG6B0o4}Sh)
z$V>IOOC{(w^emE`hb|3X@FP&%(lnK-BYU*q|G<H{*am?N62R}n4}G@H@5L5;OGRj6
z2Q>=!fr|rY{h1`=eNVfZI<l=-z5#y-;h~^P7QoZ~J4${TxVI7aNTKSeq0y<)iCSy5
zK@e|^+hW;Qn*&(@K){di0x@k&@JwlVHS$=+LK0pw7rW=RAM-8hFYuCOS@u!+jm`IO
zoX7g!I%~D6<7<;{#93`Iy=y5Y$e^IpWCMV=VorU$e({#u?%qp7#qQ5vej=3skbUPO
z);+O)e|ToGf}Q3(yB7xvb-%s3{Sg58cVZKBz$vT)fIzpfu7yAWpnRani-{5MnOwWh
zb5o6Ag{^X^B;<z`52U_veShfOqfYGiQw4Vkl8|&RU>y_jW-uYfBhj?bbsL`=QA#Ai
zRcI#v8unJ{p@`!rmpcb`n!oPTob1RpK3kRg;Mu->?>RP`iHIRdPMakniYEXu9*I4(
zBQh7dAE?`t&^FfWHB$}+N%n(J42dMiH+z|k)Wi<H9i4yrAMHo|bK0_EuUqR38TG$0
zeBPbcxGQ*niM!Hc5&$CHqI>eYasZ;W3_>6gW2HLEG6OzX_v?hV@fI&)F$-m4FbPN`
zfk}WsAn;8idVJ|K*N?{J=cIT&T%{CFw(8+aLC;=(B-K1Qpag&bw=fG4gF!(O6KjbW
ziygHW09wbcc?njaJh?mbPLGdTsQ<GoXkW!cUO#BaY|V&o8madwH=py`<dtgDDRmQ)
zede^1y$3h<T#z(-^W3f2F(U+m4EdX6#2^3?WDF9szJIdIY3U;WaRBgj3F<bDHhUS*
z8h$EBfJi`)0E5BAkU@}0AZhXDD|><ul-~#(owiCxTK*PwzQ17Av^*_bCCx~z`}ev4
zz&zRSB#{7sK^DZ<m>6}#U#Mq-cZcjR_EiOSvjaM_zT|)^Sb>?g8<p32!tc4tM;|Nf
z`z*>P%OXk>*Z6wmdmqhguIABtHG@ImMhVQN1Wu?NEY)w&KimxfYcvVw_u|fdGT$^F
zZrT_5&+d~k>{yO3tyS90=2whuW35XBG5lRZ+P5xwvMRwNx$DNbT5FBoVHip!BKnkN
z+FfZb_5rY<D^R6yos?LC(djW|M&s|+UK}V46~yf6q#rVRB-f@b`}x(m;u@^gK7u63
zw&{GX*)UQh6QO0S$@@ZIfo>t-`!&XH0^`b1>B@@(=fatoqcm~#ha=zrXg+AwP?@fC
zyxm)nK<L`!^8$YYyq|Km3KAPFQ-k!Ncj{NS1M9!DWIWU@vPG-VnFC!`cBU?Qs^W3O
z_Buh*ye99s>5VnL6Wuxn?R<S{RtW*XqaQ-FY8OullJJD#XC==E?Y)Y7s1v5lurocm
z@c=N<>L%qpmNP8?pf(4xA<d<Yh_}{_R2$r#bp0W&5te%a{a5elWx1Wll9&WQ^7i*r
zKB>IPfpi=jtumykRZMIwGZzJDmAd{A*HxBp3q8@6xsizh@XOiJpJvSIx!SXb3w(a8
z)e<PK!dw(EHa$8K?ViwkH_#8-v%>N^PbAq3j_tK~qEGFd*X#j+>D{3-%eT3!m?UGp
z^$SCTwZ_F&avQsE(Xz3H0IMzKp2tmZMwgijqwMw;FK4Z}8G1`YpIo@&83G*<j*8{$
z9M~11j`=EFv%1Gm6+Em}>Lvif;AFp(X}sC3Zn#=sZ>?F@JJID$AlPj!Z9lR)@8}&r
zVbW!AX;Ih<#NrhtD*@2#6*+T13r8IXX!bjScKO`D`tRwKe&<h^|Lwr#lIR2?{yu@?
zC6fG!SS##?V35Jr1&b20(J9~PnBrRjXY}6z0LbrV`}FNgZ~y=R07*qoM6N<$f*h}b
A;{X5v

diff --git a/examples/graph/img/UI/uparrow.png b/examples/graph/img/UI/uparrow.png
deleted file mode 100644
index 8aedced7fd2f21fb240c26f5038ee15e10115c4f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4461
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

diff --git a/examples/graph/img/UI/zoomExtends.png b/examples/graph/img/UI/zoomExtends.png
deleted file mode 100644
index 74595c6358448fbdcfbd62629084841ca7e8b8a9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4464
zcmV-$5s&VPP)<h;3K|Lk000e1NJLTq0015U0015c1^@s6J20-I00009a7bBm000XU
z000XU0RWnu7ytkYPiaF#P*7-ZbZ>KLZ*U+<Lqi~Na&Km7Y-Iodc-oy)XH-+^7Crag
z^g>IBfRsybQWXdwQbLP>6p<z>Aqfylh#{fb6;Z(vMMVS~$e@S=j*ftg6;Uh<iVD~V
z<RPMtgQJLw%KPDaqifc@_vX$1wbwr9tn;0-&j-K=43<bUQ8j=JsX`tR;Dg7+#^K~H
zK!FM*Z~zbpvt%K2{UZSY_<lS*D<Z%Lz5oGu(+dayz)hRLFdT>f59&ghTmgWD0l;*T
zI7<kC6aYYajzXpYKt=(8otP$50H6c_V9R4-;{Z@C0AMG7=F<Rxo%or10RUT+Ar%3j
zkpLhQWr#!oXgdI`&sK^>09Y^p6lP1rIRMx#05C~cW=H_Aw*bJ-5DT&Z2n+x)QHX^p
z00esgV8|mQcmRZ%02D^@S3L16t`O%c004NIvOKvYIYoh62rY33S640`D9%Y2D-<?i
z0%4j!F2Z@488U%158(66005wo6%pWr^Zj_v4zAA5HjcIqUoGmt2LB>rV&neh&#Q1i
z007~1e$oCcFS8neI|hJl{-P!B1ZZ9hpmq0)X0i`JwE&>$+E?>%_<lS*MWK+n+1cgf
z<k(8YLR(?VSAG6x!e78w{cQPuJpA|d;J)G{fihizM+Erb!p!tcr5w+a34~(Y=8s4G
zw+sLL9n&JjNn*KJDiq^U5^;`1nvC-@r6P$!k}1U{(*I=Q-z@tBKHoI}uxdU5dyy@u
zU1J0GOD7Ombim^G008p4Z^6_k2m^p<gW=D2|L;HjN1!DDfM!XOaR2~bL?kX$%CkSm
z2mk;?pn)o|K^yeJ7%adB9Ki+L!3+FgHiSYX#KJ-lLJDMn9CBbOtb#%)hRv`YDqt_v
zKpix|QD}yfa1JiQRk#j4a1Z)n2%f<xynzV>LC6RbVIkUx0b+_+BaR3cnT7Zv!AJxW
zizFb)h!jyGOOZ85F;a?DAXP{m@;!0_Ifq<Ex{*7`05XF7hP+2Hl!3BQJ=6@fL%FCo
z8iYoo3(#bAF`ADSpqtQgv>H8(HlgRxt7s3}k3K`kFu>>-2Q$QMFfPW!La{h336o>X
zu_CMttHv6zR;&ZNiS=X8v3CR#fknUxHUxJ<AYmRsNLWl*PS{AOARHt#5!wki2?K;t
z!Y3k=s7tgax)J%r7-BLphge7~Bi0g+6E6^Zh(p9TBoc{3GAFr^0!gu?RMHaCM$&Fl
zBk3%un>0uoBa_M6WNWeqIg~6QE69c9o#eyhGvpiOA@W-aonk<7r1(?fC{oI5N*U!4
z<uv66WtcKSRim0x-Ke2d5jBrmLam{;Qm;{ms1r1GnmNsb7D-E`t)i9F8fX`2_i3-_
zbh;7Ul^#x)&{xvS=|||7=mYe33=M`AgU5(xC>fg=2N-7=cNnjjOr{yriy6mMFgG#l
znCF=fnQv8CDz++o6_Lscl}eQ+l^ZHARH>?_s@|##Rr6KLRFA1%Q+=*RRWnoLsR`7U
zt5vF<Q0r40Q)j6=sE4X&sBct1q<&fbi3VB2Ov6t@q*0);U*o*SAPZv|vv@2aYYnT0
zb%8a+Cb7-ge0D0knEf5Qi#@8Tp*ce{N;6lpQuCB%KL_KOarm5cP6_8Ir<e17iry6O
zDdH&`rZh~sF=bq9s+O0QSgS~@QL9Jmy*94xr=6y~MY~!1fet~(N+(<=M`w@D1)b+p
z*;C!83a1uLJv#NSE~;y#8=<>IcfW3@?wFpwUVxrVZ>QdQz32KIeJ}k~{cZZE^+ya?
z2D1z#2HOnI7(B%_ac?{wFUQ;QQA1tBKtrWrm0_3Rgps+?Jfqb{jYbcQX~taRB;#$y
zZN{S}1|}gUOHJxc?wV3fxuz+mJ4`!F$IZ;mqRrNsHJd##*D~ju=bP7?-?v~|cv>vB
zsJ6IeNwVZxrdjT`yl#bBIa#GxRa#xMMy;K#CDyyGyQdMSxlWT#tDe?p!?5wT$+oGt
z8L;Kp2HUQ-ZMJ=3XJQv;x5ci*?vuTfeY$;({XGW_huIFR9a<fJbF^|4I#xQ~n$Dc=
zKYhjYmgz5NSkDm8*fZm{6U!;YX`NG>(?@3)XSs8O^N5RyOM=TTmp(3=8^+zpz2r)C
z^>JO{deZfso3oq3?Wo(Y?l$ge?uXo;%ru`Vo>?<<(8I_>;8Eq#KMS9gFl*neeosSB
zfoHYnBQIkwkyowPu(zdms`p{<7e4kra-ZWq<2*OsGTvEV%s0Td$hXT+!*8Bnh2KMe
zBmZRodjHV?r+_5^X9J0WL4jKW`}lf%A-|44I@@LTvf1rHjG(ze6+w@Jt%Bvjts!X0
z?2xS?_ve_-k<Mujg;0Lz*3buG=3$G&ehepthlN*$KaOySSQ^nWmo<0M+(UEUMEXRQ
zMBbZcF;6+KElM>iKB_KiJlZ$9G`c^=E@oNG)mWWaNo-3TIW8)$Hg0Ub-~8?KhvJ>$
z3*&nim@mj(aCxE5!t{lw7O5^0EIO7zOo&c6l<+|iDySBWCGrz@C5{St!X3hAA}`T4
z(TLbXTq+(;@<=L8dXnssyft|w#WSTW<++3>sgS%(4NTpeI-VAqb|7ssJvzNHgOZVu
zaYCvgO_R1~>SyL=cFU|~g|hy|Zi}}s9+d~lYqOB71z9Z$wnC=pR9Yz4DhIM>Wmjgu
z&56o6maCpC&F##y%G;1PobR9i?GnNg;gYtchD%p19a!eQtZF&3JaKv33gZ<8D~47E
ztUS1iwkmDaPpj=$m#%)jCVEY4fnLGNg2A-`YwHVD3gv};>)hAvT~AmqS>Lr``i7kw
zJ{5_It`yrBmlc25DBO7E8;5VoznR>Ww5hAaxn$2~(q`%A-YuS64wkBy=9dm`4cXeX
z4c}I@?e+FW+b@^RDBHV(wnMq2zdX3SWv9u`%{xC-q*U}&`cyXV(%rRT*Z6MH?i+i&
z_B8C(+grT%{XWUQ+f@NoP1R=AW&26{v-dx)iK^-Nmiuj8txj!m?Z*Ss1N{dh4z}01
z)YTo*JycSU)+_5r4#yw9{+;i4Ee$peRgIj+;v;ZGdF1K$3E%e~4LaI(jC-u%2h$&R
z9cLXcYC@Xwnns&bn)_Q~Te?roKGD|d-g^8;+aC{{G(1^(O7m37Y1-+6)01cN&y1aw
zoqc{T`P^XJqPBbIW6s}d4{z_f5Om?vMgNQEJG?v2T=KYd^0M3I6IZxbny)%vZR&LD
zJpPl@Psh8QyPB@KTx+@RdcC!KX7}kEo;S|j^u2lU7XQ}Oo;f|;z4Ll+_r>@1-xl3|
zawq-H%e&ckC+@AhPrP6BK<z=<L*0kfKU@CX*zeqbYQT4(^U>T#_XdT7&;F71j}Joy
zkC~6lh7E@6o;W@^IpRNZ{ptLtL(gQ-CY~4mqW;US7Zxvm_|@yz&e53Bp_lTPlfP|z
zrTyx_>lv@x#=^!PzR7qqF<$gm`|ZJZ+;<)Cqu&ot<a{81DF0~rvGr5Xr~8u`lav1h
z1DNytV>2z=0000WV@Og>004R=004l4008;_004mL004C`008P>0026e000+nl3&F}
z000J?Nkl<Zc-pL&ZBUfg703Vob01+MDsBLg+Oh%VMcg#Sth>mr?3xa&Z(!1P+L?CZ
z)HFk8I!$dt<2X~bGfw*<Nf||FIt>YAl1VaY`=w2guz-01!Jr_ZsL({y1u8G%uE2<*
zWuJa{cDHB*w@LpqJI~ABdw%zvd(XM|VQFb8L<A%OAaWmmCW%`25dzo%!BzkcDy#xv
z3W^Q|2?T-91#AUb16^+>MF#)^&|!!GbP|t${2X*$hc+8@H}HdkBLcy%ASf3Cx)=r^
zgbqMK03cbTB$MI*@It72nGPHhNKg+!0U(GVM8p7xVImUo7yxSBM|KjZh5{f!+M?A%
zd5P}+yo8M-tK)OWm&K+`6Ts;7Q0#??uJ}{_=HyfU=G05q`%;8b9@K;7q&!97bws2`
z>}z*JN#dyM@Bs++k$@w)sPD;#esO+d^0q6uhf)`=ypg(a<qgmB?+*j$Zn{#J^lpD;
zPRrE~vxHJjAPvBN7~_vbRoU(Kh{qx5AqaL0fgh*;yzSuHciPexWlkYVnd4SXZT-fN
zeB-zM|GqHM`At$>ipm6{jwG@M>|X{Sbsc_@3S~mzg*7iWKA-*jUVKG46AMQk(BiJO
z2aczc%o9qSP#UrZYz8<lFVBD$RP2P{B`RR=!-wj3ra%7$zNQ{oY6~n~@Zi-?uYR~v
zs5ykvpD|$VB5BNVO+kgCLbV96BYjuvj)#8v&pmtgl!hZwQc~iz+wHz+VD0Vg=DNB%
zPxyK7-o2HVZw|EnWw1J*Ky{t-)i<}aJ~JaC0tj|N07p_$-*0jb_Jq^ve}w{o)oS%^
z-n`i>B9TSAE9194>k~Hik^&{#E)jve?>a<LC?|j&Y0sVy8z702k`ixCO^xT|$&==2
z!5tkP=KA`2&!$bAyh^Fa`yZ_M>3NMBG-~Dbj@PL{p#T6fmRN?|%eF>RX8ZQ-Uc24y
zBk8TJt@RwZ`AlH!_OMAHAdR0<kqDuJP>>Y6Jn-lz+e{vh$GdjzS|0#!*j`?Odn`RJ
zYsfcsF=a-dDG&l%AcQT!)jxaW;qcmQHedT=e-GF`e!|2MRH&d)gQ5ma7C=#fAgoQr
zrqiyYfe;ko>wg!Uy`L0lvS5owVLn0F5?mv5g>UTku*vIu6(=71SLJ+RE|fK;yam&o
zt2}<)NbS&H0dl=YFoP82EXf_8tAnBj359k(DX7STx|cE*uNe<bQKm+Ui4-i0O_`pn
zg8}9J!Bha}ZkG^~G_6qs0Fy=v1o!jCSU~raP(kiDKpHIsK!6lnnI4Xv&!CD5EWkWd
z;=eT(s~NTeq9C6M1-+AJ;^#9Mt;cE}@TKd0@kV^*9~vnq2yu1<T9XTtA0NI~hoso$
z0c%sSsSs;QRVZf(LZb#!poa$c-HxB&O#ZRJT;TJQ-N~W$Cxn!v0;0ozJoWAh1OTT`
zpEg^YicMXvy1*S!Szyc;1ww&F4L$iE1-|oXp{b{*#|!}BYgl~~XHr8MQmYB1Nhk5e
z)aNNJV-1Op#KJKE@Or%-lHP`f22W8@k#~3Q?x^Z@PfU-wrKQC~(%aI~;;~pPl>pFr
ztu68L&A}8!1%Winw&rJb0m}r$p9iXPX4mR4G&eUl>P^C8vG|-$r#A$Tyl)tNFUKgY
zs?6Q_!=QxztN?&h{^sn%pB=D-!2r<M*y!o%>WX@kICt(`*yD(exBDwCXU99TX{1^O
zNpRo3eGn0Ru;G=b1X86$Ls{nUyicrn(ue<pj*Zrs-|YXRhY;upKE0vqdsVuwL%H2<
zkVMv?t@EO}GfpUuHh<G9Q%vGm_Tq1ke_iO?1C<`3faJ>nUNVoYHmaP<<wAJV&K$Hh
zTr_u@2<DygH?5kQxjwz_LFedKfxbIfW%=9XcQy(II`j$vWh9Y0oNb)BTrSrghxp7v
zYu%;P?l__5=$$<Ct-i^#ixz9~Q!5@YM|INd9zU7%R{x*YwfR5E4W-`8LMan53Xpl!
z@R<Ae?~iy)5=tqML}UINKO^KdMFmojwlHJpk)<}@!|{)fq{n4Wm|_yA0pi-Nu~^@Y
zOG_?HbSL*to;8n752X+UNDzD)K$TD-h#&wUzpEI!u74REz84WRtbaok)N`c#Ax2^V
zFtSA|W0!%7)N#&!|7%5c5I}HtsSWBg$nP#OK4Inyo2PAOP(;d)+21;-15T2~I)eFt
ztke-SDQW;2(1DAJ(n`qt0FDD8_YAM^sO8~l{m%gI<{=ovHC?#?0000<MNUMnLSTa8
C+g;TF

diff --git a/src/graph/Graph.js b/src/graph/Graph.js
index 65a47f1c..c3fa6c1a 100644
--- a/src/graph/Graph.js
+++ b/src/graph/Graph.js
@@ -86,19 +86,21 @@ function Graph (container, data, options) {
       activeAreaBoxSize: 100,       // (px)                  | box area around the curser where clusters are popped open.
       massTransferCoefficient: 1    // (multiplier)          | parent.mass += massTransferCoefficient * child.mass
     },
-    UI: {
+    navigationUI: {
       enabled: true,
       initiallyVisible: true,
       xMovementSpeed: 10,
       yMovementSpeed: 10,
       zoomMovementSpeed: 0.02,
-      iconPath: 'img/UI/'
+      iconPath: this._getIconURL()
+    },
+    keyboardNavigation: {
+      enabled: false
     },
     minVelocity: 1.0,   // px/s
     maxIterations: 1000  // maximum number of iteration to stabilize
   };
 
-
   // Node variables
   this.groups = new Groups(); // object with groups
   this.images = new Images(); // object with images
@@ -106,13 +108,12 @@ function Graph (container, data, options) {
     graph._redraw();
   });
 
-  // UI variables
-  this.UIvisible = this.constants.UI.initiallyVisible;
+  // navigationUI variables
+  this.UIvisible = this.constants.navigationUI.initiallyVisible;
   this.xIncrement = 0;
   this.yIncrement = 0;
   this.zoomIncrement = 0;
 
-  console.log
   // create a frame and canvas
   this._create();
 
@@ -128,7 +129,7 @@ function Graph (container, data, options) {
   // load the selection system. (mandatory, required by Graph)
   this._loadSelectionSystem();
 
-  // load the UI system.        (mandatory, few function calls even when UI is disabled (in this.setSize)
+  // load the navigationUI system.        (mandatory, few function calls even when navigationUI is disabled (in this.setSize)
   this._loadUISystem();
 
   // other vars
@@ -199,6 +200,28 @@ function Graph (container, data, options) {
   }
 }
 
+/**
+ * get the URL where the UI icons are located
+ *
+ * @returns {string}
+ * @private
+ */
+Graph.prototype._getIconURL = function() {
+  var scripts = document.getElementsByTagName( 'script' );
+  var scriptNamePosition, srcPosition, imagePath;
+  for (var i = 0; i < scripts.length; i++) {
+    srcPosition = scripts[i].outerHTML.search("src");
+    if (srcPosition != -1) {
+      scriptNamePosition = util._getLowestPositiveNumber(scripts[i].outerHTML.search("vis.js"),
+                                                  scripts[i].outerHTML.search("vis.min.js"));
+      if (scriptNamePosition != -1) {
+        imagePath = scripts[i].outerHTML.substring(srcPosition+5,scriptNamePosition).concat("UI_icons/");
+        return imagePath;
+      }
+    }
+  }
+};
+
 
 /**
  * Find the center position of the graph
@@ -261,8 +284,8 @@ Graph.prototype.zoomToFit = function(initialZoom) {
 
   if (initialZoom == true) {
     if (this.constants.clustering.enabled == true &&
-        numberOfNodes < this.constants.clustering.initialMaxNumberOfNodes) {
-      var zoomLevel = 38.8467 / (numberOfNodes - 14.50184) + 0.0116360476; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
+        numberOfNodes >= this.constants.clustering.initialMaxNumberOfNodes) {
+      var zoomLevel = 38.8467 / (numberOfNodes - 14.50184) + 0.0116; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
     }
     else {
       var zoomLevel = 42.54117319 / (numberOfNodes + 39.31966387) + 0.1944405; // this is obtained from fitting a dataset from 5 points with scale levels that looked good.
@@ -370,10 +393,10 @@ Graph.prototype.setOptions = function (options) {
       }
     }
 
-    if (options.UI) {
-      for (var prop in options.UI) {
-        if (options.UI.hasOwnProperty(prop)) {
-          this.constants.UI[prop] = options.UI[prop];
+    if (options.navigationUI) {
+      for (var prop in options.navigationUI) {
+        if (options.navigationUI.hasOwnProperty(prop)) {
+          this.constants.navigationUI[prop] = options.navigationUI[prop];
         }
       }
     }
@@ -1041,7 +1064,7 @@ Graph.prototype.setSize = function(width, height) {
   this.frame.canvas.width = this.frame.canvas.clientWidth;
   this.frame.canvas.height = this.frame.canvas.clientHeight;
 
-  if (this.constants.UI.enabled == true) {
+  if (this.constants.navigationUI.enabled == true) {
     this._relocateUI();
   }
 };
@@ -1562,6 +1585,7 @@ Graph.prototype._doStabilize = function() {
     stable = !this._isMoving(vmin);
     count++;
   }
+  this.zoomToFit();
 
  // var end = new Date();
 
@@ -1611,7 +1635,7 @@ Graph.prototype._calculateForces = function() {
   // Gravity is required to keep separated groups from floating off
   // the forces are reset to zero in this loop by using _setForce instead
   // of _addForce
-  var gravity = 0.20 * this.forceFactor;
+  var gravity = 0.10 * this.forceFactor;
   for (i = 0; i < this.nodeIndices.length; i++) {
       node = nodes[this.nodeIndices[i]];
       // gravity does not apply when we are in a pocket sector
@@ -1796,10 +1820,10 @@ Graph.prototype._calculateForces = function() {
  * @private
  */
 Graph.prototype._isMoving = function(vmin) {
-  // TODO: ismoving does not work well: should check the kinetic energy, not its velocity
+  var vminCorrected = vmin / this.scale;
   var nodes = this.nodes;
   for (var id in nodes) {
-    if (nodes.hasOwnProperty(id) && nodes[id].isMoving(vmin)) {
+    if (nodes.hasOwnProperty(id) && nodes[id].isMoving(vminCorrected)) {
       return true;
     }
   }
@@ -1938,7 +1962,7 @@ Graph.prototype._loadSectorSystem = function() {
                                        "formationScale": 1.0,
                                        "drawingNode": undefined};
   this.sectors["frozen"] = {};
-  this.sectors["UI"] = {"nodes":{},
+  this.sectors["navigationUI"] = {"nodes":{},
                         "edges":{},
                         "nodeIndices":[],
                         "formationScale": 1.0,
@@ -1971,7 +1995,7 @@ Graph.prototype._loadSelectionSystem = function() {
 
 
 /**
- * Mixin the UI (User Interface) system and initialize the parameters required
+ * Mixin the navigationUI (User Interface) system and initialize the parameters required
  *
  * @private
  */
@@ -1982,7 +2006,7 @@ Graph.prototype._loadUISystem = function() {
     }
   }
 
-  if (this.constants.UI.enabled == true) {
+  if (this.constants.navigationUI.enabled == true) {
     this._loadUIElements();
 
     this._createKeyBinds();
@@ -1990,17 +2014,17 @@ Graph.prototype._loadUISystem = function() {
 }
 
 /**
- * this function exists to avoid errors when not loading the UI system
+ * this function exists to avoid errors when not loading the navigationUI system
  */
 Graph.prototype._relocateUI = function() {
-  // empty, is overloaded by UI system
+  // empty, is overloaded by navigationUI system
 }
 
 /**
- * * this function exists to avoid errors when not loading the UI system
+ * * this function exists to avoid errors when not loading the navigationUI system
  */
 Graph.prototype._unHighlightAll = function() {
-  // empty, is overloaded by the UI system
+  // empty, is overloaded by the navigationUI system
 }
 
 
diff --git a/src/graph/Node.js b/src/graph/Node.js
index f5b125c0..8e49b26d 100644
--- a/src/graph/Node.js
+++ b/src/graph/Node.js
@@ -44,8 +44,8 @@ function Node(properties, imagelist, grouplist, constants) {
   this.y = 0;
   this.xFixed = false;
   this.yFixed = false;
-  this.horizontalAlignLeft = true; // these are for the UI
-  this.verticalAlignTop    = true; // these are for the UI
+  this.horizontalAlignLeft = true; // these are for the navigationUI
+  this.verticalAlignTop    = true; // these are for the navigationUI
   this.radius = constants.nodes.radius;
   this.baseRadiusValue = constants.nodes.radius;
   this.radiusFixed = false;
@@ -151,7 +151,7 @@ Node.prototype.setProperties = function(properties, constants) {
   if (properties.y !== undefined)         {this.y = properties.y;}
   if (properties.value !== undefined)     {this.value = properties.value;}
 
-  // UI properties
+  // navigationUI properties
   if (properties.horizontalAlignLeft !== undefined) {this.horizontalAlignLeft = properties.horizontalAlignLeft;}
   if (properties.verticalAlignTop    !== undefined) {this.verticalAlignTop    = properties.verticalAlignTop;}
   if (properties.triggerFunction     !== undefined) {this.triggerFunction     = properties.triggerFunction;}
@@ -406,9 +406,6 @@ Node.prototype.isFixed = function() {
  */
 // TODO: replace this method with calculating the kinetic energy
 Node.prototype.isMoving = function(vmin) {
-//  return (Math.abs(this.vx) > vmin || Math.abs(this.vy) > vmin ||
-//      (!this.xFixed && Math.abs(this.fx) > this.minForce) ||
-//      (!this.yFixed && Math.abs(this.fy) > this.minForce));
   if (Math.abs(this.vx) > vmin || Math.abs(this.vy) > vmin) {
     return true;
   }
diff --git a/src/graph/SectorsMixin.js b/src/graph/SectorsMixin.js
index a13cc037..53620978 100644
--- a/src/graph/SectorsMixin.js
+++ b/src/graph/SectorsMixin.js
@@ -72,14 +72,14 @@ var SectorMixin = {
 
   /**
    * This function sets the global references to nodes, edges and nodeIndices to
-   * those of the UI sector.
+   * those of the navigationUI sector.
    *
    * @private
    */
   _switchToUISector : function() {
-    this.nodeIndices = this.sectors["UI"]["nodeIndices"];
-    this.nodes       = this.sectors["UI"]["nodes"];
-    this.edges       = this.sectors["UI"]["edges"];
+    this.nodeIndices = this.sectors["navigationUI"]["nodeIndices"];
+    this.nodes       = this.sectors["navigationUI"]["nodes"];
+    this.edges       = this.sectors["navigationUI"]["edges"];
   },
 
 
@@ -432,7 +432,7 @@ var SectorMixin = {
 
 
   /**
-   * This runs a function in the UI sector.
+   * This runs a function in the navigationUI sector.
    *
    * @param {String} runFunction  |   This is the NAME of a function we want to call in all active sectors
    *                              |   we don't pass the function itself because then the "this" is the window object
diff --git a/src/graph/SelectionMixin.js b/src/graph/SelectionMixin.js
index 368c19f5..e50fdb17 100644
--- a/src/graph/SelectionMixin.js
+++ b/src/graph/SelectionMixin.js
@@ -33,7 +33,7 @@ var SelectionMixin = {
 
 
   /**
-   * retrieve all nodes in the UI overlapping with given object
+   * retrieve all nodes in the navigationUI overlapping with given object
    * @param {Object} object  An object with parameters left, top, right, bottom
    * @return {Number[]}   An array with id's of the overlapping nodes
    * @private
@@ -80,7 +80,7 @@ var SelectionMixin = {
 
 
   /**
-   * Get the top UI node at the a specific point (like a click)
+   * Get the top navigationUI node at the a specific point (like a click)
    *
    * @param {{x: Number, y: Number}} pointer
    * @return {Node | null} node
@@ -90,7 +90,7 @@ var SelectionMixin = {
     var screenPositionObject = this._pointerToScreenPositionObject(pointer);
     var overlappingNodes = this._getAllUINodesOverlappingWith(screenPositionObject);
     if (this.UIvisible && overlappingNodes.length > 0) {
-      return this.sectors["UI"]["nodes"][overlappingNodes[overlappingNodes.length - 1]];
+      return this.sectors["navigationUI"]["nodes"][overlappingNodes[overlappingNodes.length - 1]];
     }
     else {
       return null;
@@ -106,7 +106,7 @@ var SelectionMixin = {
    * @private
    */
   _getNodeAt : function (pointer) {
-    // we first check if this is an UI element
+    // we first check if this is an navigationUI element
     var positionObject = this._pointerToPositionObject(pointer);
     overlappingNodes = this._getAllNodesOverlappingWith(positionObject);
 
@@ -223,7 +223,7 @@ var SelectionMixin = {
 
 
   /**
-   * handles the selection part of the touch, only for UI elements;
+   * handles the selection part of the touch, only for navigationUI elements;
    * Touch is triggered before tap, also before hold. Hold triggers after a while.
    * This is the most responsive solution
    *
@@ -291,7 +291,7 @@ var SelectionMixin = {
 
 
   /**
-   * handle the onRelease event. These functions are here for the UI module.
+   * handle the onRelease event. These functions are here for the navigationUI module.
    *
     * @private
    */
diff --git a/src/graph/UIMixin.js b/src/graph/UIMixin.js
index ba4fdeed..653c22c3 100644
--- a/src/graph/UIMixin.js
+++ b/src/graph/UIMixin.js
@@ -5,7 +5,7 @@
 var UIMixin = {
 
   /**
-   * This function moves the UI if the canvas size has been changed. If the arugments
+   * This function moves the navigationUI if the canvas size has been changed. If the arugments
    * verticaAlignTop and horizontalAlignLeft are false, the correction will be made
    *
    * @private
@@ -18,9 +18,9 @@ var UIMixin = {
       this.UIclientHeight = this.frame.canvas.clientHeight;
       var node = null;
 
-      for (var nodeId in this.sectors["UI"]["nodes"]) {
-        if (this.sectors["UI"]["nodes"].hasOwnProperty(nodeId)) {
-          node = this.sectors["UI"]["nodes"][nodeId];
+      for (var nodeId in this.sectors["navigationUI"]["nodes"]) {
+        if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(nodeId)) {
+          node = this.sectors["navigationUI"]["nodes"][nodeId];
           if (!node.horizontalAlignLeft) {
             node.x -= xOffset;
           }
@@ -34,15 +34,15 @@ var UIMixin = {
 
 
   /**
-   * Creation of the UI nodes. They are drawn over the rest of the nodes and are not affected by scale and translation
-   * they have a triggerFunction which is called on click. If the position of the UI is dependent
+   * Creation of the navigationUI nodes. They are drawn over the rest of the nodes and are not affected by scale and translation
+   * they have a triggerFunction which is called on click. If the position of the navigationUI is dependent
    * on this.frame.canvas.clientWidth or this.frame.canvas.clientHeight, we flag horizontalAlignLeft and verticalAlignTop false.
    * This means that the location will be corrected by the _relocateUI function on a size change of the canvas.
    *
    * @private
    */
   _loadUIElements : function() {
-    var DIR = 'img/UI/';
+    var DIR = this.constants.navigationUI.iconPath;
     this.UIclientWidth = this.frame.canvas.clientWidth;
     this.UIclientHeight = this.frame.canvas.clientHeight;
     if (this.UIclientWidth === undefined) {
@@ -53,7 +53,7 @@ var UIMixin = {
     var intermediateOffset = 7;
     var UINodes = [
       {id: 'UI_up',    shape: 'image', image: DIR + 'uparrow.png',   triggerFunction: "_moveUp",
-        verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 47 - offset},
+        verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 45 - offset - intermediateOffset},
       {id: 'UI_down',  shape: 'image', image: DIR + 'downarrow.png', triggerFunction: "_moveDown",
         verticalAlignTop: false,  x: 45 + offset + intermediateOffset,  y: this.UIclientHeight - 15 - offset},
       {id: 'UI_left',  shape: 'image', image: DIR + 'leftarrow.png', triggerFunction: "_moveLeft",
@@ -74,7 +74,7 @@ var UIMixin = {
 
     var nodeObj = null;
     for (var i = 0; i < UINodes.length; i++) {
-      nodeObj = this.sectors["UI"]['nodes'];
+      nodeObj = this.sectors["navigationUI"]['nodes'];
       nodeObj[UINodes[i]['id']] = new Node(UINodes[i], this.images, this.groups, this.constants);
     }
   },
@@ -88,8 +88,8 @@ var UIMixin = {
    * @private
    */
   _highlightUIElement : function(elementId) {
-    if (this.sectors["UI"]["nodes"].hasOwnProperty(elementId)) {
-      this.sectors["UI"]["nodes"][elementId].clusterSize = 2;
+    if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(elementId)) {
+      this.sectors["navigationUI"]["nodes"][elementId].clusterSize = 2;
     }
   },
 
@@ -101,14 +101,14 @@ var UIMixin = {
    * @private
    */
   _unHighlightUIElement : function(elementId) {
-    if (this.sectors["UI"]["nodes"].hasOwnProperty(elementId)) {
-      this.sectors["UI"]["nodes"][elementId].clusterSize = 1;
+    if (this.sectors["navigationUI"]["nodes"].hasOwnProperty(elementId)) {
+      this.sectors["navigationUI"]["nodes"][elementId].clusterSize = 1;
     }
   },
 
 
   /**
-   * toggle the visibility of the UI
+   * toggle the visibility of the navigationUI
    *
    * @private
    */
@@ -122,11 +122,11 @@ var UIMixin = {
 
 
   /**
-   * un-highlight (for lack of a better term) all UI elements
+   * un-highlight (for lack of a better term) all navigationUI elements
    * @private
    */
   _unHighlightAll : function() {
-    for (var nodeId in this.sectors['UI']['nodes']) {
+    for (var nodeId in this.sectors['navigationUI']['nodes']) {
       this._unHighlightUIElement(nodeId);
     }
   },
@@ -153,7 +153,7 @@ var UIMixin = {
    */
   _moveUp : function(event) {
     this._highlightUIElement("UI_up");
-    this.yIncrement = this.constants.UI.yMovementSpeed;
+    this.yIncrement = this.constants.navigationUI.yMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -165,7 +165,7 @@ var UIMixin = {
    */
   _moveDown : function(event) {
     this._highlightUIElement("UI_down");
-    this.yIncrement = -this.constants.UI.yMovementSpeed;
+    this.yIncrement = -this.constants.navigationUI.yMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -177,7 +177,7 @@ var UIMixin = {
    */
   _moveLeft : function(event) {
     this._highlightUIElement("UI_left");
-    this.xIncrement = this.constants.UI.xMovementSpeed;
+    this.xIncrement = this.constants.navigationUI.xMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -189,7 +189,7 @@ var UIMixin = {
    */
   _moveRight : function(event) {
     this._highlightUIElement("UI_right");
-    this.xIncrement = -this.constants.UI.xMovementSpeed;
+    this.xIncrement = -this.constants.navigationUI.xMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -201,7 +201,7 @@ var UIMixin = {
    */
   _zoomIn : function(event) {
     this._highlightUIElement("UI_plus");
-    this.zoomIncrement = this.constants.UI.zoomMovementSpeed;
+    this.zoomIncrement = this.constants.navigationUI.zoomMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
@@ -213,7 +213,7 @@ var UIMixin = {
    */
   _zoomOut : function() {
     this._highlightUIElement("UI_min");
-    this.zoomIncrement = -this.constants.UI.zoomMovementSpeed;
+    this.zoomIncrement = -this.constants.navigationUI.zoomMovementSpeed;
     this.start(); // if there is no node movement, the calculation wont be done
     this._preventDefault(event);
   },
diff --git a/src/util.js b/src/util.js
index 9036691e..e4feacc2 100644
--- a/src/util.js
+++ b/src/util.js
@@ -671,3 +671,31 @@ util.option.asElement = function (value, defaultValue) {
 
   return value || defaultValue || null;
 };
+
+
+/**
+ * Compare two numbers and return the lowest, non-negative number.
+ *
+ * @param {number} number1
+ * @param {number} number2
+ * @returns {number}        | number1 or number2, the lowest positive number. If both negative, return -1
+ * @private
+ */
+util._getLowestPositiveNumber = function(number1,number2) {
+  if (number1 >= 0) {
+    if (number2 >= 0) {
+      return (number1 < number2) ? number1 : number2;
+    }
+    else {
+      return number1;
+    }
+  }
+  else {
+    if (number2 >= 0) {
+      return number2;
+    }
+    else {
+      return -1;
+    }
+  }
+}