Mark button for current page as active

fixes #232

src/client/site/header/header_controller.coffee

@@ -75,6 +75,7 @@ module.exports = class HeaderController extends BaseController
         @$loginButtonLabel.text if global.site.user? then "Logout" else "Login"
 
         @_refreshBreadcrumbs()
+        @_refreshSelectedNavButton()
         @_refreshTitle()
         super
 
@@ -106,6 +107,12 @@ module.exports = class HeaderController extends BaseController
         else
             @hide @$breadcrumbs
 
+    _refreshSelectedNavButton: ->
+        return unless @model?.page?
+
+        @$('.button').removeClass 'active'
+        @$(".button.#{@model.page}").addClass 'active'
+
     _refreshTitle: ->
         title = @model?.controller?.getTitle()
         if title

src/client/site/site_controller.coffee

@@ -152,7 +152,7 @@ module.exports = class SiteController extends BaseController
 
         window.scrollTo 0, 0
 
-        @_headerController.model = controller: controller
+        @_headerController.model = controller: controller, page: page
 
         @_currentPageController.user = @user
         @_currentPageController.onWillShow()

src/client/styles/classes.scss

@@ -47,7 +47,7 @@
         background : url('/images/button-background-hover.png') repeat;
     }
 
-    &:active {
+    &:active, &.active {
         background : url('/images/button-background-active.png') repeat;
 
         .bezel {