FOR DEMO PURPOSES: Zoom and pan to regions when navigating

Change-Id: I3fa5f3900059d9cdf94929af669a79a1e25c3a90
diff --git a/web/gui/src/main/webapp/app/view/topo2/topo2Zoom.js b/web/gui/src/main/webapp/app/view/topo2/topo2Zoom.js
index 772699a..89e7428 100644
--- a/web/gui/src/main/webapp/app/view/topo2/topo2Zoom.js
+++ b/web/gui/src/main/webapp/app/view/topo2/topo2Zoom.js
@@ -24,8 +24,9 @@
     'use strict';
 
     var zs, ps;
-    var zoomer;
-    var zoomEventListeners = [];
+
+    var zoomer,
+        zoomEventListeners = [];
 
     function createZoomer(options) {
         var settings = angular.extend({}, options, {
@@ -72,6 +73,10 @@
         return zoomer.scale();
     }
 
+    function panAndZoom(translate, scale) {
+        zoomer.panZoom(translate, scale, 1000);
+    }
+
     angular.module('ovTopo2')
     .factory('Topo2ZoomService',
         ['ZoomService', 'PrefsService',
@@ -85,7 +90,8 @@
                 addZoomEventListener: addZoomEventListener,
                 removeZoomEventListener: removeZoomEventListener,
 
-                scale: scale
+                scale: scale,
+                panAndZoom: panAndZoom
             };
         }]);
 })();