From 30b16da2f44255a825aae9d1a56f15b180065966 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 18 Jan 2019 18:22:00 +0100
Subject: [PATCH] wait #2523 @1.5

---
 js/libs/fluidbook/fluidbook.js                |  2 +-
 .../fluidbook/fluidbook.pagetransitions.js    |  1 -
 js/libs/fluidbook/fluidbook.zoom.js           | 22 ++++++++++++++-----
 3 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index ff44fd03..fcd54c0b 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -35,11 +35,11 @@ Fluidbook.prototype = {
         }
         this.contentlock = new FluidbookContentLock(this);
         this.menu = new FluidbookMenu(this);
+        this.support = new FluidbookSupport(this);
         this.zoom = new FluidbookZoom(this);
         this.zoom.resetZoom();
         this.cache = new FluidbookCache(datas);
         this.service = new FluidbookService(this, datas.id);
-        this.support = new FluidbookSupport(this);
         this.loader = new FluidbookLoader(this);
         this.search = new FluidbookSearch(this);
         this.pad = new FluidbookPad(this);
diff --git a/js/libs/fluidbook/fluidbook.pagetransitions.js b/js/libs/fluidbook/fluidbook.pagetransitions.js
index 2e23ba99..5fee12f7 100644
--- a/js/libs/fluidbook/fluidbook.pagetransitions.js
+++ b/js/libs/fluidbook/fluidbook.pagetransitions.js
@@ -427,7 +427,6 @@ FluidbookPageTransition.prototype = {
         $(this.fluidbook).trigger('fluidbook.page.change.end', [this.fluidbook.currentPage]);
     },
 
-
     canChangePage: function () {
         return this.fluidbook.canNavigate && !this.transitionning;
     },
diff --git a/js/libs/fluidbook/fluidbook.zoom.js b/js/libs/fluidbook/fluidbook.zoom.js
index ef0260b6..d5b00407 100644
--- a/js/libs/fluidbook/fluidbook.zoom.js
+++ b/js/libs/fluidbook/fluidbook.zoom.js
@@ -5,6 +5,7 @@ function FluidbookZoom(fluidbook) {
     this.originpx = ['0px', '0px'];
     this.max = this.fluidbook.datas.zoomw / 100;
     this.transition = true;
+    this.shadowTimeout;
     this.hideInterfaceTimeout;
     this.init();
 }
@@ -19,8 +20,17 @@ FluidbookZoom.prototype = {
         });
 
         // Detect when we have finished zooming out and raise an event
-        $("#z").on('transitionend', function () {
-            $this.triggerEvent((($this.zoom == 1) ? 'out' : 'in') + '.end');
+        $("#z").on(this.fluidbook.support.transitionEndEvent, function () {
+            $this.triggerEvent((($this.zoom === 1) ? 'out' : 'in') + '.end');
+        });
+
+        $(this.fluidbook).on('fluidbook.zoom.out.end,fluidbook.zoom.in.end', function () {
+            clearTimeout($this.shadowTimeout);
+            if ($this.zoom === 1) {
+                $("#shadow").removeClass('hidden');
+            } else {
+                $("#shadow").addClass('hidden');
+            }
         });
 
     },
@@ -70,7 +80,6 @@ FluidbookZoom.prototype = {
             }
         }
         if (this.zoom == zoom) {
-
             return;
         }
         this.zoom = zoom;
@@ -96,13 +105,13 @@ FluidbookZoom.prototype = {
     resetZoom: function (callback) {
 
         if (this.zoom === 1) {
-            if(callback){
+            if (callback) {
                 callback();
             }
             return;
         }
         this.setZoom(1, -1);
-        if(callback) {
+        if (callback) {
             setTimeout(function () {
                 callback();
             }, 350);
@@ -164,6 +173,7 @@ FluidbookZoom.prototype = {
 
     updateZoom: function () {
         var $this = this;
+        clearTimeout(this.shadowTimeout);
 
         if (this.zoom > 1) {
             $("#z").removeClass('nozoom')
@@ -193,7 +203,7 @@ FluidbookZoom.prototype = {
         } else {
             clearTimeout(this.hideInterfaceTimeout);
             $(hiddenElements).show().removeClass('hidden');
-            setTimeout(function () {
+            this.shadowTimeout = setTimeout(function () {
                 $("#shadow").removeClass('hidden');
             }, 250);
 
-- 
2.39.5