From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 10 Oct 2018 18:02:01 +0000 (+0200)
Subject: wip #2286 @1.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=829d7324138b8f9e601d6348c0cfc6460dc8c1d1;p=fluidbook-html5.git

wip #2286 @1.5
---

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 8ab875a8..1dbac033 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -229,14 +229,19 @@ Fluidbook.prototype = {
         if (this.isReady) {
             return;
         }
+
         this.isReady = true;
+
         $("#main").css('display', 'block');
+
         this.nav = new FluidbookNav(this);
         this.interface = new FluidbookInterface(this);
         this.slider = new FluidbookSlider(this);
         this.help = new FluidbookHelp(this);
         this.help.displayAtStartup();
+
         resize();
+
         $(this).trigger('fluidbookready');
         $(this).trigger('fluidbook.ready');
     },
diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index 8856a629..ce646036 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -190,6 +190,9 @@ FluidbookLinks.prototype = {
         this.resize();
     },
 
+    getLinkDataById: function (uid) {
+        return this.fluidbook.datas.linksData[uid];
+    },
 
     animateLinks: function (linksContainer, additionalDelay) {
         var container = $(document);
diff --git a/js/libs/fluidbook/links/fluidbook.links.zoomhd.js b/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
index e2dc61d9..0d6299b7 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoomhd.js
@@ -5,6 +5,30 @@ function FluidbookLinksZoomHD(fluidbook) {
 
 FluidbookLinksZoomHD.prototype = {
     init: function () {
+        var $this = this;
+        this.fluidbook.menu.openZoomhd = function (p1, p2, p3) {
+            $this.openZoomhd(p1, p2, p3);
+        };
+
+    },
+
+    openZoomhd: function (p1, p2, callback) {
+        var link = this.fluidbook.links.getLinkDataById(p1);
+
+        var image = new Image();
+        image.src = 'data/links/' + link.to;
+
+        view = '<div class="caption">' + this.fluidbook.menu.closeButton() + '</div>';
+        view += '<div class="content"><div class="zoomhdHolder"><div class="zoomhdScale">';
+        view += '</div></div></div>';
+
+        $("#view").append('<div class="mview" dir="ltr" data-menu="zoomhd">' + view + '</div>');
+
+        $("#view").find('.zoomhdScale').append(image);
+
+        if (callback != undefined) {
+            callback();
+        }
     },
 }