diff --git a/hacking/SideMenuController.js b/hacking/SideMenuController.js
index dc27973571..1d97e9910b 100644
--- a/hacking/SideMenuController.js
+++ b/hacking/SideMenuController.js
@@ -18,7 +18,6 @@
     this.content.endDrag = function(e) {
       _this._endDrag(e);
     };
-
   };
 
   SideMenuController.prototype = {
diff --git a/hacking/sideMenu.html b/hacking/sideMenu.html
index e08c549aea..26e50d1c82 100644
--- a/hacking/sideMenu.html
+++ b/hacking/sideMenu.html
@@ -10,7 +10,7 @@
   </head>
   <body>
 
-    <section>
+    <section id="content" class="full-section menu-animated">
 
       <header class="bar bar-header bar-dark">
         <a href="#" class="button"><i class="icon-reorder"></i></a>
@@ -21,12 +21,67 @@
         <h1>Swipe me, side to side</h1>
       </main>
     </section>
+    <section id="my-left-panel" class="menu menu-left">
+      <ul class="list">
+      </ul>
+    </section>
+    <section id="my-right-panel" class="menu menu-right">
+      <ul class="list">
+      </ul>
+    </section>
 
     <script src="../../js/ionic-events.js"></script>
     <script src="../../js/ionic-gestures.js"></script>
-    <script src="TabBar.js"></script>
-    <script src="TabBarController.js"></script>
+    <script src="SideMenu.js"></script>
+    <script src="SideMenuController.js"></script>
     <script>
+      var Controller = function(opts) {
+        var _this = this;
+
+        this.el = opts.el;
+        this.animateClass = opts.animateClass;
+
+        // Bind release and drag listeners
+        window.ionic.onGesture('drag', function(e) {
+          _this.onDrag && _this.onDrag(e);
+        }, this.el);
+
+        window.ionic.onGesture('release', function(e) {
+          _this.endDrag && _this._endDrag(e);
+        }, this.el);
+      };
+      Controller.prototype = {
+        onDrag: function(e) {},
+        endDrag: function(e) {},
+        getTranslateX: function() {
+          var r = /translate3d\((-?.+)px/;
+          var d = r.exec(this.el.style.webkitTransform);
+
+          if(d && d.length > 0) {
+            return parseFloat(d[1]);
+          }
+          return 0;
+        },
+        setTranslateX: function(amount) {
+          this.el.style.webkitTransform = 'translate3d(' + amount + 'px, 0, 0)';
+        },
+        enableAnimation: function() {
+          this.el.classList.add(this.animateClass);
+        },
+        disableAnimation: function() {
+          this.el.classList.remove(this.animateClass);
+        }
+      };
+
+      var l = new SideMenu({ el: document.getElementById('my-left-panel'), width: 270 });
+      var r = new SideMenu({ el: document.getElementById('my-right-panel'), width: 270 });
+      var c = new Controller({ el: document.createElement('content') });
+
+      var ctrl = new SideMenuController({
+        left: l,
+        right: r,
+        content: c
+      });
     </script>
   </body>
 </html>
diff --git a/js/ionic-events.js b/js/ionic-events.js
index 432417c431..5fb9d79f6c 100644
--- a/js/ionic-events.js
+++ b/js/ionic-events.js
@@ -100,8 +100,8 @@
   ionic.on = function() { ionic.EventController.on.apply(ionic.EventController, arguments); }
   ionic.off = function() { ionic.EventController.off.apply(ionic.EventController, arguments); }
   ionic.trigger = function() { ionic.EventController.trigger.apply(ionic.EventController.trigger, arguments); }
-  ionic.onGensture = function() { ionic.EventController.onGesture.apply(ionic.EventController.onGesture, arguments); }
-  ionic.offGensture = function() { ionic.EventController.offGesture.apply(ionic.EventController.offGesture, arguments); }
+  ionic.onGesture = function() { ionic.EventController.onGesture.apply(ionic.EventController.onGesture, arguments); }
+  ionic.offGesture = function() { ionic.EventController.offGesture.apply(ionic.EventController.offGesture, arguments); }
 
   // Set up various listeners
   window.addEventListener('click', ionic.EventController.handleClick);
