2 files changed, 9 insertions, 6 deletions
diff --git a/public/assets/js/lib/NavView.js b/public/assets/js/lib/NavView.js
index f3dd97d..ae60bdf 100644
--- a/public/assets/js/lib/NavView.js
+++ b/public/assets/js/lib/NavView.js
@@ -16,22 +16,22 @@ var NavView = View.extend({
   
   pick: function(id){
     var view = app.lookup[ id ]
-    this.swap( view )
+    this.swap( view, "down" )
   },
   
   previous: function(){
     var index = Math.max( app.view.page_number - 1, 0 )
     var view = app.projects[ index ]
-    this.swap( view )
+    this.swap( view, "up" )
   },
   
   next: function(){
     var index = Math.min( app.view.page_number + 1, app.projects.length - 1 )
     var view = app.projects[ index ]
-    this.swap( view )
+    this.swap( view, "down" )
   },
   
-  swap: function(view) {
+  swap: function(view, direction) {
     if (view && ! app.view) {
       app.view = view
       app.view.show()
@@ -42,7 +42,10 @@ var NavView = View.extend({
     }
 
     console.log(view.page_number, view.project_id)
+    direction = direction || "down"
 
+    addClassForPeriod( document.body, direction, app.navigation_delay )
+    
     app.view.hide()
     view.show()
     app.view = view
diff --git a/public/assets/js/lib/ProjectView.js b/public/assets/js/lib/ProjectView.js
index e735c81..3bef408 100644
--- a/public/assets/js/lib/ProjectView.js
+++ b/public/assets/js/lib/ProjectView.js
@@ -30,13 +30,13 @@ var ProjectView = View.extend({
     }
 
     this.showing = true
-    addClassForPeriod( this.el, "showing", 200, function(){
+    addClassForPeriod( this.el, "showing", app.navigation_delay, function(){
       this.showing = false
     }.bind(this) )
   },
   
   hide: function(){
-    addClassForPeriod( this.el, "hiding", 200, function(){
+    addClassForPeriod( this.el, "hiding", app.navigation_delay, function(){
       this.$el.addClass("hidden")
     }.bind(this) )
   },