diff --git a/dist/js/ionic-angular.js b/dist/js/ionic-angular.js
index 28dccc53fe..f49ebce951 100644
--- a/dist/js/ionic-angular.js
+++ b/dist/js/ionic-angular.js
@@ -1029,360 +1029,6 @@ angular.module('ionic.ui.loading', [])
 (function() {
 'use strict';
 
-/**
- * Note: currently unused
- */
-
-/**
- * @description
- * The NavController is a navigation stack View Controller modelled off of 
- * UINavigationController from Cocoa Touch. With the Nav Controller, you can
- * "push" new "pages" on to the navigation stack, and then pop them off to go
- * back. The NavController controls a navigation bar with a back button and title
- * which updates as the pages switch.
- *
- * The NavController makes sure to not recycle scopes of old pages
- * so that a pop will still show the same state that the user left.
- *
- * However, once a page is popped, its scope is destroyed and will have to be
- * recreated then next time it is pushed.
- *
- */
-angular.module('ionic.ui.nav', ['ionic.service.templateLoad', 'ionic.service.gesture', 'ionic.service.platform', 'ngAnimate'])
-
-.controller('NavCtrl', ['$scope', '$element', '$animate', '$compile', '$timeout', 'TemplateLoader', 'Platform', function($scope, $element, $animate, $compile, $timeout, TemplateLoader, Platform) {
-  var _this = this;
-
-  angular.extend(this, ionic.controllers.NavController.prototype);
-
-  var pushInAnimation = $scope.pushInAnimation || 'slide-in-left';
-  var pushOutAnimation = $scope.pushOutAnimation || 'slide-out-left';
-  var popInAnimation = $scope.popInAnimation || 'slide-in-right';
-  var popOutAnimation = $scope.popOutAnimation || 'slide-out-right';
-
-  // Remove some push classnames
-  var cleanElementAnimations = function(el) {
-    el.removeClass(pushInAnimation);
-    el.removeClass(pushOutAnimation);
-    el.removeClass(popInAnimation);
-    el.removeClass(popOutAnimation);
-  }
-
-  /**
-   * Push a template onto the navigation stack.
-   * @param {string} templateUrl the URL of the template to load.
-   */
-  this.pushFromTemplate = function(templateUrl) {
-    var childScope = $scope.$new();
-    var last = _this.getTopController();
-
-    // Load the given template
-    TemplateLoader.load(templateUrl).then(function(templateString) {
-
-      // Compile the template with the new scope, and append
-      // it to the navigation's content area
-      var el = $compile(templateString)(childScope, function(cloned, scope) {
-
-        // If there was a last controller, remove it and mark the new
-        // one to animate
-        if(last) {
-          // Push animate
-          cleanElementAnimations(last.element);
-          $animate.addClass(last.element, pushOutAnimation, function() {
-            last.element[0].style.display = 'none';
-            last.element.removeClass(pushOutAnimation);
-          });
-
-        }
-
-
-        if(last) {
-          // We will need to animate in the new page since we have an old page
-          cloned.addClass(pushInAnimation);
-          $animate.addClass(cloned, pushInAnimation);
-        }
-
-        $animate.enter(cloned, $element, null, function() {
-        });
-
-      });
-    });
-  };
-
-  // Pop function
-  this.popController = function() {
-    var last = _this.pop();
-
-    var next = _this.getTopController();
-
-    if(last) {
-
-      cleanElementAnimations(last.element);
-      $animate.addClass(last.element, popOutAnimation, function() {
-        last.scope.$destroy();
-        last.element.remove();
-      });
-    }
-
-    // Animate the next one in
-    if(next) {
-      cleanElementAnimations(next.element);
-      $animate.addClass(next.element, popInAnimation)
-      next.element[0].style.display = 'block';
-    }
-
-    $scope.$parent.$broadcast('navigation.pop');
-  };
-
-
-  // Extend the low-level navigation controller
-  // for this angular controller
-  ionic.controllers.NavController.call(this, {
-    content: {
-    },
-    navBar: {
-      shouldGoBack: function() {
-      },
-      show: function() {
-        this.isVisible = true;
-      },
-      hide: function() {
-        this.isVisible = false;
-      },
-      setTitle: function(title) {
-        $scope.navController.title = title;
-      },
-      showBackButton: function(show) {
-      },
-    }
-  });
-
-  // Support Android hardware back button (native only, not mobile web)
-  var onHardwareBackButton = function(e) {
-    $scope.$apply(function() {
-      _this.popController();
-    });
-  }
-  Platform.onHardwareBackButton(onHardwareBackButton);
-
-
-  this.handleDrag = function(e) {
-    // TODO: Support dragging between pages
-  };
-
-  this.endDrag = function(e) {
-  };
-
-  /**
-   * Push a controller to the stack. This is called by the child
-   * nav-content directive when it is linked to a scope on the page.
-   */
-  $scope.pushController = function(scope, element) {
-    _this.push({
-      scope: scope,
-      element: element
-    });
-    $scope.$parent.$broadcast('navigation.push', scope);
-  };
-
-  this.pushController = function(scope, element) {
-    _this.push({
-      scope: scope,
-      element: element
-    });
-    $scope.$parent.$broadcast('navigation.push', scope);
-  };
-
-  $scope.navController = this;
-
-  $scope.$on('$destroy', function() {
-    // Remove back button listener
-    Platform.offHardwareBackButton(onHardwareBackButton);
-  });
-}])
-
-/**
- * The main directive for the controller.
- */
-.directive('navigation', function() {
-  return {
-    restrict: 'E',
-    replace: true,
-    transclude: true,
-    controller: 'NavCtrl',
-    //templateUrl: 'ext/angular/tmpl/ionicTabBar.tmpl.html',
-    template: '<div class="view" ng-transclude></div>',
-    scope: {
-      first: '@',
-      pushAnimation: '@',
-      popAnimation: '@'
-    },
-    link: function($scope, $element, $attr, navCtrl) {
-      $scope.pushAnimation = $scope.pushAnimation || 'slide-in-left';
-      $scope.popAnimation = $scope.popAnimation || 'slide-out-left';
-
-      if($scope.first) {
-        navCtrl.pushFromTemplate($scope.first);
-      }
-    }
-  };
-})
-
-/**
- * Our Nav Bar directive which updates as the controller state changes.
- */
-.directive('navBar', function() {
-  return {
-    restrict: 'E',
-    require: '^navigation',
-    replace: true,
-    scope: {
-      type: '@',
-      backButtonType: '@',
-      backButtonLabel: '@',
-      backButtonIcon: '@',
-      alignTitle: '@'
-    },
-    template: '<header class="bar bar-header nav-bar" ng-class="{hidden: !navController.navBar.isVisible}">' + 
-        '<button ng-click="goBack()" class="button" ng-if="navController.controllers.length > 1" ng-class="backButtonType" ng-bind-html="backButtonContent"></button>' +
-        '<h1 class="title">{{navController.getTopController().scope.title}}</h1>' + 
-      '</header>',
-    link: function($scope, $element, $attr, navCtrl) {
-      var backButton;
-
-      $scope.backButtonContent = '';
-
-      if($scope.backButtonIcon) {
-        $scope.backButtonContent += '<i class="icon ' + $scope.backButtonIcon + '"></i>';
-      }
-      if($scope.backButtonLabel) {
-        $scope.backButtonContent += ' ' + $scope.backButtonLabel
-      }
-
-
-      $scope.navController = navCtrl;
-
-      $scope.goBack = function() {
-        navCtrl.popController();
-      };
-
-
-      var hb = new ionic.views.HeaderBar({
-        el: $element[0],
-        alignTitle: $scope.alignTitle || 'center'
-      });
-
-      $element.addClass($scope.type);
-
-      $scope.headerBarView = hb;
-
-      $scope.$parent.$on('navigation.push', function() {
-        backButton = angular.element($element[0].querySelector('.button'));
-        backButton.addClass($scope.backButtonType);
-        hb.align();
-      });
-      $scope.$parent.$on('navigation.pop', function() {
-        hb.align();
-      });
-
-      $scope.$on('$destroy', function() {
-        //
-      });
-    }
-  };
-})
-
-.directive('navPage', ['Gesture', '$animate', '$compile', function(Gesture, $animate, $compile) {
-
-  return {
-    restrict: 'AC',
-    require: '^navigation',
-    link: function($scope, $element, $attr, navCtrl) {
-      var lastParent, lastIndex, childScope, childElement;
-
-      // Store that we should go forwards on the animation. This toggles
-      // based on the visibility sequence (to support reverse transitions)
-      var lastDirection = null;
-
-      $scope.title = $attr.title;
-
-      if($attr.navBar === "false") {
-        navCtrl.hideNavBar();
-      } else {
-        navCtrl.showNavBar();
-      }
-
-      $scope.$on('$destroy', function() {
-        if(childElement) {
-          childElement.remove();
-        }
-      });
-    
-      // Push this controller onto the stack
-      navCtrl.pushController($scope, $element);
-    }
-  }
-}])
-
-/**
- * Tell the nav controller in the current scope to push a new
- * controller onto the stack, with the given template URL.
- */
-.directive('navPush', function() {
-  return {
-    restrict: 'A',
-    link: function($scope, $element, $attr) {
-      var templateUrl = $attr.navPush;
-
-      var pushTemplate = ionic.throttle(function(e) {
-        $scope.$apply(function() {
-          $scope.navController && $scope.navController.pushFromTemplate(templateUrl);
-        });
-        return false;
-      }, 300, {
-        trailing: false
-      });
-
-      $element.bind('tap', pushTemplate);
-
-      $scope.$on('$destroy', function() {
-        $element.unbind('tap', pushTemplate);
-      });
-    }
-  }
-})
-
-/**
- * Tell the nav controller in the current scope to pop the top controller
- * and go back in the stack.
- */
-.directive('navPop', function() {
-  return {
-    restrict: 'A',
-    link: function($scope, $element, $attr, navCtrl) {
-      var popTemplate = ionic.throttle(function(e) {
-        $scope.$apply(function() {
-          $scope.navController && navController.pop();
-        });
-        return false;
-      }, 300, {
-        trailing: false
-      });
-
-      $element.bind('tap', popTemplate);
-
-      $scope.$on('$destroy', function() {
-        $element.unbind('tap', popTemplate);
-      });
-    }
-  }
-})
-
-})();
-;
-(function() {
-'use strict';
-
 /**
  * @description
  * The NavController is a navigation stack View Controller modelled off of 
diff --git a/dist/js/ionic.js b/dist/js/ionic.js
index ad8e047e0c..5b07177565 100644
--- a/dist/js/ionic.js
+++ b/dist/js/ionic.js
@@ -5469,6 +5469,10 @@ ionic.controllers.NavController = ionic.controllers.ViewController.inherit({
       return amount / this.right.width;
     },
 
+    isOpen: function() {
+      return this.getOpenRatio() == 1;
+    },
+
     /**
      * @return {float} The percentage of open amount over menu width. For example, a
      * menu of width 100 open 50 pixels would be open 50%. Value is negative
diff --git a/js/controllers/sideMenuController.js b/js/controllers/sideMenuController.js
index 4f4c2fe5ab..e5b263c606 100644
--- a/js/controllers/sideMenuController.js
+++ b/js/controllers/sideMenuController.js
@@ -100,6 +100,10 @@
       return amount / this.right.width;
     },
 
+    isOpen: function() {
+      return this.getOpenRatio() == 1;
+    },
+
     /**
      * @return {float} The percentage of open amount over menu width. For example, a
      * menu of width 100 open 50 pixels would be open 50%. Value is negative