From 88c74d0188fca31e9a213147979c0ba190eab442 Mon Sep 17 00:00:00 2001
From: Felipe Martin <fmartingr@me.com>
Date: Mon, 21 Apr 2014 18:18:58 +0200
Subject: [PATCH] Improved imageLoaded integration with pjax

---
 .../themes/bootflat/static/coffee/main.coffee | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/shelfzilla/themes/bootflat/static/coffee/main.coffee b/shelfzilla/themes/bootflat/static/coffee/main.coffee
index f5175dc..dde28e5 100644
--- a/shelfzilla/themes/bootflat/static/coffee/main.coffee
+++ b/shelfzilla/themes/bootflat/static/coffee/main.coffee
@@ -14,17 +14,29 @@ window.updateMessages = ->
             toastr[message.extra_tags](message.message)
     window._updateMessages = false
 
+window.imageLoad = (element) ->
+    imgLoad = imagesLoaded(element)
+
+    imgLoad.on 'done', (event) ->
+        NProgress.done()
+
+    imgLoad.on 'progress', (instance, image) ->
+        inc = instance.images.length/1000
+        NProgress.inc(inc)
+
 # Document ready
 $ ->
     # Update messages
     window.updateMessages()
-    # Increment for document loaded
-    NProgress.inc(0.3)
+
+    # Document load progress bar
+    window.imageLoad(document)
+
     # Background
     $.vegas
         src: '/static/backgrounds/shelves.jpg'
         fade: 1200
-        complete: -> NProgress.done()
+        #complete: -> NProgress.done()
 
     # PJAX
     if $.support.pjax
@@ -43,7 +55,7 @@ $ ->
 
             $.pjax.click event, {
                 container: container,
-                timeout: 1000,
+                timeout: 5000,
                 push: push
             }
 
@@ -56,8 +68,7 @@ $('[data-toggle="tooltip"]').tooltip();
 # Nprogress
 $(document).on 'pjax:start', -> NProgress.start()
 $(document).on 'pjax:end', (event) ->
-    $(event.target).imagesLoaded ->
-        NProgress.done()
+    window.imageLoad(event.target)
 
     if window._updateMessages
         window.updateMessages()