From 44142abc3c6dc842fdc34714e694242af857667d Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 13 Dec 2018 15:38:17 +0100
Subject: [PATCH] fix #2433 @0.5

---
 .../fluidbook/fluidbook.pagetransitions.js    | 19 ++++++++++++++++++-
 style/fluidbook.less                          |  2 +-
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.pagetransitions.js b/js/libs/fluidbook/fluidbook.pagetransitions.js
index 7bf3fe9a..1c0a2653 100644
--- a/js/libs/fluidbook/fluidbook.pagetransitions.js
+++ b/js/libs/fluidbook/fluidbook.pagetransitions.js
@@ -1,6 +1,7 @@
 function FluidbookPageTransition(fluidbook) {
     this.fluidbook = fluidbook;
     this.transitionning = false;
+    this.timeoutAfterTransition = 0;
     this.init();
 }
 
@@ -309,6 +310,7 @@ FluidbookPageTransition.prototype = {
             page: page,
             turningPages: turning.flip
         }]);
+        var $this = this;
         this.fluidbook.tooltip.hideTooltip();
         $(".axis_y").removeClass('axis_y');
         $(".axis_x").removeClass('axis_x');
@@ -319,6 +321,11 @@ FluidbookPageTransition.prototype = {
         this.fluidbook.updateShadows(page, animationDuration);
         this.centerBook(turning.center, animationDuration);
         $("#pagesnumbers").addClass('hidden');
+        this.timeoutAfterTransition = setTimeout(function () {
+            if ($this.transitionning) {
+                $this.afterTransition(page, true);
+            }
+        }, 1000 * (animationDuration + 2))
 
         try {
             this.search.clearHighlights();
@@ -326,7 +333,17 @@ FluidbookPageTransition.prototype = {
 
         }
     },
-    afterTransition: function (page) {
+    afterTransition: function (page, timeout) {
+        if (timeout === undefined) {
+            timeout = false;
+        }
+
+        if (timeout) {
+            console.log('afterTranstion timeout');
+        } else {
+            clearTimeout(this.timeoutAfterTransition);
+        }
+
         var $this = this;
         this.fluidbook.currentPage = page;
         this.fluidbook.setPageNumbers();
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 7a417a71..2edde6a8 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -334,7 +334,7 @@ body, html {
 	overflow: hidden;
 	position: absolute;
 	top: 0px;
-	background-color: #fff;
+	background-color: transparent;
 
 	.texts {
 		position: absolute;
-- 
2.39.5