1 files changed, 4 insertions, 18 deletions
diff --git a/www/lib/vis/examples/timeline/interaction/navigationMenu.html b/www/lib/vis/examples/timeline/interaction/navigationMenu.html
index 07ec66c1..cb7c19ad 100755
--- a/www/lib/vis/examples/timeline/interaction/navigationMenu.html
+++ b/www/lib/vis/examples/timeline/interaction/navigationMenu.html
@@ -23,7 +23,7 @@
     </style>
 
     <script src="../../../dist/vis.js"></script>
-    <link href="../../../dist/vis.css" rel="stylesheet" type="text/css" />
+    <link href="../../../dist/vis-timeline-graph2d.min.css" rel="stylesheet" type="text/css" />
     <script src="../../googleAnalytics.js"></script>
 </head>
 <body>
@@ -69,26 +69,12 @@
         });
     }
 
-    /**
-     * Zoom the timeline a given percentage in or out
-     * @param {Number} percentage   For example 0.1 (zoom out) or -0.1 (zoom in)
-     */
-    function zoom (percentage) {
-        var range = timeline.getWindow();
-        var interval = range.end - range.start;
-
-        timeline.setWindow({
-            start: range.start.valueOf() - interval * percentage,
-            end:   range.end.valueOf()   + interval * percentage
-        });
-    }
-
     // attach events to the navigation buttons
-    document.getElementById('zoomIn').onclick    = function () { zoom(-0.2); };
-    document.getElementById('zoomOut').onclick   = function () { zoom( 0.2); };
+    document.getElementById('zoomIn').onclick    = function () { timeline.zoomIn( 0.2); };
+    document.getElementById('zoomOut').onclick   = function () { timeline.zoomOut( 0.2); };
     document.getElementById('moveLeft').onclick  = function () { move( 0.2); };
     document.getElementById('moveRight').onclick = function () { move(-0.2); };
 
 </script>
 </body>
-</html>
-\ No newline at end of file
+</html>