]> _ Git - cubeextranet.git/commitdiff
done #2042 @0:20
authorvincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Thu, 26 Apr 2018 10:29:10 +0000 (10:29 +0000)
committervincent@cubedesigners.com <vincent@cubedesigners.com@f5622870-0f3c-0410-866d-9cb505b7a8ef>
Thu, 26 Apr 2018 10:29:10 +0000 (10:29 +0000)
inc/ws/Util/html5/master/class.ws.html5.links.php

index 4bda4a72a3271bba1d8f280137be2d11893cb09b..d747b684cce5d04716f72ae29348b0b3fc01af88 100644 (file)
 class wsHTML5Link
 {
 
-    public $left;
-    public $top;
-    public $width;
-    public $height;
-    public $page;
-    public $type;
-    public $to;
-    public $image;
-    public $numerotation;
-    public $target;
-    public $interactive;
-    public $video_loop;
-    public $video_sound_on;
-    public $video_controls;
-    public $video_auto_start;
-    public $video_height;
-    public $video_width;
-    public $video_service;
-    public $inline;
-    public $in_popup = false;
-    public $display_area;
-    public $read_mode;
-    public $infobulle;
-    public $extra;
-    public $id;
-    public $rot;
-    public $class;
-    public $uid;
-    public $zindex = 4;
-
-    protected $_init;
-
-    /**
-     *
-     * @var wsHTML5Compiler
-     */
-    public $compiler;
-
-    /**
-     *
-     * @param integer $id
-     * @param stdClass $init
-     * @param wsHTML5Compiler $compiler
-     * @return \webLink|\mailLink|\internalLink|\videoLink|\videoPopupLink|\multimediaLink|null|\webVideoLink|\webVideoPopupLink|\actionLink|\basketLink|\colorLink|\imageLink|\fileLink|\htmlMultimediaLink|\normalLink
-     */
-    public static function getInstance($id, $init, &$compiler)
-    {
-        switch ($init['type']) {
-            case 1:
-            case 2:
-                return new webLink($id, $init, $compiler);
-            case 3:
-                return new mailLink($id, $init, $compiler);
-            case 5:
-                return new internalLink($id, $init, $compiler);
-            case 4:
-                if ($init['inline']) {
-                    return new videoLink($id, $init, $compiler);
-                } else {
-                    return new videoPopupLink($id, $init, $compiler);
-                }
-            case 7:
-                switch ($compiler->book->parametres->customLinkClass) {
-                    case 'WescoLink':
-                        return new wescoLink($id, $init, $compiler);
-                    case 'HaguenauManifLink':
-                        return new haguenauManifLink($id, $init, $compiler);
-                    case 'FLFLink':
-                        return new flfLink($id, $init, $compiler);
-                    case 'InpesPopinLink':
-                        return new inpesPopinLink($id, $init, $compiler);
-                    case 'PierronLink':
-                        return new pierronLink($id, $init, $compiler);
-                    case 'WescoSalesLink':
-                        return new wescoSalesLink($id, $init, $compiler);
-                    case 'AtlanticDownloadLink':
-                        return new atlanticDownloadLink($id, $init, $compiler);
-                }
-                break;
-            case 8:
-            case 9:
-                return null;
-            case 10:
-                if ($init['inline']) {
-                    return new webVideoLink($id, $init, $compiler);
-                } else {
-                    return new webVideoPopupLink($id, $init, $compiler);
-                }
-            case 11:
-                return new actionLink($id, $init, $compiler);
-            case 12:
-                switch ($compiler->book->parametres->basketManager) {
-                    case 'Remarkable':
-                        return new remarkableCartLink($id, $init, $compiler);
-                        break;
-                    default :
-                        return new cartLink($id, $init, $compiler);
-                        break;
-                }
-            case 13: // zoom area
-                return new zoomLink($id, $init, $compiler);
-            case 14:
-                return new colorLink($id, $init, $compiler);
-            case 15:
+       public $left;
+       public $top;
+       public $width;
+       public $height;
+       public $page;
+       public $type;
+       public $to;
+       public $image;
+       public $numerotation;
+       public $target;
+       public $interactive;
+       public $video_loop;
+       public $video_sound_on;
+       public $video_controls;
+       public $video_auto_start;
+       public $video_height;
+       public $video_width;
+       public $video_service;
+       public $inline;
+       public $in_popup = false;
+       public $display_area;
+       public $read_mode;
+       public $infobulle;
+       public $extra;
+       public $id;
+       public $rot;
+       public $class;
+       public $uid;
+       public $zindex = 4;
+
+       protected $_init;
+
+       /**
+        *
+        * @var wsHTML5Compiler
+        */
+       public $compiler;
+
+       /**
+        *
+        * @param integer $id
+        * @param stdClass $init
+        * @param wsHTML5Compiler $compiler
+        * @return \webLink|\mailLink|\internalLink|\videoLink|\videoPopupLink|\multimediaLink|null|\webVideoLink|\webVideoPopupLink|\actionLink|\basketLink|\colorLink|\imageLink|\fileLink|\htmlMultimediaLink|\normalLink
+        */
+       public static function getInstance($id, $init, &$compiler)
+       {
+               switch ($init['type']) {
+                       case 1:
+                       case 2:
+                               return new webLink($id, $init, $compiler);
+                       case 3:
+                               return new mailLink($id, $init, $compiler);
+                       case 5:
+                               return new internalLink($id, $init, $compiler);
+                       case 4:
+                               if ($init['inline']) {
+                                       return new videoLink($id, $init, $compiler);
+                               } else {
+                                       return new videoPopupLink($id, $init, $compiler);
+                               }
+                       case 7:
+                               switch ($compiler->book->parametres->customLinkClass) {
+                                       case 'WescoLink':
+                                               return new wescoLink($id, $init, $compiler);
+                                       case 'HaguenauManifLink':
+                                               return new haguenauManifLink($id, $init, $compiler);
+                                       case 'FLFLink':
+                                               return new flfLink($id, $init, $compiler);
+                                       case 'InpesPopinLink':
+                                               return new inpesPopinLink($id, $init, $compiler);
+                                       case 'PierronLink':
+                                               return new pierronLink($id, $init, $compiler);
+                                       case 'WescoSalesLink':
+                                               return new wescoSalesLink($id, $init, $compiler);
+                                       case 'AtlanticDownloadLink':
+                                               return new atlanticDownloadLink($id, $init, $compiler);
+                               }
+                               break;
+                       case 8:
+                       case 9:
+                               return null;
+                       case 10:
+                               if ($init['inline']) {
+                                       return new webVideoLink($id, $init, $compiler);
+                               } else {
+                                       return new webVideoPopupLink($id, $init, $compiler);
+                               }
+                       case 11:
+                               return new actionLink($id, $init, $compiler);
+                       case 12:
+                               switch ($compiler->book->parametres->basketManager) {
+                                       case 'Remarkable':
+                                               return new remarkableCartLink($id, $init, $compiler);
+                                               break;
+                                       default :
+                                               return new cartLink($id, $init, $compiler);
+                                               break;
+                               }
+                       case 13: // zoom area
+                               return new zoomLink($id, $init, $compiler);
+                       case 14:
+                               return new colorLink($id, $init, $compiler);
+                       case 15:
 
                                if (stristr($init['to'], '.zip')) {
                                        return new inlineSlideshowLink($id, $init, $compiler);
                                } else {
-                return new imageLink($id, $init, $compiler);
+                                       return new imageLink($id, $init, $compiler);
                                }
-            case 16:
-                return new fileLink($id, $init, $compiler);
-            case 17:
-                if ($init['inline']) {
-                    return new audioLink($id, $init, $compiler);
-                } else {
-                    return new audioPopupLink($id, $init, $compiler);
-                }
-            case 18:
-                return new tooltipLink($id, $init, $compiler);
-            case 19:
-                break;
-            case 20:
-                $compiler->addBookmarkGroup($init);
-                break;
-            case 21:
-            case 6:
-                return self::getMultimediaInstance($id, $init, $compiler);
-            case 23:
-                return new statsTagLink($id, $init, $compiler);
-            case 24:
-                return new phoneLink($id, $init, $compiler);
-            case 25:
-                $compiler->addAudiodescription($init);
-                break;
-            case 26:
-                $compiler->addPageLabel($init['page'], $init['to']);
-                break;
-            case 27:
-                return new eventOverlayLink($id, $init, $compiler);
-                break;
-            case 29:
-                return new facebookLikeLink($id, $init, $compiler);
-                break;
-            default:
-                return null;
-        }
-    }
-
-    public static function getMultimediaInstance($id, $init, &$compiler)
-    {
-        if ($init['alternative'] == '') {
-            return null;
-        }
-
-        $ext = mb_strtolower(files::getExtension($init['alternative']));
-
-        if (in_array($ext, array('oam', 'zip', 'html')) || substr($init['alternative'], 0, 4) == 'http') {
-            if ($init['inline']) {
-                return new htmlMultimediaLink($id, $init, $compiler);
-            } else {
-                return new htmlMultimediaPopupLink($id, $init, $compiler);
-            }
-        } else if (in_array($ext, array('gif', 'jpeg', 'jpg', 'png', 'svg'))) {
-            if ($init['inline']) {
-                return new htmlMultimediaImage($id, $init, $compiler);
-            } else {
-                return new htmlMultimediaPopupImage($id, $init, $compiler);
-            }
-        }
-        return null;
-    }
-
-    public function __construct($id, $init, &$compiler)
-    {
-        $this->_init = $init;
-        foreach ($init as $k => $v) {
-            if ($k == 'extra' && CubeIT_Util_Json::isJson($v)) {
-                $v = CubeIT_Util_Json::decode($v);
-            }
-            $this->$k = $v;
-        }
-        if (!$this->video_width) {
-            $this->video_width = $this->width;
-        }
-        if (!$this->video_height) {
-            $this->video_height = $this->height;
-        }
-
-
-        if ($this->target == '') {
-            $this->target = '_blank';
-        }
-        $this->wdir = WS_BOOKS . '/working/' . $compiler->book_id . '/';
-        $this->id = $id;
-        $this->compiler = $compiler;
-    }
-
-    public function getDefaultTooltip()
-    {
-        return false;
-    }
-
-    public function getTooltip()
-    {
-        if (is_null($this->infobulle) || !$this->infobulle) {
-            if ($this->getDefaultTooltip() === false) {
-                return;
-            }
-            return '~' . $this->getDefaultTooltip();
-        }
-        return $this->infobulle;
-    }
-
-    public function getHTMLContainer()
-    {
+                       case 16:
+                               return new fileLink($id, $init, $compiler);
+                       case 17:
+                               if ($init['inline']) {
+                                       return new audioLink($id, $init, $compiler);
+                               } else {
+                                       return new audioPopupLink($id, $init, $compiler);
+                               }
+                       case 18:
+                               return new tooltipLink($id, $init, $compiler);
+                       case 19:
+                               break;
+                       case 20:
+                               $compiler->addBookmarkGroup($init);
+                               break;
+                       case 21:
+                       case 6:
+                               return self::getMultimediaInstance($id, $init, $compiler);
+                       case 23:
+                               return new statsTagLink($id, $init, $compiler);
+                       case 24:
+                               return new phoneLink($id, $init, $compiler);
+                       case 25:
+                               $compiler->addAudiodescription($init);
+                               break;
+                       case 26:
+                               $compiler->addPageLabel($init['page'], $init['to']);
+                               break;
+                       case 27:
+                               return new eventOverlayLink($id, $init, $compiler);
+                               break;
+                       case 29:
+                               return new facebookLikeLink($id, $init, $compiler);
+                               break;
+                       default:
+                               return null;
+               }
+       }
+
+       public static function getMultimediaInstance($id, $init, &$compiler)
+       {
+               if ($init['alternative'] == '') {
+                       return null;
+               }
+
+               $ext = mb_strtolower(files::getExtension($init['alternative']));
+
+               if (in_array($ext, array('oam', 'zip', 'html')) || substr($init['alternative'], 0, 4) == 'http') {
+                       if ($init['inline']) {
+                               return new htmlMultimediaLink($id, $init, $compiler);
+                       } else {
+                               return new htmlMultimediaPopupLink($id, $init, $compiler);
+                       }
+               } else if (in_array($ext, array('gif', 'jpeg', 'jpg', 'png', 'svg'))) {
+                       if ($init['inline']) {
+                               return new htmlMultimediaImage($id, $init, $compiler);
+                       } else {
+                               return new htmlMultimediaPopupImage($id, $init, $compiler);
+                       }
+               }
+               return null;
+       }
+
+       public function __construct($id, $init, &$compiler)
+       {
+               $this->_init = $init;
+               foreach ($init as $k => $v) {
+                       if ($k == 'extra' && CubeIT_Util_Json::isJson($v)) {
+                               $v = CubeIT_Util_Json::decode($v);
+                       }
+                       $this->$k = $v;
+               }
+               if (!$this->video_width) {
+                       $this->video_width = $this->width;
+               }
+               if (!$this->video_height) {
+                       $this->video_height = $this->height;
+               }
+
+
+               if ($this->target == '') {
+                       $this->target = '_blank';
+               }
+               $this->wdir = WS_BOOKS . '/working/' . $compiler->book_id . '/';
+               $this->id = $id;
+               $this->compiler = $compiler;
+       }
+
+       public function getDefaultTooltip()
+       {
+               return false;
+       }
+
+       public function getTooltip()
+       {
+               if (is_null($this->infobulle) || !$this->infobulle) {
+                       if ($this->getDefaultTooltip() === false) {
+                               return;
+                       }
+                       return '~' . $this->getDefaultTooltip();
+               }
+               return $this->infobulle;
+       }
+
+       public function getHTMLContainer()
+       {
                return '<div class="' . $this->getHTMLContainerClass() . '" data-id="' . $this->uid . '" id="l_' . $this->id . '"' . $this->getAdditionnalContent() . '>' . $this->getHTMLContent() . '</div>';
-    }
-
-    public function getHTMLContainerClass()
-    {
-        $res = trim('link ' . $this->class);
-        if (intval($this->page) % 2 == 1) {
-            $res .= ' odd';
-        }
-        return $res;
-    }
-
-    public function getHTMLContent()
-    {
-        return '';
-    }
-
-    public function getAdditionnalContent()
-    {
+       }
+
+       public function getHTMLContainerClass()
+       {
+               $res = trim('link ' . $this->class);
+               if (intval($this->page) % 2 == 1) {
+                       $res .= ' odd';
+               }
+               return $res;
+       }
+
+       public function getHTMLContent()
+       {
                return '';
+       }
 
-    }
-
-    public function getClasses()
-    {
-        return array();
-    }
-
-    public function copyExternalFile($file, $video = false)
-    {
-        $this->compiler->copyLinkFile($file, 'data/links/', $video);
-    }
-
-    public function copyExternalDir($dir, $dest = 'data/links')
-    {
-        $this->compiler->copyLinkDir($dir, $dest);
-    }
-
-    public function unzipFile($file, $moveAssets = false)
-    {
-        return $this->compiler->unzipFile($file, $moveAssets);
-    }
-
-    public function getCssScale()
-    {
-        if (is_int($this->page)) {
-            return $this->compiler->getCssScale();
-        } else {
-            return 1;
-        }
-    }
-
-    public function getCSSZIndex()
-    {
-        $zindex = (($this->zindex + 1) * 1000) - min(999, round(($this->width * $this->height) / 300));
-        return 'z-index:' . $zindex . ';';
-    }
-
-    public function getCSSContainer()
-    {
-        if (!($this instanceof contentLink) && intval($this->page) % 2 == 1) {
-            $this->page--;
-            $this->left += $this->compiler->width;
-        }
-
-        $css = '#l_' . $this->id . '{';
-        $css .= 'left:' . round($this->left * $this->getCssScale()) . 'px;top:' . round($this->top * $this->getCssScale()) . 'px;';
-        $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;height:' . round($this->height * $this->getCssScale()) . 'px;';
-        $css .= $this->getCSSZIndex();
-        $origin = false;
-        if ($this->rot) {
-            $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
-            $origin = true;
-        }
-        if (isset($this->extra->skewX)) {
-            $css .= wsHTML5::writeCSSUA('transform', 'skewX(' . $this->extra->skewX . 'deg)');
-            $origin = true;
-        }
-
-        $css .= $this->getCSS();
-        $css .= '}';
-        return $css;
-    }
-
-    public function getCSS()
-    {
-        return '';
-    }
-
-    public function keep()
-    {
-        return false;
-    }
-
-    public static function getUniversalLocation($loc, $css = false)
-    {
-        $datas = parse_url($loc);
-
-        if (isset($datas['scheme']) && !is_null($datas['scheme'])) {
-            return $loc;
-        } else {
-            if ($css) {
-                return '../links/' . $loc;
-            } else {
-                return 'data/links/' . $loc;
-            }
-        }
-    }
+       public function getAdditionnalContent()
+       {
+               return '';
+
+       }
+
+       public function getClasses()
+       {
+               return array();
+       }
+
+       public function copyExternalFile($file, $video = false)
+       {
+               $this->compiler->copyLinkFile($file, 'data/links/', $video);
+       }
+
+       public function copyExternalDir($dir, $dest = 'data/links')
+       {
+               $this->compiler->copyLinkDir($dir, $dest);
+       }
+
+       public function unzipFile($file, $moveAssets = false)
+       {
+               return $this->compiler->unzipFile($file, $moveAssets);
+       }
+
+       public function getCssScale()
+       {
+               if (is_int($this->page)) {
+                       return $this->compiler->getCssScale();
+               } else {
+                       return 1;
+               }
+       }
+
+       public function getCSSZIndex()
+       {
+               $zindex = (($this->zindex + 1) * 1000) - min(999, round(($this->width * $this->height) / 300));
+               return 'z-index:' . $zindex . ';';
+       }
+
+       public function getCSSContainer()
+       {
+               if (!($this instanceof contentLink) && intval($this->page) % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . round($this->left * $this->getCssScale()) . 'px;top:' . round($this->top * $this->getCssScale()) . 'px;';
+               $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;height:' . round($this->height * $this->getCssScale()) . 'px;';
+               $css .= $this->getCSSZIndex();
+               $origin = false;
+               if ($this->rot) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
+                       $origin = true;
+               }
+               if (isset($this->extra->skewX)) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'skewX(' . $this->extra->skewX . 'deg)');
+                       $origin = true;
+               }
+
+               $css .= $this->getCSS();
+               $css .= '}';
+               return $css;
+       }
+
+       public function getCSS()
+       {
+               return '';
+       }
+
+       public function keep()
+       {
+               return false;
+       }
+
+       public static function getUniversalLocation($loc, $css = false)
+       {
+               $datas = parse_url($loc);
+
+               if (isset($datas['scheme']) && !is_null($datas['scheme'])) {
+                       return $loc;
+               } else {
+                       if ($css) {
+                               return '../links/' . $loc;
+                       } else {
+                               return 'data/links/' . $loc;
+                       }
+               }
+       }
 
 }
 
 class normalLink extends wsHTML5Link
 {
 
-    public function getHTMLContent()
-    {
-        $class = $this->getClasses();
-        if ($this->display_area) {
-            $class[] = 'displayArea';
-        }
-        $c = '';
-        if (count($class)) {
-            $c = ' class="' . implode(' ', $class) . '"';
-        }
-        $tooltip = '';
-        $t = $this->getTooltip();
-        if ($t !== false) {
-            $tooltip = ' data-tooltip="' . $t . '"';
-        }
-        return '<a href="' . $this->getURL() . '" data-type="' . $this->type . '" target="' . $this->getTarget() . '"' . $tooltip . $c . $this->getAdditionnalContent() . $this->getTrack() . '></a>';
-    }
-
-    public function getTrack()
-    {
-        return '';
-    }
-
-    public function getURL()
-    {
-        return '#';
-    }
-
-    public function getTarget()
-    {
-        return '_self';
-    }
+       public function getHTMLContent()
+       {
+               $class = $this->getClasses();
+               if ($this->display_area) {
+                       $class[] = 'displayArea';
+               }
+               $c = '';
+               if (count($class)) {
+                       $c = ' class="' . implode(' ', $class) . '"';
+               }
+               $tooltip = '';
+               $t = $this->getTooltip();
+               if ($t !== false) {
+                       $tooltip = ' data-tooltip="' . $t . '"';
+               }
+               return '<a href="' . $this->getURL() . '" data-type="' . $this->type . '" target="' . $this->getTarget() . '"' . $tooltip . $c . $this->getAdditionnalContent() . $this->getTrack() . '></a>';
+       }
+
+       public function getTrack()
+       {
+               return '';
+       }
+
+       public function getURL()
+       {
+               return '#';
+       }
+
+       public function getTarget()
+       {
+               return '_self';
+       }
 
 }
 
 class tooltipLink extends normalLink
 {
-    public function getClasses()
-    {
-        return array_merge(array('lazy'), parent::getClasses());
-    }
-
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-        $res .= ' data-tooltip-maxwidth="' . $this->compiler->book->parametres->linkTooltipMaxWidth . '" ';
-        $res .= ' data-tooltip-touch="1" ';
-        return $res;
-    }
-
-    public function getURL()
-    {
-        return '#';
-    }
+       public function getClasses()
+       {
+               return array_merge(array('lazy'), parent::getClasses());
+       }
+
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+               $res .= ' data-tooltip-maxwidth="' . $this->compiler->book->parametres->linkTooltipMaxWidth . '" ';
+               $res .= ' data-tooltip-touch="1" ';
+               return $res;
+       }
+
+       public function getURL()
+       {
+               return '#';
+       }
 }
 
 class htmlMultimediaImage extends wsHTML5Link
 {
-    public $zindex = 2;
-
-    public function getHTMLContainerClass()
-    {
-        return parent::getHTMLContainerClass() . ' multimedia';
-    }
-
-    public function getHTMLContent()
-    {
-        $w = $this->width;
-        $h = $this->height;
-        $this->copyExternalFile($this->alternative);
-        $alt = '<img class="multimediaimage" data-width="' . $w . '" data-height="' . $h . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $w . '" height="' . $h . '" />';
-        return $alt;
-    }
+       public $zindex = 2;
+
+       public function getHTMLContainerClass()
+       {
+               return parent::getHTMLContainerClass() . ' multimedia';
+       }
+
+       public function getHTMLContent()
+       {
+               $w = $this->width;
+               $h = $this->height;
+               $this->copyExternalFile($this->alternative);
+               $alt = '<img class="multimediaimage" data-width="' . $w . '" data-height="' . $h . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $w . '" height="' . $h . '" />';
+               return $alt;
+       }
 
 }
 
 class htmlMultimediaPopupLink extends htmlMultimediaPopupImage
 {
 
-    public function getAdditionnalContent()
-    {
-        $i = $this->_init;
-        $i['inline'] = true;
-        $i['in_popup'] = true;
-        $i['width'] = $i['video_width'];
-        $i['height'] = $i['video_height'];
-
-        $l = self::getMultimediaInstance($this->id . '_content', $i, $this->compiler);
-        $markup = $l->getHTMLContainer();
-        return ' data-multimedia="' . rawurlencode($markup) . '" ';
-    }
+       public function getAdditionnalContent()
+       {
+               $i = $this->_init;
+               $i['inline'] = true;
+               $i['in_popup'] = true;
+               $i['width'] = $i['video_width'];
+               $i['height'] = $i['video_height'];
+
+               $l = self::getMultimediaInstance($this->id . '_content', $i, $this->compiler);
+               $markup = $l->getHTMLContainer();
+               return ' data-multimedia="' . rawurlencode($markup) . '" ';
+       }
 }
 
 
 class htmlMultimediaPopupImage extends normalLink
 {
 
-    public function getURL()
-    {
-        $this->copyExternalFile($this->alternative);
-        $read = ($this->read_mode) ? 'r_' : '';
-        return '#/multimedia/' . $read . md5($this->alternative);
-    }
+       public function getURL()
+       {
+               $this->copyExternalFile($this->alternative);
+               $read = ($this->read_mode) ? 'r_' : '';
+               return '#/multimedia/' . $read . md5($this->alternative);
+       }
 
 
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-        $dim = getimagesize($this->wdir . '/' . $this->alternative);
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+               $dim = getimagesize($this->wdir . '/' . $this->alternative);
 
-        $markup = '<div class="multimediaContainer "><img data-width="' . $dim[0] . '" data-height="' . $dim[1] . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $dim[0] . '" height="' . $dim[1] . '" class="multimedia" /></div>';
-        $read = '';
-        if ($this->read_mode) {
-            $read = ' data-readmode="1"';
-        }
-        return $res . ' ' . $read . ' data-multimedia="' . rawurlencode($markup) . '" ';
-    }
+               $markup = '<div class="multimediaContainer "><img data-width="' . $dim[0] . '" data-height="' . $dim[1] . '" src="' . wsHTML5Link::getUniversalLocation($this->alternative) . '" width="' . $dim[0] . '" height="' . $dim[1] . '" class="multimedia" /></div>';
+               $read = '';
+               if ($this->read_mode) {
+                       $read = ' data-readmode="1"';
+               }
+               return $res . ' ' . $read . ' data-multimedia="' . rawurlencode($markup) . '" ';
+       }
 
-    public function keep()
-    {
-        return true;
-    }
+       public function keep()
+       {
+               return true;
+       }
 
 }
 
 class contentLink extends wsHTML5Link
 {
-    public $zindex = 1;
+       public $zindex = 1;
 
-    public function getHTMLContainerClass()
-    {
-        return parent::getHTMLContainerClass() . ' contentLink';
-    }
+       public function getHTMLContainerClass()
+       {
+               return parent::getHTMLContainerClass() . ' contentLink';
+       }
 
 }
 
 class eventOverlayLink extends wsHTML5Link
 {
-    public $zindex = 3;
+       public $zindex = 3;
 
-    public function getHTMLContainerClass()
-    {
-        return parent::getHTMLContainerClass() . ' eventOverlayLink';
-    }
+       public function getHTMLContainerClass()
+       {
+               return parent::getHTMLContainerClass() . ' eventOverlayLink';
+       }
 
-    public function getHTMLContent()
-    {
-        return '<div></div>';
-    }
+       public function getHTMLContent()
+       {
+               return '<div></div>';
+       }
 }
 
 class webLink extends normalLink
 {
-    public function getURL()
-    {
-        $res = str_replace('"', '\'', wsHTML5Link::getUniversalLocation($this->to));
-        return $res;
-    }
-
-    public function getTarget()
-    {
-        if (strpos($this->getURL(), 'javascript:') === 0) {
-            return '_self';
-        }
-        return $this->target;
-    }
-
-    public function getTrack()
-    {
-        return ' data-track="' . $this->getURL() . '"';
-    }
-
-    public function getCSS()
-    {
-
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'click to open the link';
-    }
+       public function getURL()
+       {
+               $res = str_replace('"', '\'', wsHTML5Link::getUniversalLocation($this->to));
+               return $res;
+       }
+
+       public function getTarget()
+       {
+               if (strpos($this->getURL(), 'javascript:') === 0) {
+                       return '_self';
+               }
+               return $this->target;
+       }
+
+       public function getTrack()
+       {
+               return ' data-track="' . $this->getURL() . '"';
+       }
+
+       public function getCSS()
+       {
+
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'click to open the link';
+       }
 
 }
 
 class mailLink extends normalLink
 {
 
-    public function getURL()
-    {
-        return 'mailto:' . $this->to;
-    }
+       public function getURL()
+       {
+               return 'mailto:' . $this->to;
+       }
 
-    public function getTrack()
-    {
-        return ' data-track="' . $this->to . '"';
-    }
+       public function getTrack()
+       {
+               return ' data-track="' . $this->to . '"';
+       }
 
-    public function getTarget()
-    {
-        return '_self';
-    }
+       public function getTarget()
+       {
+               return '_self';
+       }
 
-    public function getDefaultTooltip()
-    {
-        return 'click to send an e-mail';
-    }
+       public function getDefaultTooltip()
+       {
+               return 'click to send an e-mail';
+       }
 
 }
 
 class phoneLink extends mailLink
 {
 
-    public function getURL()
-    {
-        return 'tel:' . $this->to;
-    }
+       public function getURL()
+       {
+               return 'tel:' . $this->to;
+       }
 
-    public function getTarget()
-    {
-        return '_blank';
-    }
+       public function getTarget()
+       {
+               return '_blank';
+       }
 
-    public function getDefaultTooltip()
-    {
-        return 'click to call this number';
-    }
+       public function getDefaultTooltip()
+       {
+               return 'click to call this number';
+       }
 
 }
 
 class internalLink extends normalLink
 {
 
-    public function getURL()
-    {
-        return '#/page/' . $this->getPage();
-    }
-
-    public function getPage()
-    {
-        if ($this->numerotation == 'physical') {
-            return $this->to;
-        } else {
-            return $this->compiler->virtualToPhysical($this->to);
-        }
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'go to page';
-    }
+       public function getURL()
+       {
+               return '#/page/' . $this->getPage();
+       }
+
+       public function getPage()
+       {
+               if ($this->numerotation == 'physical') {
+                       return $this->to;
+               } else {
+                       return $this->compiler->virtualToPhysical($this->to);
+               }
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'go to page';
+       }
 
 }
 
 class videoLink extends wsHTML5Link
 {
-    public $zindex = 2;
-
-    public static function addVideoJS($compiler)
-    {
-        $compiler->addJs('js/libs/videojs/video.withscalefix.js');
-        $compiler->addLess('videojs/videojs');
-    }
-
-    public function getClasses()
-    {
-        return array_merge(['videoLink'], parent::getClasses());
-    }
-
-    public function getHTMLContent()
-    {
+       public $zindex = 2;
 
+       public static function addVideoJS($compiler)
+       {
+               $compiler->addJs('js/libs/videojs/video.withscalefix.js');
+               $compiler->addLess('videojs/videojs');
+       }
 
-        $this->copyExternalFile($this->to, true);
+       public function getClasses()
+       {
+               return array_merge(['videoLink'], parent::getClasses());
+       }
 
-        $w = round($this->width * $this->getCssScale());
-        $h = round($this->height * $this->getCssScale());
+       public function getHTMLContent()
+       {
 
-        // Note: width and height for the video is normally measured from the
-        // preview frame for local files or set to 1280 x 720 for web videos.
-        // The $w and $h variables here seem to be null generally...
 
-        return $this->makeVideoTag($this, $w, $h, $this->compiler);
-    }
+               $this->copyExternalFile($this->to, true);
 
-    public static function makeVideoTag($linkDatas, $w = null, $h = null, $compiler = null)
-    {
-        static::addVideoJS($compiler);
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
 
-        $attributes = static::getVideoAttributes($linkDatas, $w, $h, $compiler);
+               // Note: width and height for the video is normally measured from the
+               // preview frame for local files or set to 1280 x 720 for web videos.
+               // The $w and $h variables here seem to be null generally...
 
-        $res = '<div class="videoContainer"';
-        foreach ($attributes as $name => $value) {
-            $res .= " data-{$name}='{$value}'";
-        }
-        $res .= '></div>';
+               return $this->makeVideoTag($this, $w, $h, $this->compiler);
+       }
 
-        return $res;
-    }
+       public static function makeVideoTag($linkDatas, $w = null, $h = null, $compiler = null)
+       {
+               static::addVideoJS($compiler);
 
-    public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null)
-    {
+               $attributes = static::getVideoAttributes($linkDatas, $w, $h, $compiler);
 
-        $file = $data->to;
-        $e = explode('.', $file);
-        $ext = array_pop($e);
-        $basename = implode('.', $e);
+               $res = '<div class="videoContainer"';
+               foreach ($attributes as $name => $value) {
+                       $res .= " data-{$name}='{$value}'";
+               }
+               $res .= '></div>';
 
-        $attr['name'] = $basename;
-        $attr['id'] = 'video_' . $data->id;
-        $attr['autoplay'] = ($data->video_auto_start ? '1' : '0');
-        $attr['controls'] = ($data->video_controls ? '1' : '0');
-        $attr['loop'] = ($data->video_loop ? '1' : '0');
-        $attr['sound'] = ($data->video_sound_on ? '1' : '0');
+               return $res;
+       }
 
-        if (!is_null($w) && !is_null($h)) {
-            $attr['width'] = $w;
-            $attr['height'] = $h;
+       public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null)
+       {
 
-        } else if (!is_null($compiler)) {
-            // Get video dimensions from thumbnail if possible (locally uploaded files)
-            $path = WS_BOOKS . '/working/' . $compiler->book_id . '/' . $basename . '.jpg';
-            $dim = getimagesize($path);
-            $attr['width'] = $dim[0];
-            $attr['height'] = $dim[1];
-        }
+               $file = $data->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
+
+               $attr['name'] = $basename;
+               $attr['id'] = 'video_' . $data->id;
+               $attr['autoplay'] = ($data->video_auto_start ? '1' : '0');
+               $attr['controls'] = ($data->video_controls ? '1' : '0');
+               $attr['loop'] = ($data->video_loop ? '1' : '0');
+               $attr['sound'] = ($data->video_sound_on ? '1' : '0');
+
+               if (!is_null($w) && !is_null($h)) {
+                       $attr['width'] = $w;
+                       $attr['height'] = $h;
+
+               } else if (!is_null($compiler)) {
+                       // Get video dimensions from thumbnail if possible (locally uploaded files)
+                       $path = WS_BOOKS . '/working/' . $compiler->book_id . '/' . $basename . '.jpg';
+                       $dim = getimagesize($path);
+                       $attr['width'] = $dim[0];
+                       $attr['height'] = $dim[1];
+               }
 
-        return $attr;
-    }
+               return $attr;
+       }
 
 }
 
 class videoPopupLink extends normalLink
 {
 
-    public function getURL()
-    {
-        $this->copyExternalFile($this->to, true);
-        $file = $this->to;
-        $e = explode('.', $file);
-        $ext = array_pop($e);
-        $basename = implode('.', $e);
-
-        return '#/video/' . $basename;
-    }
-
-    public function getAdditionnalContent()
-    {
-        $this->video_auto_start = true; // Videos should always autoplay
-        return ' data-video="' . rawurlencode(videoLink::makeVideoTag($this, null, null, $this->compiler)) . '" ';
-    }
-
-    public function keep()
-    {
-        return true;
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'click to play the video';
-    }
+       public function getURL()
+       {
+               $this->copyExternalFile($this->to, true);
+               $file = $this->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
+
+               return '#/video/' . $basename;
+       }
+
+       public function getAdditionnalContent()
+       {
+               $this->video_auto_start = true; // Videos should always autoplay
+               return ' data-video="' . rawurlencode(videoLink::makeVideoTag($this, null, null, $this->compiler)) . '" ';
+       }
+
+       public function keep()
+       {
+               return true;
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'click to play the video';
+       }
 
 }
 
 class audioPopupLink extends normalLink
 {
 
-    public function getURL()
-    {
-        $this->copyExternalFile($this->to, false);
-        $file = $this->to;
-        $e = explode('.', $file);
-        $ext = array_pop($e);
-        $basename = implode('.', $e);
+       public function getURL()
+       {
+               $this->copyExternalFile($this->to, false);
+               $file = $this->to;
+               $e = explode('.', $file);
+               $ext = array_pop($e);
+               $basename = implode('.', $e);
 
-        return '#/audio/' . $basename;
-    }
+               return '#/audio/' . $basename;
+       }
 
-    public function getAdditionnalContent()
-    {
-        return ' data-audio="' . rawurlencode(audioLink::makeAudioTag($this, null, null, $this->compiler)) . '" ';
-    }
+       public function getAdditionnalContent()
+       {
+               return ' data-audio="' . rawurlencode(audioLink::makeAudioTag($this, null, null, $this->compiler)) . '" ';
+       }
 
-    public function keep()
-    {
-        return true;
-    }
+       public function keep()
+       {
+               return true;
+       }
 
-    public function getDefaultTooltip()
-    {
-        return 'click to play the audio';
-    }
+       public function getDefaultTooltip()
+       {
+               return 'click to play the audio';
+       }
 
 }
 
 class webVideoLink extends videoLink
 {
 
-    public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null)
-    {
-        $attributes = parent::getVideoAttributes($data, $w, $h, $compiler);
-
-        // Since the admin interface doesn't offer options for setting controls or sound, we will set some defaults here
-        $attributes['controls'] = '1';
-        $attributes['sound'] = '1';
-
-        $attributes['setup'] = static::getVideoSetup($data, $compiler);
-
-        return $attributes;
-    }
-
-    public static function getVideoSetup($data, $compiler)
-    {
-
-        static::addVideoJS($compiler); // Ensure videoJS core is included first
-
-        switch ($data->video_service) {
-            case 0: // YouTube
-                $compiler->addJs('js/libs/videojs/Youtube.js');
-                //                $compiler->addJs('https://rawgit.com/videojs/videojs-youtube/master/dist/Youtube.js');
-                $setup = [
-                    'techOrder' => ['youtube'],
-                    'sources' => [
-                        [
-                            'type' => 'video/youtube',
-                            'src' => 'https://www.youtube.com/watch?v=' . $data->to
-                        ]
-                    ]
-                ];
-                break;
-            case 1: // Dailymotion
-                // Todo: add local version of script...
-                // Note: this plugin doesn't seem to work currently so it is not included
-                //$compiler->addJs('https://rawgit.com/benjipott/video.js-dailymotion/master/dist-test/videojs-dailymotion.js');
-                $setup = [
-                    //                    'techOrder' => ['dailymotion'],
-                    //                    'sources' => [
-                    //                        [
-                    //                            'src' => 'http://www.dailymotion.com/video/' . $data->to
-                    //                        ]
-                    //                    ]
-                ];
-                break;
-            case 2: // Vimeo
-                // Todo: add local version of script...
-                // Note: Vimeo plugin doesn't seem to be working currently - might need updates to work with latest VideoJS module
-                //$compiler->addJs('https://rawgit.com/videojs/videojs-vimeo/master/dist/videojs-vimeo.min.js');
-                $setup = [
-                    //                    'techOrder' => ['vimeo'],
-                    //                    'sources' => [
-                    //                        [
-                    //                            'type' => 'vimeo/vimeo',
-                    //                            'src' => 'https://www.vimeo.com/' . $data->to
-                    //                        ]
-                    //                    ]
-                ];
-                break;
-            default:
-                $setup = [];
-        }
-
-        return json_encode($setup, JSON_UNESCAPED_SLASHES);
-
-    }
-
-    public function getHTMLContent()
-    {
-
-        if ($this->video_service !== 0) {
-            return $this->getEmbed();
-        }
-
-        $w = round($this->width * $this->getCssScale());
-        $h = round($this->height * $this->getCssScale());
-
-        return $this->makeVideoTag($this, $w, $h, $this->compiler);
-    }
-
-    public function getEmbed()
-    {
-        return '<iframe width="' . $this->width . '" height="' . $this->height . '" src="' . $this->getEmbedURL() . '" frameborder="0" allowfullscreen></iframe>';
-    }
-
-    public function getEmbedURL()
-    {
-        if ($this->video_service == 0) {
-            $url = 'https://www.youtube.com/embed/' . $this->to . '?html5=1';
-        } elseif ($this->video_service == 1) {
-            $url = 'https://www.dailymotion.com/embed/video/' . $this->to;
-        } elseif ($this->video_service == 2) {
-            $url = 'https://player.vimeo.com/video/' . $this->to;
-        } elseif ($this->video_service == 3) {
-            list($playerId, $videoId) = explode('|', $this->to);
-            $url = 'https://link.brightcove.com/services/player/bcpid' . $playerId . '?bctid=' . $videoId . '&autoStart=false&width=100%25&height=100%25';
-        }
-        return $url;
-    }
+       public static function getVideoAttributes($data, $w = null, $h = null, $compiler = null)
+       {
+               $attributes = parent::getVideoAttributes($data, $w, $h, $compiler);
+
+               // Since the admin interface doesn't offer options for setting controls or sound, we will set some defaults here
+               $attributes['controls'] = '1';
+               $attributes['sound'] = '1';
+
+               $attributes['setup'] = static::getVideoSetup($data, $compiler);
+
+               return $attributes;
+       }
+
+       public static function getVideoSetup($data, $compiler)
+       {
+
+               static::addVideoJS($compiler); // Ensure videoJS core is included first
+
+               switch ($data->video_service) {
+                       case 0: // YouTube
+                               $compiler->addJs('js/libs/videojs/Youtube.js');
+                               //                $compiler->addJs('https://rawgit.com/videojs/videojs-youtube/master/dist/Youtube.js');
+                               $setup = [
+                                       'techOrder' => ['youtube'],
+                                       'sources' => [
+                                               [
+                                                       'type' => 'video/youtube',
+                                                       'src' => 'https://www.youtube.com/watch?v=' . $data->to
+                                               ]
+                                       ]
+                               ];
+                               break;
+                       case 1: // Dailymotion
+                               // Todo: add local version of script...
+                               // Note: this plugin doesn't seem to work currently so it is not included
+                               //$compiler->addJs('https://rawgit.com/benjipott/video.js-dailymotion/master/dist-test/videojs-dailymotion.js');
+                               $setup = [
+                                       //                    'techOrder' => ['dailymotion'],
+                                       //                    'sources' => [
+                                       //                        [
+                                       //                            'src' => 'http://www.dailymotion.com/video/' . $data->to
+                                       //                        ]
+                                       //                    ]
+                               ];
+                               break;
+                       case 2: // Vimeo
+                               // Todo: add local version of script...
+                               // Note: Vimeo plugin doesn't seem to be working currently - might need updates to work with latest VideoJS module
+                               //$compiler->addJs('https://rawgit.com/videojs/videojs-vimeo/master/dist/videojs-vimeo.min.js');
+                               $setup = [
+                                       //                    'techOrder' => ['vimeo'],
+                                       //                    'sources' => [
+                                       //                        [
+                                       //                            'type' => 'vimeo/vimeo',
+                                       //                            'src' => 'https://www.vimeo.com/' . $data->to
+                                       //                        ]
+                                       //                    ]
+                               ];
+                               break;
+                       default:
+                               $setup = [];
+               }
+
+               return json_encode($setup, JSON_UNESCAPED_SLASHES);
+
+       }
+
+       public function getHTMLContent()
+       {
+
+               if ($this->video_service !== 0) {
+                       return $this->getEmbed();
+               }
+
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
+
+               return $this->makeVideoTag($this, $w, $h, $this->compiler);
+       }
+
+       public function getEmbed()
+       {
+               return '<iframe width="' . $this->width . '" height="' . $this->height . '" src="' . $this->getEmbedURL() . '" frameborder="0" allowfullscreen></iframe>';
+       }
+
+       public function getEmbedURL()
+       {
+               if ($this->video_service == 0) {
+                       $url = 'https://www.youtube.com/embed/' . $this->to . '?html5=1';
+               } elseif ($this->video_service == 1) {
+                       $url = 'https://www.dailymotion.com/embed/video/' . $this->to;
+               } elseif ($this->video_service == 2) {
+                       $url = 'https://player.vimeo.com/video/' . $this->to;
+               } elseif ($this->video_service == 3) {
+                       list($playerId, $videoId) = explode('|', $this->to);
+                       $url = 'https://link.brightcove.com/services/player/bcpid' . $playerId . '?bctid=' . $videoId . '&autoStart=false&width=100%25&height=100%25';
+               }
+               return $url;
+       }
 
 }
 
 class actionLink extends internalLink
 {
-    protected $_share = array('facebook', 'twitter', 'googleplus', 'linkedin', 'viadeo');
-
-    public function getURL()
-    {
-        return '#';
-    }
-
-    public function getClasses()
-    {
-        if (in_array($this->to, $this->_share)) {
-            return array_merge(array('share'), parent::getClasses());
-        } else {
-            return parent::getClasses();
-        }
-    }
-
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-        if (is_object($this->extra) || is_array($this->extra)) {
-            $extra = json_encode($this->extra);
-        } else {
-            $extra = $this->extra;
-        }
-        if ($extra) {
-            $res .= ' data-extra="' . htmlspecialchars($extra, ENT_QUOTES) . '"';
-        }
-
-        if (in_array($this->to, $this->_share)) {
-            $res .= ' data-service="' . $this->to . '" ';
-        } else {
-            $res .= /*parent::getClasses()*/
-                ' data-action="' . $this->to . '" ';
-        }
-        return $res;
-    }
-
-    public function getDefaultTooltip()
-    {
-        return false;
-    }
+       protected $_share = array('facebook', 'twitter', 'googleplus', 'linkedin', 'viadeo');
+
+       public function getURL()
+       {
+               return '#';
+       }
+
+       public function getClasses()
+       {
+               if (in_array($this->to, $this->_share)) {
+                       return array_merge(array('share'), parent::getClasses());
+               } else {
+                       return parent::getClasses();
+               }
+       }
+
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+               if (is_object($this->extra) || is_array($this->extra)) {
+                       $extra = json_encode($this->extra);
+               } else {
+                       $extra = $this->extra;
+               }
+               if ($extra) {
+                       $res .= ' data-extra="' . htmlspecialchars($extra, ENT_QUOTES) . '"';
+               }
+
+               if (in_array($this->to, $this->_share)) {
+                       $res .= ' data-service="' . $this->to . '" ';
+               } else {
+                       $res .= /*parent::getClasses()*/
+                               ' data-action="' . $this->to . '" ';
+               }
+               return $res;
+       }
+
+       public function getDefaultTooltip()
+       {
+               return false;
+       }
 
 
 }
@@ -882,22 +882,22 @@ class actionLink extends internalLink
 class cartLink extends normalLink
 {
 
-    public function getURL()
-    {
-        return '#';
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'add to cart';
-    }
-
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-        $res .= 'data-cart-ref="' . $this->to . '" ';
-        return $res;
-    }
+       public function getURL()
+       {
+               return '#';
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'add to cart';
+       }
+
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+               $res .= 'data-cart-ref="' . $this->to . '" ';
+               return $res;
+       }
 }
 
 class remarkableCartLink extends cartLink
@@ -908,21 +908,21 @@ class remarkableCartLink extends cartLink
 class colorLink extends contentLink
 {
 
-    public function getCSS()
-    {
-        return 'background-color:' . wsHTML5::colorToCSS($this->to) . ';';
-    }
+       public function getCSS()
+       {
+               return 'background-color:' . wsHTML5::colorToCSS($this->to) . ';';
+       }
 
 }
 
 class imageLink extends contentLink
 {
 
-    public function getCSS()
-    {
-        $this->copyExternalFile($this->to);
-        return 'background-image:url(' . wsHTML5Link::getUniversalLocation($this->to, true) . ');background-size:100% 100%;background-repeat:no-repeat;';
-    }
+       public function getCSS()
+       {
+               $this->copyExternalFile($this->to);
+               return 'background-image:url(' . wsHTML5Link::getUniversalLocation($this->to, true) . ');background-size:100% 100%;background-repeat:no-repeat;';
+       }
 
 }
 
@@ -950,573 +950,580 @@ class inlineSlideshowLink extends contentLink
 class fileLink extends normalLink
 {
 
-    public function getURL()
-    {
-        if ($this->compiler->book->parametres->linkFilePrefix && !CubeIT_Util_Url::isDistant($this->to)) {
-            return $this->compiler->book->parametres->linkFilePrefix . $this->to;
-        }
-        $this->copyExternalFile($this->to);
-        return wsHTML5Link::getUniversalLocation($this->to);
-    }
-
-    public function getTarget()
-    {
-        return '_blank';
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'click to open the file';
-    }
+       public function getURL()
+       {
+               if ($this->compiler->book->parametres->linkFilePrefix && !CubeIT_Util_Url::isDistant($this->to)) {
+                       return $this->compiler->book->parametres->linkFilePrefix . $this->to;
+               }
+               $this->copyExternalFile($this->to);
+               return wsHTML5Link::getUniversalLocation($this->to);
+       }
+
+       public function getTarget()
+       {
+               return '_blank';
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'click to open the file';
+       }
 
 }
 
 class facebookLikeLink extends wsHTML5Link
 {
-    public function getHTMLContent()
-    {
-        $this->compiler->addFacebookSDK();
-        return '<div class="fb-like" data-href="' . $this->to . '" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>';
-    }
+       public function getHTMLContent()
+       {
+               $this->compiler->addFacebookSDK();
+               return '<div class="fb-like" data-href="' . $this->to . '" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>';
+       }
 }
 
 class htmlMultimediaLink extends wsHTML5Link
 {
 
-    protected $_config = null;
-    protected $_content = '';
-    protected $_url;
-    protected $_externalIframe = false;
-    public $zindex = 2;
-
-    public function getHTMLContent()
-    {
-        if ($this->_content == '') {
-            $ext = files::getExtension($this->alternative);
-
-            if ($ext == 'oam') {
-                $d = $this->unzipFile($this->alternative, true);
-                $this->_config = $this->getConfigOAM($d['dir']);
-                $this->copyExternalDir($d['dir'], $d['fdir']);
-            } elseif ($ext == 'zip') {
-                $d = $this->unzipFile($this->alternative, false);
-                $this->_config = $this->getConfigZIP($d['dir']);
-                $this->copyExternalDir($d['dir'], $d['fdir']);
-            } elseif ($ext == 'html') {
-                $fdir = 'data/links';
-                $dir = $fdir;
-
-                $d = array('fdir' => $fdir, 'dir' => $dir);
-
-                $this->compiler->vdir->copy($this->compiler->wdir . '/' . $this->alternative, $d['dir'] . '/' . $this->alternative);
-                $this->_config = $this->getConfigHTML($d['dir'], $this->alternative);
-                $this->copyExternalFile($d['dir'] . '/' . $this->alternative);
-            }
-            if (substr($this->alternative, 0, 4) == 'http') {
-                $this->_url = $this->_externalIframe = $this->alternative;
-                $this->_config = array('html' => false, 'width' => $this->width, 'height' => $this->height);
-            }
-
-            $res = '';
-            if ($this->_config['html']) {
-                $this->_url = $d['fdir'] . '/' . $this->_config['html'];
-                if ($this->extra) {
-                    $this->_url .= '?' . $this->extra;
-                }
-
-                $iw = $this->_config['width'];
-                $ih = $this->_config['height'];
-
-                $res = '<iframe data-width="' . $iw . '" data-height="' . $ih . '" width="' . $iw . '" height="' . $ih . '" src="' . $this->_url . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
-            }
-            if ($this->_externalIframe !== false) {
-                $s = $this->in_popup ? 1 : $this->getCssScale();
-                $iw = $this->_config['width'] * $s;
-                $ih = $this->_config['height'] * $s;
-                $res = '<iframe data-scale="' . $s . '" data-width="' . $iw . '" data-height="' . $ih . '"  width="' . $iw . '" height="' . $ih . '" src="' . $this->_externalIframe . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
-            }
-
-            foreach ($this->_config['inject'] as $i) {
-                $infos = ['path' => 'data/links/' . str_replace('.', '_', $this->alternative) . '/'];
-                $i = str_replace('$id', '"#l_' . $this->id . '"', $i);
-                $i = str_replace('$init', CubeIT_Util_Json::encode($infos), $i);
-                $this->compiler->htmlmultimedia[] = $i;
-            }
-
-            foreach ($this->_config['injectcss'] as $i) {
-
-            }
-
-            foreach ($this->_config['injectjs'] as $i) {
-                $this->compiler->pluginJs[] = $d['fdir'] . '/' . $i;
-            }
-
-
-            $this->_content = $res;
-        }
-        return $this->_content;
-    }
-
-    public function getHTMLContainerClass()
-    {
-        $res = parent::getHTMLContainerClass() . ' multimedia';
-        if (!$this->interactive) {
-            $res .= ' notinteractive';
-        }
-
-        return $res;
-    }
-
-
-    protected function _correctFiles($dir)
-    {
-        $files = CubeIT_Files::getRecursiveDirectoryIterator($dir);
-        foreach ($files as $f) {
-            /* @var $f SplFileInfo */
-            if ($f->getExtension() == 'js') {
-                $this->_correctFile($f);
-            }
-        }
-    }
-
-    public function getCSSContainer()
-    {
-        if (!($this instanceof contentLink) && $this->page % 2 == 1) {
-            $this->page--;
-            $this->left += $this->compiler->width;
-        }
-
-        $css = '#l_' . $this->id . '{';
-        $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
-        $css .= 'width:' . $this->_config['width'] . 'px;height:' . $this->_config['height'] . 'px;';
-        $css .= $this->getCSSZIndex();
-        $css .= $this->getCSS();
-        $css .= '}';
-        if ($this->_externalIframe !== false && $this->in_popup) {
-            $css .= '#l_' . $this->id . '>iframe{' . wsHTML5::writeCSSUA('transform', 'scale(' . $this->getCssScale() . ')') . '}';
-        }
-        return $css;
-    }
-
-    public function getCSS()
-    {
-        $sx = ($this->width / ($this->_config['width'])) * $this->getCssScale();
-        $sy = ($this->height / ($this->_config['height'])) * $this->getCssScale();
-
-        $res = wsHTML5::writeCSSUA('transform', 'scale(' . $sx . ',' . $sy . ')');
-        $res .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
-
-        if (!$this->_config['html']) {
-            return '';
-        }
-        return $res;
-    }
-
-    public function getConfigZIP($d)
-    {
-        return $this->compiler->getConfigZIP($d);
-    }
-
-    public function getConfigHTML($d, $html)
-    {
-        $res = array('width' => $this->video_width, 'height' => $this->video_height);
-        $r = array('html' => $html, 'inject' => array(), 'injectcss' => array(), 'injectjs' => array());
-
-        return array_merge($res, $r);
-    }
-
-    public function getConfigOAM($d)
-    {
-        $x = simplexml_load_file($d . '/config.xml');
-        $config = (string)$x->oamfile['src'];
-        $config = str_replace('/Assets', '', $d . '/' . $config);
-        $x = simplexml_load_file($config, 'SimpleXMLElement', LIBXML_NOCDATA);
-        $c = CubeIT_Util_Xml::toObject($x);
-
-        $props = array('default-width' => 'width', 'default-height' => 'height', 'html-page' => 'html');
-
-
-        $res = array('inject' => array(), 'injectcss' => array(), 'injectjs' => array(), 'content' => trim($c->content), 'name' => $c->_name, 'assets' => array());
-        foreach ($c->properties->property as $p) {
-            if (isset($props[$p->_name])) {
-                $res[$props[$p->_name]] = $p->_defaultValue;
-            }
-        }
-        foreach ($c->require as $r) {
-            if ($r->_type == 'folder') {
-                continue;
-            }
-            $res['assets'][] = $r->_src;
-        }
-        return $res;
-    }
+       protected $_config = null;
+       protected $_content = '';
+       protected $_url;
+       protected $_externalIframe = false;
+       public $zindex = 2;
+
+       public function getHTMLContent()
+       {
+               if ($this->_content == '') {
+                       $ext = files::getExtension($this->alternative);
+
+                       if ($ext == 'oam') {
+                               $d = $this->unzipFile($this->alternative, true);
+                               $this->_config = $this->getConfigOAM($d['dir']);
+                               $this->copyExternalDir($d['dir'], $d['fdir']);
+                       } elseif ($ext == 'zip') {
+                               $d = $this->unzipFile($this->alternative, false);
+                               $this->_config = $this->getConfigZIP($d['dir']);
+                               $this->copyExternalDir($d['dir'], $d['fdir']);
+                       } elseif ($ext == 'html') {
+                               $fdir = 'data/links';
+                               $dir = $fdir;
+
+                               $d = array('fdir' => $fdir, 'dir' => $dir);
+
+                               $this->compiler->vdir->copy($this->compiler->wdir . '/' . $this->alternative, $d['dir'] . '/' . $this->alternative);
+                               $this->_config = $this->getConfigHTML($d['dir'], $this->alternative);
+                               $this->copyExternalFile($d['dir'] . '/' . $this->alternative);
+                       }
+                       if (substr($this->alternative, 0, 4) == 'http') {
+                               $this->_url = $this->_externalIframe = $this->alternative;
+                               $this->_config = array('html' => false, 'width' => $this->width, 'height' => $this->height);
+                       }
+
+                       if($this->_config['width']==0){
+                               $this->_config['width']=$this->width;
+                       }
+                       if($this->_config['height']==0){
+                               $this->_config['height']=$this->height;
+                       }
+
+                       $res = '';
+                       if ($this->_config['html']) {
+                               $this->_url = $d['fdir'] . '/' . $this->_config['html'];
+                               if ($this->extra) {
+                                       $this->_url .= '?' . $this->extra;
+                               }
+
+                               $iw = $this->_config['width'];
+                               $ih = $this->_config['height'];
+
+                               $res = '<iframe data-width="' . $iw . '" data-height="' . $ih . '" width="' . $iw . '" height="' . $ih . '" src="' . $this->_url . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
+                       }
+                       if ($this->_externalIframe !== false) {
+                               $s = $this->in_popup ? 1 : $this->getCssScale();
+                               $iw = $this->_config['width'] * $s;
+                               $ih = $this->_config['height'] * $s;
+                               $res = '<iframe data-scale="' . $s . '" data-width="' . $iw . '" data-height="' . $ih . '"  width="' . $iw . '" height="' . $ih . '" src="' . $this->_externalIframe . '" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true" onmousewheel=""></iframe>';
+                       }
+
+                       foreach ($this->_config['inject'] as $i) {
+                               $infos = ['path' => 'data/links/' . str_replace('.', '_', $this->alternative) . '/'];
+                               $i = str_replace('$id', '"#l_' . $this->id . '"', $i);
+                               $i = str_replace('$init', CubeIT_Util_Json::encode($infos), $i);
+                               $this->compiler->htmlmultimedia[] = $i;
+                       }
+
+                       foreach ($this->_config['injectcss'] as $i) {
+
+                       }
+
+                       foreach ($this->_config['injectjs'] as $i) {
+                               $this->compiler->pluginJs[] = $d['fdir'] . '/' . $i;
+                       }
+
+
+                       $this->_content = $res;
+               }
+               return $this->_content;
+       }
+
+       public function getHTMLContainerClass()
+       {
+               $res = parent::getHTMLContainerClass() . ' multimedia';
+               if (!$this->interactive) {
+                       $res .= ' notinteractive';
+               }
+
+               return $res;
+       }
+
+
+       protected function _correctFiles($dir)
+       {
+               $files = CubeIT_Files::getRecursiveDirectoryIterator($dir);
+               foreach ($files as $f) {
+                       /* @var $f SplFileInfo */
+                       if ($f->getExtension() == 'js') {
+                               $this->_correctFile($f);
+                       }
+               }
+       }
+
+       public function getCSSContainer()
+       {
+               if (!($this instanceof contentLink) && $this->page % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
+               $css .= 'width:' . $this->_config['width'] . 'px;height:' . $this->_config['height'] . 'px;';
+               $css .= $this->getCSSZIndex();
+               $css .= $this->getCSS();
+               $css .= '}';
+               if ($this->_externalIframe !== false && $this->in_popup) {
+                       $css .= '#l_' . $this->id . '>iframe{' . wsHTML5::writeCSSUA('transform', 'scale(' . $this->getCssScale() . ')') . '}';
+               }
+               return $css;
+       }
+
+       public function getCSS()
+       {
+               $sx = ($this->width / ($this->_config['width'])) * $this->getCssScale();
+               $sy = ($this->height / ($this->_config['height'])) * $this->getCssScale();
+
+               $res = wsHTML5::writeCSSUA('transform', 'scale(' . $sx . ',' . $sy . ')');
+               $res .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
+
+               if (!$this->_config['html']) {
+                       return '';
+               }
+               return $res;
+       }
+
+       public function getConfigZIP($d)
+       {
+               return $this->compiler->getConfigZIP($d);
+       }
+
+       public function getConfigHTML($d, $html)
+       {
+               $res = array('width' => $this->video_width, 'height' => $this->video_height);
+               $r = array('html' => $html, 'inject' => array(), 'injectcss' => array(), 'injectjs' => array());
+
+               return array_merge($res, $r);
+       }
+
+       public function getConfigOAM($d)
+       {
+               $x = simplexml_load_file($d . '/config.xml');
+               $config = (string)$x->oamfile['src'];
+               $config = str_replace('/Assets', '', $d . '/' . $config);
+               $x = simplexml_load_file($config, 'SimpleXMLElement', LIBXML_NOCDATA);
+               $c = CubeIT_Util_Xml::toObject($x);
+
+               $props = array('default-width' => 'width', 'default-height' => 'height', 'html-page' => 'html');
+
+
+               $res = array('inject' => array(), 'injectcss' => array(), 'injectjs' => array(), 'content' => trim($c->content), 'name' => $c->_name, 'assets' => array());
+               foreach ($c->properties->property as $p) {
+                       if (isset($props[$p->_name])) {
+                               $res[$props[$p->_name]] = $p->_defaultValue;
+                       }
+               }
+               foreach ($c->require as $r) {
+                       if ($r->_type == 'folder') {
+                               continue;
+                       }
+                       $res['assets'][] = $r->_src;
+               }
+               return $res;
+       }
 
 }
 
 class webVideoPopupLink extends videoPopupLink
 {
 
-    // public function getURL() {
-    //         if ($this->video_service == 0) {
-    //                 $service = 'youtube';
-    //         } elseif ($this->video_service == 1) {
-    //                 $service = 'dailymotion';
-    //         } elseif ($this->video_service == 2) {
-    //                 $service = 'vimeo';
-    //         } elseif ($this->video_service == 3) {
-    //                 $service = 'brightcove';
-    //         }
-    //         return '#/webvideo/' . $service . '/' . $this->to;
-    // }
-
-    public function getURL()
-    {
-
-        switch ($this->video_service) {
-            case 1: // Dailymotion
-                return '#/webvideo/dailymotion/' . $this->to;
-                break;
-            case 2: // Vimeo
-                return '#/webvideo/vimeo/' . $this->to;
-                break;
-            default:
-                return '#/video/' . $this->to;
-        }
-    }
-
-    public function getAdditionnalContent()
-    {
-        $this->video_auto_start = true; // Videos should always autoplay
-        return ' data-video="' . rawurlencode(webVideoLink::makeVideoTag($this, 1280, 720, $this->compiler)) . '" ';
-    }
+       //      public function getURL() {
+       //              if ($this->video_service == 0) {
+       //                      $service = 'youtube';
+       //              } elseif ($this->video_service == 1) {
+       //                      $service = 'dailymotion';
+       //              } elseif ($this->video_service == 2) {
+       //                      $service = 'vimeo';
+       //              } elseif ($this->video_service == 3) {
+       //                      $service = 'brightcove';
+       //              }
+       //              return '#/webvideo/' . $service . '/' . $this->to;
+       //      }
+
+       public function getURL()
+       {
+
+               switch ($this->video_service) {
+                       case 1: // Dailymotion
+                               return '#/webvideo/dailymotion/' . $this->to;
+                               break;
+                       case 2: // Vimeo
+                               return '#/webvideo/vimeo/' . $this->to;
+                               break;
+                       default:
+                               return '#/video/' . $this->to;
+               }
+       }
+
+       public function getAdditionnalContent()
+       {
+               $this->video_auto_start = true; // Videos should always autoplay
+               return ' data-video="' . rawurlencode(webVideoLink::makeVideoTag($this, 1280, 720, $this->compiler)) . '" ';
+       }
 
 }
 
 class audioLink extends wsHTML5Link
 {
 
-    public function getHTMLContent()
-    {
-        $this->copyExternalFile($this->to);
-
-        $w = round($this->width * $this->getCssScale());
-        $h = round($this->height * $this->getCssScale());
-
-        return self::makeAudioTag($this, $w, $h, $this->compiler);
-    }
-
-    public function getCSSContainer()
-    {
-        $css = parent::getCSSContainer();
-        $css .= '#l_' . $this->id . ' audio{';
-        $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;';
-        $css .= 'height:' . round($this->height * $this->getCssScale()) . 'px;';
-        $css .= 'display:block;';
-        $css .= '}';
-        return $css;
-    }
-
-    public static function makeAudioTag($linkDatas, $w = null, $h = null, $compiler = null)
-    {
-        $res = '<audio controls ';
-        if ($linkDatas->video_loop) {
-            $res .= 'loop ';
-        }
-        if ($linkDatas->video_auto_start) {
-            $res .= 'autoplay ';
-        }
-        $res .= ' src="' . wsHTML5Link::getUniversalLocation($linkDatas->to) . '"';
-        $res .= '></audio>';
-        return $res;
-    }
+       public function getHTMLContent()
+       {
+               $this->copyExternalFile($this->to);
+
+               $w = round($this->width * $this->getCssScale());
+               $h = round($this->height * $this->getCssScale());
+
+               return self::makeAudioTag($this, $w, $h, $this->compiler);
+       }
+
+       public function getCSSContainer()
+       {
+               $css = parent::getCSSContainer();
+               $css .= '#l_' . $this->id . ' audio{';
+               $css .= 'width:' . round($this->width * $this->getCssScale()) . 'px;';
+               $css .= 'height:' . round($this->height * $this->getCssScale()) . 'px;';
+               $css .= 'display:block;';
+               $css .= '}';
+               return $css;
+       }
+
+       public static function makeAudioTag($linkDatas, $w = null, $h = null, $compiler = null)
+       {
+               $res = '<audio controls ';
+               if ($linkDatas->video_loop) {
+                       $res .= 'loop ';
+               }
+               if ($linkDatas->video_auto_start) {
+                       $res .= 'autoplay ';
+               }
+               $res .= ' src="' . wsHTML5Link::getUniversalLocation($linkDatas->to) . '"';
+               $res .= '></audio>';
+               return $res;
+       }
 
 }
 
 class wescoLink extends normalLink
 {
 
-    public function getURL()
-    {
-        return 'https://workshop.fluidbook.com/services/wescoRef?ref=' . $this->to;
-    }
+       public function getURL()
+       {
+               return 'https://workshop.fluidbook.com/services/wescoRef?ref=' . $this->to;
+       }
 
-    public function getTarget()
-    {
-        return '_blank';
-    }
+       public function getTarget()
+       {
+               return '_blank';
+       }
 
 }
 
 class pierronLink extends normalLink
 {
 
-    public function getURL()
-    {
-        return 'https://workshop.fluidbook.com/services/pierronRef?ref=' . $this->to;
-    }
+       public function getURL()
+       {
+               return 'https://workshop.fluidbook.com/services/pierronRef?ref=' . $this->to;
+       }
 
-    public function getTarget()
-    {
-        return '_blank';
-    }
+       public function getTarget()
+       {
+               return '_blank';
+       }
 
 }
 
 class wescoSalesLink extends normalLink
 {
-    public function getUrl()
-    {
-        return '#';
-    }
-
-    public function getAdditionnalContent()
-    {
-        return parent::getAdditionnalContent() . ' data-wescosales-ref="' . $this->to . '" ';
-    }
-
-    public function getTooltip()
-    {
-        return 'Consulter les ventes de ce produit';
-    }
+       public function getUrl()
+       {
+               return '#';
+       }
+
+       public function getAdditionnalContent()
+       {
+               return parent::getAdditionnalContent() . ' data-wescosales-ref="' . $this->to . '" ';
+       }
+
+       public function getTooltip()
+       {
+               return 'Consulter les ventes de ce produit';
+       }
 }
 
 class atlanticDownloadLink extends normalLink
 {
-    public function getUrl()
-    {
-        return '#';
-    }
-
-    public function getAdditionnalContent()
-    {
-        return parent::getAdditionnalContent() . ' data-atlanticdownload-ref="' . $this->to . '" ';
-    }
-
-    public function getTooltip()
-    {
-        return 'Télécharger les documents';
-    }
+       public function getUrl()
+       {
+               return '#';
+       }
+
+       public function getAdditionnalContent()
+       {
+               return parent::getAdditionnalContent() . ' data-atlanticdownload-ref="' . $this->to . '" ';
+       }
+
+       public function getTooltip()
+       {
+               return 'Télécharger les documents';
+       }
 }
 
 class inpesPopinLink extends htmlMultimediaLink
 {
 
-    public function getHTMLContent()
-    {
-        $this->alternative = $this->to;
-        $c = parent::getHTMLContent();
-
-        $class = $this->getClasses();
-        if ($this->display_area) {
-            $class[] = 'displayArea';
-        }
-        $c = '';
-        if (count($class)) {
-            $c = ' class="' . implode(' ', $class) . '"';
-        }
-        $tooltip = '';
-        $t = $this->getTooltip();
-        if ($t !== false) {
-            $tooltip = ' data-tooltip="' . $t . '"';
-        }
-        return '<a href="#" ' . $tooltip . $c . $this->getAdditionnalContent() . '></a>';
-    }
-
-    public function getCSSContainer()
-    {
-        if (!($this instanceof contentLink) && $this->page % 2 == 1) {
-            $this->page--;
-            $this->left += $this->compiler->width;
-        }
-
-        $css = '#l_' . $this->id . '{';
-        $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
-        $css .= 'width:' . $this->width * $this->getCssScale() . 'px;height:' . $this->height * $this->getCssScale() . 'px;';
-        $css .= $this->getCSSZIndex();
-        if ($this->rot) {
-            $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
-            $css .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
-        }
-        $css .= $this->getCSS();
-        $css .= '}';
-        return $css;
-    }
-
-    public function getCSS()
-    {
-        return "";
-    }
-
-    public function getClasses()
-    {
-        $res = parent::getClasses();
-        $res[] = 'popin';
-        return $res;
-    }
-
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-        $res .= ' data-src="' . $this->_url . '" data-width="900" data-height="650"';
-        return $res;
-    }
+       public function getHTMLContent()
+       {
+               $this->alternative = $this->to;
+               $c = parent::getHTMLContent();
+
+               $class = $this->getClasses();
+               if ($this->display_area) {
+                       $class[] = 'displayArea';
+               }
+               $c = '';
+               if (count($class)) {
+                       $c = ' class="' . implode(' ', $class) . '"';
+               }
+               $tooltip = '';
+               $t = $this->getTooltip();
+               if ($t !== false) {
+                       $tooltip = ' data-tooltip="' . $t . '"';
+               }
+               return '<a href="#" ' . $tooltip . $c . $this->getAdditionnalContent() . '></a>';
+       }
+
+       public function getCSSContainer()
+       {
+               if (!($this instanceof contentLink) && $this->page % 2 == 1) {
+                       $this->page--;
+                       $this->left += $this->compiler->width;
+               }
+
+               $css = '#l_' . $this->id . '{';
+               $css .= 'left:' . $this->left * $this->getCssScale() . 'px;top:' . $this->top * $this->getCssScale() . 'px;';
+               $css .= 'width:' . $this->width * $this->getCssScale() . 'px;height:' . $this->height * $this->getCssScale() . 'px;';
+               $css .= $this->getCSSZIndex();
+               if ($this->rot) {
+                       $css .= wsHTML5::writeCSSUA('transform', 'rotate(' . $this->rot . 'deg)');
+                       $css .= wsHTML5::writeCSSUA('transform-origin', '0% 0%');
+               }
+               $css .= $this->getCSS();
+               $css .= '}';
+               return $css;
+       }
+
+       public function getCSS()
+       {
+               return "";
+       }
+
+       public function getClasses()
+       {
+               $res = parent::getClasses();
+               $res[] = 'popin';
+               return $res;
+       }
+
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+               $res .= ' data-src="' . $this->_url . '" data-width="900" data-height="650"';
+               return $res;
+       }
 
 }
 
 class statsTagLink extends wsHTML5Link
 {
-    public function __construct($id, $init, &$compiler)
-    {
-        parent::__construct($id, $init, $compiler);
-        $this->width = 1;
-        $this->height = 1;
-    }
-
-    public function getHTMLContent()
-    {
-        return str_replace('%tag%', $this->to, $this->compiler->book->parametres->xiti_page);
-    }
+       public function __construct($id, $init, &$compiler)
+       {
+               parent::__construct($id, $init, $compiler);
+               $this->width = 1;
+               $this->height = 1;
+       }
+
+       public function getHTMLContent()
+       {
+               return str_replace('%tag%', $this->to, $this->compiler->book->parametres->xiti_page);
+       }
 }
 
 class flfLink extends wescoLink
 {
 
-    public function getURL()
-    {
-        return 'https://workshop.fluidbook.com/services/flfRef?ref=' . $this->to;
-    }
+       public function getURL()
+       {
+               return 'https://workshop.fluidbook.com/services/flfRef?ref=' . $this->to;
+       }
 
-    public function getTarget()
-    {
-        return '_blank';
-    }
+       public function getTarget()
+       {
+               return '_blank';
+       }
 
-    public function getTooltip()
-    {
-        return 'Accéder à la fiche du stage sur notre site flf.fr';
-    }
+       public function getTooltip()
+       {
+               return 'Accéder à la fiche du stage sur notre site flf.fr';
+       }
 
 }
 
 class haguenauManifLink extends internalLink
 {
 
-    public function getPage()
-    {
-        $fiches = array(
-            "1" => 7, "2" => 8, "3" => 14, "4" => 16, "5" => 17, "6" => 18, "7" => 19, "8" => 20, "9" => 22, "10" => 23, "11" => 24, "12" => 27
-        , "13" => 29, "14" => 32, "15" => 34, "16" => 37, "17" => 38, "18" => 41, "19" => 43,
-            "20" => 45, "21" => 46, "22" => 52, "23" => 53, "24" => 54, "25" => 56, "26" => 59, "27" => 60
-        );
-        return $fiches[$this->to];
-    }
+       public function getPage()
+       {
+               $fiches = array(
+                       "1" => 7, "2" => 8, "3" => 14, "4" => 16, "5" => 17, "6" => 18, "7" => 19, "8" => 20, "9" => 22, "10" => 23, "11" => 24, "12" => 27
+               , "13" => 29, "14" => 32, "15" => 34, "16" => 37, "17" => 38, "18" => 41, "19" => 43,
+                       "20" => 45, "21" => 46, "22" => 52, "23" => 53, "24" => 54, "25" => 56, "26" => 59, "27" => 60
+               );
+               return $fiches[$this->to];
+       }
 
 }
 
 class zoomLink extends normalLink
 {
 
-    public function getHTMLContainerClass()
-    {
-        return parent::getHTMLContainerClass() . ' zoomarea';
-    }
-
-    public function getDefaultTooltip()
-    {
-        return 'zoom in';
-    }
-
-    public function __construct($id, $init, $compiler)
-    {
-        parent::__construct($id, $init, $compiler);
-    }
-
-    public function getAdditionnalContent()
-    {
-        $res = parent::getAdditionnalContent();
-
-        // Data attributes
-        $attributes = [
-            'maxzoom' => $this->to,
-            'width' => round($this->width),
-            'height' => round($this->height)
-        ];
-
-        // Set data attributes
-        foreach ($attributes as $key => $val) {
-            $res .= ' data-' . $key . '="' . $val . '"';
-        }
-
-        $this->generateImage();
-
-        return $res;
-    }
-
-    public function generateImage()
-    {
-
-        $maxzoom = ((int)$this->to !== 0) ? $this->to : 2; // Max zoom level might not always be set in the link editor
-        $maxzoom = min($maxzoom, 4.166666667);
-
-        // TODO: Consider generating higher-res images (eg. 2x) for HiDPI screens. Maybe some extra optimisations can be done on the larger images...
-
-        $extractOptions = [
-            // The Poppler::extractArea function accepts a resolution setting and uses that to determine the
-            // scale factor on the extracted images. It does so by dividing by 72, so we can pass our own scale
-            // factor by setting the resolution to 72 * $maxzoom
-            'resolution' => 72 * $maxzoom
-        ];
-
-        // Round all link co-ordinates because there seems to be a problem with the the Workshop link editor
-        // where link "left" values (and maybe others) change fractionally upon saves. This causes problems later when
-        // extracting the zoom images from the PDF because it causes a cache-miss and the images are regenerated again.
-        $x = round($this->left);
-        $y = round($this->top);
-        $w = round($this->width);
-        $h = round($this->height);
-        $bookwidth = round($this->compiler->book->parametres->width);
-
-        //error_log("--- Book Width: $bookwidth ---");
-
-        $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page);
-        $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
-
-        $left = CubeIT_Files::tempnam();
-        $leftfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
-            $p['document_page'],
-            array('x' => $x, 'y' => $y, 'width' => $w, 'height' => $h),
-            $left, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
-
-        if (($x + $w) > $bookwidth) {
-            $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page + 1);
-            $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
-            $diff = ($w + $x) - $bookwidth;
-            $right = CubeIT_Files::tempnam();
-            $rightfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
-                $p['document_page'],
-                array('x' => 0, 'y' => $y, 'width' => $diff, 'height' => $h),
-                $right, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
-
-            $both = CubeIT_Files::tempnam() . '.jpg';
-            CubeIT_CommandLine_Imagemagick::append(array($leftfile, $rightfile), $both, 'horizontal');
-        } else {
-            $both = $leftfile;
-        }
-
-        $this->compiler->simpleCopyLinkFile($both, 'data/links/zoom_' . $this->id . '.jpg');
-
-        // Perform tidy up and delete temporary files if they exist
-        $files_to_delete = ['left', 'leftfile', 'right', 'rightfile', 'both'];
-        foreach ($files_to_delete as $file) {
-            if (isset($$file)) {
-                $this->compiler->vdir->addTemp($$file);
-            }
-        }
-    }
-
-
-    public function getClasses()
-    {
-        return array_merge(['zoomPopup'], parent::getClasses());
-    }
+       public function getHTMLContainerClass()
+       {
+               return parent::getHTMLContainerClass() . ' zoomarea';
+       }
+
+       public function getDefaultTooltip()
+       {
+               return 'zoom in';
+       }
+
+       public function __construct($id, $init, $compiler)
+       {
+               parent::__construct($id, $init, $compiler);
+       }
+
+       public function getAdditionnalContent()
+       {
+               $res = parent::getAdditionnalContent();
+
+               // Data attributes
+               $attributes = [
+                       'maxzoom' => $this->to,
+                       'width' => round($this->width),
+                       'height' => round($this->height)
+               ];
+
+               // Set data attributes
+               foreach ($attributes as $key => $val) {
+                       $res .= ' data-' . $key . '="' . $val . '"';
+               }
+
+               $this->generateImage();
+
+               return $res;
+       }
+
+       public function generateImage()
+       {
+
+               $maxzoom = ((int)$this->to !== 0) ? $this->to : 2; // Max zoom level might not always be set in the link editor
+               $maxzoom = min($maxzoom, 4.166666667);
+
+               // TODO: Consider generating higher-res images (eg. 2x) for HiDPI screens. Maybe some extra optimisations can be done on the larger images...
+
+               $extractOptions = [
+                       // The Poppler::extractArea function accepts a resolution setting and uses that to determine the
+                       // scale factor on the extracted images. It does so by dividing by 72, so we can pass our own scale
+                       // factor by setting the resolution to 72 * $maxzoom
+                       'resolution' => 72 * $maxzoom
+               ];
+
+               // Round all link co-ordinates because there seems to be a problem with the the Workshop link editor
+               // where link "left" values (and maybe others) change fractionally upon saves. This causes problems later when
+               // extracting the zoom images from the PDF because it causes a cache-miss and the images are regenerated again.
+               $x = round($this->left);
+               $y = round($this->top);
+               $w = round($this->width);
+               $h = round($this->height);
+               $bookwidth = round($this->compiler->book->parametres->width);
+
+               //error_log("--- Book Width: $bookwidth ---");
+
+               $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page);
+               $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
+
+               $left = CubeIT_Files::tempnam();
+               $leftfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
+                       $p['document_page'],
+                       array('x' => $x, 'y' => $y, 'width' => $w, 'height' => $h),
+                       $left, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
+
+               if (($x + $w) > $bookwidth) {
+                       $p = wsDAOBook::getDocumentPage($this->compiler->book_id, $this->page + 1);
+                       $pdfpath = wsDocument::getDir($p['document_id']) . 'original.pdf';
+                       $diff = ($w + $x) - $bookwidth;
+                       $right = CubeIT_Files::tempnam();
+                       $rightfile = CubeIT_CommandLine_Poppler::extractArea($pdfpath,
+                               $p['document_page'],
+                               array('x' => 0, 'y' => $y, 'width' => $diff, 'height' => $h),
+                               $right, $extractOptions, WS_CACHE . '/zoomarea/' . $this->compiler->book_id . '/');
+
+                       $both = CubeIT_Files::tempnam() . '.jpg';
+                       CubeIT_CommandLine_Imagemagick::append(array($leftfile, $rightfile), $both, 'horizontal');
+               } else {
+                       $both = $leftfile;
+               }
+
+               $this->compiler->simpleCopyLinkFile($both, 'data/links/zoom_' . $this->id . '.jpg');
+
+               // Perform tidy up and delete temporary files if they exist
+               $files_to_delete = ['left', 'leftfile', 'right', 'rightfile', 'both'];
+               foreach ($files_to_delete as $file) {
+                       if (isset($$file)) {
+                               $this->compiler->vdir->addTemp($$file);
+                       }
+               }
+       }
+
+
+       public function getClasses()
+       {
+               return array_merge(['zoomPopup'], parent::getClasses());
+       }
 }