From 94e54c3fe0e6c7fed8a46c8e50c662bbae6591ea Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 21 Apr 2017 14:30:31 +0200
Subject: [PATCH] wip #1344 @1

---
 js/libs/fluidbook/fluidbook.touch.js |  1 -
 js/libs/fluidbook/fluidbook.zoom.js  | 28 +++++++++++++++++++++-------
 2 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.touch.js b/js/libs/fluidbook/fluidbook.touch.js
index 1bb9341d..2d34921f 100644
--- a/js/libs/fluidbook/fluidbook.touch.js
+++ b/js/libs/fluidbook/fluidbook.touch.js
@@ -106,7 +106,6 @@ FluidbookTouch.prototype = {
             y + '%',
             true);
 
-
         if (this.fluidbook.zoom.zoom == 1) {
 
             if (this.startX == -1) {
diff --git a/js/libs/fluidbook/fluidbook.zoom.js b/js/libs/fluidbook/fluidbook.zoom.js
index 53bf0c53..98d15057 100644
--- a/js/libs/fluidbook/fluidbook.zoom.js
+++ b/js/libs/fluidbook/fluidbook.zoom.js
@@ -9,7 +9,23 @@ function FluidbookZoom(fluidbook) {
 
 FluidbookZoom.prototype = {
     init: function () {
+        var $this=this;
         this.setTransition(true);
+
+        $(this.fluidbook).on('fluidbook.zoom.out.end', function () {
+            $("#z").addClass('nozoom');
+        });
+
+        // Detect when we have finished zooming out and raise an event
+        $("#z").on('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend', function () {
+            $this.triggerEvent((($this.zoom == 1) ? 'out' : 'in') + '.end');
+        });
+
+    },
+
+    triggerEvent: function (event) {
+        console.log('trigger ' + e);
+        $(this.fluidbook).trigger(e);
     },
 
     /**
@@ -106,13 +122,11 @@ FluidbookZoom.prototype = {
         } else {
             $("header,footer,#interface").removeClass('hidden');
         }
-        $("#z").addClass('animate').transform(animation);
-        setTimeout(function () {
-            $("#z").removeClass('animate');
-            if (this.zoom == 1) {
-                $("#z").addClass('nozoom');
-            }
-        }, 600);
+        $("#z").transform(animation);
+        $this.triggerEvent(((this.zoom == 1) ? 'out' : 'in') + '.start');
+        if (!this.transition) {
+            $this.triggerEvent(((this.zoom == 1) ? 'out' : 'in') + '.end');
+        }
 
         if (this.desktopScale > 1) {
             $("body").addClass('zoomed');
-- 
2.39.5