// Garden Gnome Software - Skin // Pano2VR 6.1.2/17873 // Filename: arennas.ggsk // Generated 2020-04-16T19:16:35 function pano2vrSkin(player,base) { player.addVariable('opt_3d_preview', 2, true); player.addVariable('opt_thumbnail_menu_tooltip', 2, true); player.addVariable('vis_thumbnail_menu', 2, false); var me=this; var skin=this; var flag=false; var hotspotTemplates={}; var skinKeyPressed = 0; this.player=player; this.player.skinObj=this; this.divSkin=player.divSkin; this.ggUserdata=player.userdata; this.lastSize={ w: -1,h: -1 }; var basePath=""; // auto detect base path if (base=='?') { var scripts = document.getElementsByTagName('script'); for(var i=0;i=0) { var p=src.lastIndexOf('/'); if (p>=0) { basePath=src.substr(0,p+1); } } } } else if (base) { basePath=base; } this.elementMouseDown=[]; this.elementMouseOver=[]; var cssPrefix=''; var domTransition='transition'; var domTransform='transform'; var prefixes='Webkit,Moz,O,ms,Ms'.split(','); var i; var hs,el,els,elo,ela,elHorScrollFg,elHorScrollBg,elVertScrollFg,elVertScrollBg,elCornerBg; if (typeof document.body.style['transform'] == 'undefined') { for(var i=0;i0) { var e=stack.pop(); if (e.ggUpdatePosition) { e.ggUpdatePosition(); } if (e.hasChildNodes()) { for(var i=0;i0) { var e=stack.pop(); if (e.ggNodeChange) { e.ggNodeChange(); } if (e.hasChildNodes()) { for(var i=0;i0) { var e=stack.pop(); if (regex) { if (pat.test(e.ggId)) r.push(e); } else { if (e.ggId==id) r.push(e); } if (e.hasChildNodes()) { for(var i=0;i 0 && (scrollCurrX >= diffX || me._thumbnail_menu.ggScrollPosX >= me._thumbnail_menu__horScrollBg.offsetWidth - me._thumbnail_menu__horScrollFg.offsetWidth)) { me._thumbnail_menu.ggScrollPosX = Math.min(me._thumbnail_menu.ggScrollPosX, me._thumbnail_menu__horScrollBg.offsetWidth - me._thumbnail_menu__horScrollFg.offsetWidth); clearInterval(id); } if (diffX < 0 && (scrollCurrX <= diffX || me._thumbnail_menu.ggScrollPosX <= 0)) { me._thumbnail_menu.ggScrollPosX = Math.max(me._thumbnail_menu.ggScrollPosX, 0); clearInterval(id); } me._thumbnail_menu__horScrollFg.style.left = me._thumbnail_menu.ggScrollPosX + 'px'; me._thumbnail_menu__content.style.left = -(Math.round(me._thumbnail_menu.ggScrollPosX / me._thumbnail_menu.ggHPercentVisible)) + me._thumbnail_menu.ggContentLeftOffset + 'px'; me._thumbnail_menu.ggScrollPosXPercent = (me._thumbnail_menu__horScrollFg.offsetLeft / me._thumbnail_menu__horScrollBg.offsetWidth); }, 10); } me._thumbnail_menu.ggScrollByY = function(diffY) { if(!me._thumbnail_menu.ggVertScrollVisible || diffY == 0) return; me._thumbnail_menu.ggScrollPosY = (me._thumbnail_menu__vertScrollFg.offsetTop + diffY); me._thumbnail_menu.ggScrollPosY = Math.max(me._thumbnail_menu.ggScrollPosY, 0); me._thumbnail_menu.ggScrollPosY = Math.min(me._thumbnail_menu.ggScrollPosY, me._thumbnail_menu__vertScrollBg.offsetHeight - me._thumbnail_menu__vertScrollFg.offsetHeight); me._thumbnail_menu__vertScrollFg.style.top = me._thumbnail_menu.ggScrollPosY + 'px'; me._thumbnail_menu__content.style.top = -(Math.round(me._thumbnail_menu.ggScrollPosY / me._thumbnail_menu.ggVPercentVisible)) + me._thumbnail_menu.ggContentTopOffset + 'px'; me._thumbnail_menu.ggScrollPosYPercent = (me._thumbnail_menu__vertScrollFg.offsetTop / me._thumbnail_menu__vertScrollBg.offsetHeight); } me._thumbnail_menu.ggScrollByYSmooth = function(diffY) { if(!me._thumbnail_menu.ggVertScrollVisible || diffY == 0) return; var scrollPerInterval = diffY / 25; var scrollCurrY = 0; var id = setInterval(function() { scrollCurrY += scrollPerInterval; me._thumbnail_menu.ggScrollPosY += scrollPerInterval; if (diffY > 0 && (scrollCurrY >= diffY || me._thumbnail_menu.ggScrollPosY >= me._thumbnail_menu__vertScrollBg.offsetHeight - me._thumbnail_menu__vertScrollFg.offsetHeight)) { me._thumbnail_menu.ggScrollPosY = Math.min(me._thumbnail_menu.ggScrollPosY, me._thumbnail_menu__vertScrollBg.offsetHeight - me._thumbnail_menu__vertScrollFg.offsetHeight); clearInterval(id); } if (diffY < 0 && (scrollCurrY <= diffY || me._thumbnail_menu.ggScrollPosY <= 0)) { me._thumbnail_menu.ggScrollPosY = Math.max(me._thumbnail_menu.ggScrollPosY, 0); clearInterval(id); } me._thumbnail_menu__vertScrollFg.style.top = me._thumbnail_menu.ggScrollPosY + 'px'; me._thumbnail_menu__content.style.top = -(Math.round(me._thumbnail_menu.ggScrollPosY / me._thumbnail_menu.ggVPercentVisible)) + me._thumbnail_menu.ggContentTopOffset + 'px'; me._thumbnail_menu.ggScrollPosYPercent = (me._thumbnail_menu__vertScrollFg.offsetTop / me._thumbnail_menu__vertScrollBg.offsetHeight); }, 10); } me._thumbnail_menu.ggScrollIntoView = function(posX, posY, width, height) { if (me._thumbnail_menu.ggHorScrollVisible) { if (posX < 0) { var diffX = Math.floor(posX * me._thumbnail_menu.ggHPercentVisible); me._thumbnail_menu.ggScrollByXSmooth(diffX); } else if (posX + width > me._thumbnail_menu.offsetWidth - (me._thumbnail_menu.ggVertScrollVisible ? 15 : 0)) { var diffX = Math.ceil(((posX + width) - (me._thumbnail_menu.offsetWidth - (me._thumbnail_menu.ggVertScrollVisible ? 15 : 0))) * me._thumbnail_menu.ggHPercentVisible); me._thumbnail_menu.ggScrollByXSmooth(diffX); } } if (me._thumbnail_menu.ggVertScrollVisible) { if (posY < 0) { var diffY = Math.floor(posY * me._thumbnail_menu.ggVPercentVisible); me._thumbnail_menu.ggScrollByYSmooth(diffY); } else if (posY + height > me._thumbnail_menu.offsetHeight - (me._thumbnail_menu.ggHorScrollVisible ? 15 : 0)) { var diffY = Math.ceil(((posY + height) - (me._thumbnail_menu.offsetHeight - (me._thumbnail_menu.ggHorScrollVisible ? 15 : 0))) * me._thumbnail_menu.ggVPercentVisible); me._thumbnail_menu.ggScrollByYSmooth(diffY); } } } els.ontouchstart = function(e) { e = e || window.event; var t = e.touches; me._thumbnail_menu.ggDragLastX = t[0].clientX; me._thumbnail_menu.ggDragLastY = t[0].clientY; me._thumbnail_menu__content.ontouchend = function() { me._thumbnail_menu__content.ontouchend = null; me._thumbnail_menu__content.ontouchmove = null; } me._thumbnail_menu__content.ontouchmove = function(e) { e = e || window.event; e.preventDefault(); var t = e.touches; var diffX = t[0].clientX - me._thumbnail_menu.ggDragLastX; var diffY = t[0].clientY - me._thumbnail_menu.ggDragLastY; me._thumbnail_menu.ggDragLastX = t[0].clientX; me._thumbnail_menu.ggDragLastY = t[0].clientY; me._thumbnail_menu.ggScrollByX(-diffX); me._thumbnail_menu.ggScrollByY(-diffY); } } elHorScrollBg = me._thumbnail_menu__horScrollBg = document.createElement('div'); el.appendChild(elHorScrollBg); elHorScrollBg.setAttribute('style', 'position: absolute; left: 0px; bottom: 0px; visibility: hidden; width: 384px; height: 15px; background-color: rgba(89,70,53,0.392157); pointer-events: auto;'); elHorScrollBg.className='ggskin ggskin_scrollarea_hscrollbg'; elHorScrollFg = me._thumbnail_menu__horScrollFg = document.createElement('div'); elHorScrollBg.appendChild(elHorScrollFg); elHorScrollFg.className='ggskin ggskin_scrollarea_hscrollfg'; elHorScrollFg.setAttribute('style', 'position: absolute; left: 0px; top: 0px; visibility: hidden; width: 384px; height: 15px; background-color: rgba(161,128,96,1); pointer-events: auto;'); me._thumbnail_menu.ggScrollPosX = 0; me._thumbnail_menu.ggScrollPosXPercent = 0.0; elHorScrollFg.onmousedown = function(e) { e = e || window.event; e.preventDefault(); e.stopPropagation(); me._thumbnail_menu.ggDragLastX = e.clientX; document.onmouseup = function() { document.onmouseup = null; document.onmousemove = null; } document.onmousemove = function(e) { e = e || window.event; e.preventDefault(); var diffX = e.clientX - me._thumbnail_menu.ggDragLastX; me._thumbnail_menu.ggDragLastX = e.clientX; me._thumbnail_menu.ggScrollByX(diffX); } } elHorScrollFg.ontouchstart = function(e) { e = e || window.event; e.preventDefault(); e.stopPropagation(); var t = e.touches; me._thumbnail_menu.ggDragLastX = t[0].clientX; document.ontouchend = function() { document.ontouchend = null; document.ontouchmove = null; } document.ontouchmove = function(e) { e = e || window.event; e.preventDefault(); var t = e.touches; var diffX = t[0].clientX - me._thumbnail_menu.ggDragLastX; me._thumbnail_menu.ggDragLastX = t[0].clientX; me._thumbnail_menu.ggScrollByX(diffX); } } elHorScrollBg.onmousedown = function(e) { e = e || window.event; e.preventDefault(); var diffX = me._thumbnail_menu.ggScrollWidth; if (e.offsetX < me._thumbnail_menu.ggScrollPosX) { diffX = diffX * -1; } me._thumbnail_menu.ggScrollByXSmooth(diffX); } elHorScrollBg.ontouchstart = function(e) { e = e || window.event; e.preventDefault(); e.stopPropagation(); var t = e.touches; var rect = me._thumbnail_menu__horScrollBg.getBoundingClientRect(); var diffX = me._thumbnail_menu.ggScrollWidth; if ((t[0].clientX - rect.left) < me._thumbnail_menu.ggScrollPosX) { diffX = diffX * -1; } me._thumbnail_menu.ggScrollByXSmooth(diffX); } el.addEventListener('wheel', function(e) { e.preventDefault(); var wheelDelta = Math.sign(e.deltaX); me._thumbnail_menu.ggScrollByXSmooth(20 * wheelDelta); }); elCornerBg = me._thumbnail_menu__cornerBg = document.createElement('div'); el.appendChild(elCornerBg); elCornerBg.setAttribute('style', 'position: absolute; right: 0px; bottom: 0px; visibility: hidden; width: 15px; height: 15px; background-color: rgba(255,255,255,1);'); elCornerBg.className='ggskin ggskin_scrollarea_scrollcorner'; el.ggId="thumbnail_menu"; el.ggDx=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_scrollarea "; el.ggType='scrollarea'; hs =''; hs+='border : 1px solid #a18060;'; hs+='bottom : 65px;'; hs+='height : 84px;'; hs+='left : -10000px;'; hs+='overflow : hidden;'; hs+='position : absolute;'; hs+='visibility : inherit;'; hs+='width : 60%;'; hs+='pointer-events:none;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_menu.ggIsActive=function() { return false; } el.ggElementNodeId=function() { return player.getCurrentNode(); } me._thumbnail_menu.logicBlock_alpha = function() { var newLogicStateAlpha; if ( ((player.getVariableValue('vis_thumbnail_menu') == false)) ) { newLogicStateAlpha = 0; } else { newLogicStateAlpha = -1; } if (me._thumbnail_menu.ggCurrentLogicStateAlpha != newLogicStateAlpha) { me._thumbnail_menu.ggCurrentLogicStateAlpha = newLogicStateAlpha; me._thumbnail_menu.style[domTransition]='opacity 500ms ease 0ms'; if (me._thumbnail_menu.ggCurrentLogicStateAlpha == 0) { setTimeout(function() { if (me._thumbnail_menu.style.opacity == 0.0) { me._thumbnail_menu.style.visibility="hidden"; } }, 505); me._thumbnail_menu.style.opacity=0; } else { me._thumbnail_menu.style.visibility=me._thumbnail_menu.ggVisible?'inherit':'hidden'; me._thumbnail_menu.style.opacity=1; } } } me._thumbnail_menu.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth; this.style.left=((this.ggDx * pw)/100.0 + pw/2 - w/2) + 'px'; } { var horScrollWasVisible = this.ggHorScrollVisible; var vertScrollWasVisible = this.ggVertScrollVisible; this.ggContent.style.left = '0px'; this.ggContent.style.top = '0px'; this.ggContentLeftOffset = 0; this.ggContentTopOffset = 0; var offsetWidthWithScale = this.getBoundingClientRect().width; var offsetHeightWithScale = this.getBoundingClientRect().height; var domRectContent = this.ggContent.getBoundingClientRect(); var minX = 0; var minY = 0; var maxX = 0; var maxY = 0; var stack=[]; stack.push(this.ggContent); while(stack.length>0) { var e=stack.pop(); if (e.getBoundingClientRect && e.style['display']!='none') { var domRectChild = e.getBoundingClientRect(); var diffX = domRectChild.left - domRectContent.left; minX = Math.min(minX, diffX); maxX = Math.max(maxX, diffX + domRectChild.width); var diffY = domRectChild.top - domRectContent.top; minY = Math.min(minY, diffY); maxY = Math.max(maxY, diffY + domRectChild.height); } if (e.hasChildNodes() && e.style['display']!='none') { for(var i=0;i offsetWidthWithScale) { me._thumbnail_menu__horScrollBg.style.visibility = 'inherit'; me._thumbnail_menu__horScrollFg.style.visibility = 'inherit'; me._thumbnail_menu.ggHorScrollVisible = true; } else { me._thumbnail_menu__horScrollBg.style.visibility = 'hidden'; me._thumbnail_menu__horScrollFg.style.visibility = 'hidden'; me._thumbnail_menu.ggHorScrollVisible = false; } if(me._thumbnail_menu.ggHorScrollVisible) { me._thumbnail_menu.ggAvailableHeight = me._thumbnail_menu.offsetHeight - 15; if (me._thumbnail_menu.ggVertScrollVisible) { me._thumbnail_menu.ggAvailableWidth = me._thumbnail_menu.offsetWidth - 15; me._thumbnail_menu.ggAvailableWidthWithScale = me._thumbnail_menu.getBoundingClientRect().width - me._thumbnail_menu__horScrollBg.getBoundingClientRect().height; } else { me._thumbnail_menu.ggAvailableWidth = me._thumbnail_menu.offsetWidth; me._thumbnail_menu.ggAvailableWidthWithScale = me._thumbnail_menu.getBoundingClientRect().width; } me._thumbnail_menu__horScrollBg.style.width = me._thumbnail_menu.ggAvailableWidth + 'px'; me._thumbnail_menu.ggHPercentVisible = me._thumbnail_menu.ggAvailableWidthWithScale / contentWidth; if (me._thumbnail_menu.ggHPercentVisible > 1.0) me._thumbnail_menu.ggHPercentVisible = 1.0; me._thumbnail_menu.ggScrollWidth = Math.round(me._thumbnail_menu__horScrollBg.offsetWidth * me._thumbnail_menu.ggHPercentVisible); me._thumbnail_menu__horScrollFg.style.width = me._thumbnail_menu.ggScrollWidth + 'px'; me._thumbnail_menu.ggScrollPosX = me._thumbnail_menu.ggScrollPosXPercent * me._thumbnail_menu.ggAvailableWidth; me._thumbnail_menu.ggScrollPosX = Math.min(me._thumbnail_menu.ggScrollPosX, me._thumbnail_menu__horScrollBg.offsetWidth - me._thumbnail_menu__horScrollFg.offsetWidth); me._thumbnail_menu__horScrollFg.style.left = me._thumbnail_menu.ggScrollPosX + 'px'; me._thumbnail_menu__content.style.left = -(Math.round(me._thumbnail_menu.ggScrollPosX / me._thumbnail_menu.ggHPercentVisible)) + this.ggContentLeftOffset + 'px'; } else { me._thumbnail_menu.ggAvailableHeight = me._thumbnail_menu.offsetHeight; me._thumbnail_menu.ggScrollPosX = 0; me._thumbnail_menu.ggScrollPosXPercent = 0.0; } if(horScrollWasVisible != me._thumbnail_menu.ggHorScrollVisible || vertScrollWasVisible != me._thumbnail_menu.ggVertScrollVisible) { me.updateSize(me._thumbnail_menu); me._thumbnail_menu.ggUpdatePosition(); } } } el=me._thumbnail_cloner=document.createElement('div'); el.ggNumRepeat = 1; el.ggNumRows = 0; el.ggNumCols = 0; el.ggWidth = 96; el.ggHeight = 62; el.ggUpdating = false; el.ggFilter = []; el.ggInstances = []; me._thumbnail_cloner.callChildLogicBlocks_changenode = function(){ if(me._thumbnail_cloner.ggInstances) { var i; for(i = 0; i < me._thumbnail_cloner.ggInstances.length; i++) { if (me._thumbnail_cloner.ggInstances[i]._thumbnail_title && me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha) { me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha(); } } } } me._thumbnail_cloner.callChildLogicBlocks_mouseover = function(){ if(me._thumbnail_cloner.ggInstances) { var i; for(i = 0; i < me._thumbnail_cloner.ggInstances.length; i++) { if (me._thumbnail_cloner.ggInstances[i]._thumbnail_active && me._thumbnail_cloner.ggInstances[i]._thumbnail_active.logicBlock_bordercolor) { me._thumbnail_cloner.ggInstances[i]._thumbnail_active.logicBlock_bordercolor(); } } } } me._thumbnail_cloner.callChildLogicBlocks_mouseover = function(){ if(me._thumbnail_cloner.ggInstances) { var i; for(i = 0; i < me._thumbnail_cloner.ggInstances.length; i++) { if (me._thumbnail_cloner.ggInstances[i]._thumbnail_title && me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha) { me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha(); } } } } me._thumbnail_cloner.callChildLogicBlocks_active = function(){ if(me._thumbnail_cloner.ggInstances) { var i; for(i = 0; i < me._thumbnail_cloner.ggInstances.length; i++) { if (me._thumbnail_cloner.ggInstances[i]._thumbnail_active && me._thumbnail_cloner.ggInstances[i]._thumbnail_active.logicBlock_bordercolor) { me._thumbnail_cloner.ggInstances[i]._thumbnail_active.logicBlock_bordercolor(); } } } } me._thumbnail_cloner.callChildLogicBlocks_varchanged_opt_thumbnail_menu_tooltip = function(){ if(me._thumbnail_cloner.ggInstances) { var i; for(i = 0; i < me._thumbnail_cloner.ggInstances.length; i++) { if (me._thumbnail_cloner.ggInstances[i]._thumbnail_title && me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha) { me._thumbnail_cloner.ggInstances[i]._thumbnail_title.logicBlock_alpha(); } } } } el.ggUpdate = function(filter) { if(me._thumbnail_cloner.ggUpdating == true) return; me._thumbnail_cloner.ggUpdating = true; var el=me._thumbnail_cloner; var curNumRows = 0; curNumRows = el.ggNumRepeat; if (curNumRows < 1) curNumRows = 1; if (typeof filter=='object') { el.ggFilter = filter; } else { filter = el.ggFilter; }; if (me.ggTag) filter.push(me.ggTag); filter=filter.sort(); if ((el.ggNumRows == curNumRows) && (el.ggInstances.length > 0) && (filter.length === el.ggCurrentFilter.length) && (filter.every(function(value, index) { return value === el.ggCurrentFilter[index] }) )) { me._thumbnail_cloner.ggUpdating = false; return; } else { el.ggNumCols = 1; el.ggNumRows = curNumRows; } el.ggCurrentFilter = filter; el.ggInstances = []; if (el.hasChildNodes() == true) { while (el.firstChild) { el.removeChild(el.firstChild); } } var tourNodes = player.getNodeIds(); var row = 0; var column = 0; var currentIndex = 0; for (var i=0; i < tourNodes.length; i++) { var nodeId = tourNodes[i]; var passed = true; var nodeData = player.getNodeUserdata(nodeId); if (filter.length > 0) { for (var j=0; j < filter.length; j++) { if (nodeData['tags'].indexOf(filter[j]) == -1) passed = false; } } if (passed) { var parameter={}; parameter.top=(row * me._thumbnail_cloner.ggHeight) + 'px'; parameter.left=(column * me._thumbnail_cloner.ggWidth) + 'px'; parameter.index=currentIndex; parameter.title=nodeData['title']; var inst = new SkinCloner_thumbnail_cloner_Class(nodeId, me, el, parameter); currentIndex++; el.ggInstances.push(inst); el.appendChild(inst.__div); inst.__div.ggObj=inst; skin.updateSize(inst.__div); row++; if (row >= el.ggNumRows) { row = 0; column++; el.ggNumCols++; } } } me._thumbnail_cloner.callChildLogicBlocks_changenode(); me._thumbnail_cloner.callChildLogicBlocks_mouseover(); me._thumbnail_cloner.callChildLogicBlocks_mouseover(); me._thumbnail_cloner.callChildLogicBlocks_active(); me._thumbnail_cloner.callChildLogicBlocks_varchanged_opt_thumbnail_menu_tooltip(); me._thumbnail_cloner.ggUpdating = false; player.triggerEvent('clonerchanged'); if (me._thumbnail_cloner.parentNode.classList.contains('ggskin_subelement') && me._thumbnail_cloner.parentNode.parentNode.classList.contains('ggskin_scrollarea')) me._thumbnail_cloner.parentNode.parentNode.ggUpdatePosition(); } el.ggFilter = []; el.ggId="thumbnail_cloner"; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_cloner "; el.ggType='cloner'; hs =''; hs+='height : 62px;'; hs+='left : 0px;'; hs+='overflow : visible;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 96px;'; hs+='pointer-events:none;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_cloner.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return player.getCurrentNode(); } me._thumbnail_cloner.ggUpdateConditionNodeChange=function () { var cnode=player.getCurrentNode(); for(var i=0; i0||!me._chevron_white.style.opacity)?'inherit':'hidden'; me._chevron_white.ggVisible=true; } } } me._chevron_white.logicBlock_alpha = function() { var newLogicStateAlpha; if ( ((me.elementMouseOver['ht_node'] == true)) ) { newLogicStateAlpha = 0; } else { newLogicStateAlpha = -1; } if (me._chevron_white.ggCurrentLogicStateAlpha != newLogicStateAlpha) { me._chevron_white.ggCurrentLogicStateAlpha = newLogicStateAlpha; me._chevron_white.style[domTransition]='opacity 500ms ease 0ms'; if (me._chevron_white.ggCurrentLogicStateAlpha == 0) { me._chevron_white.style.visibility=me._chevron_white.ggVisible?'inherit':'hidden'; me._chevron_white.style.opacity=1; } else { me._chevron_white.style.visibility=me._chevron_white.ggVisible?'inherit':'hidden'; me._chevron_white.style.opacity=1; } } } me._chevron_white.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; } } me._ht_node.appendChild(me._chevron_white); el=me._hs_preview_image=document.createElement('div'); els=me._hs_preview_image__img=document.createElement('img'); els.className='ggskin ggskin_nodeimage'; els.setAttribute('src',basePath + "images/hs_preview_image_" + nodeId + ".jpg"); el.ggNodeId=nodeId; els.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;;'); els.className='ggskin ggskin_nodeimage'; els['ondragstart']=function() { return false; }; el.appendChild(els); el.ggSubElement = els; el.ggId="hs_preview_image"; el.ggDx=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_nodeimage "; el.ggType='nodeimage'; hs =''; hs+='z-index: -5;'; hs+='height : 90px;'; hs+='left : -10000px;'; hs+='opacity : 0;'; hs+='position : absolute;'; hs+='top : -220px;'; hs+='visibility : hidden;'; hs+='width : 140px;'; hs+='pointer-events:none;'; hs+='border-radius: 5px; overflow: hidden; box-shadow: 0px 0px 2px #ffffff; transform:translate3d(0px,0px,80px) rotateX(-90deg) scale(1.5); transform-style: preserve-3d; -webkit-backface-visibility: hidden; backface-visibility: hidden;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._hs_preview_image.ggIsActive=function() { return player.getCurrentNode()==this.ggElementNodeId(); } el.ggElementNodeId=function() { return this.ggNodeId; } me._hs_preview_image.logicBlock_alpha = function() { var newLogicStateAlpha; if ( ((me.elementMouseOver['ht_node'] == true)) && ((player.getVariableValue('opt_3d_preview') == true)) && ((player.getIsTour() == true)) ) { newLogicStateAlpha = 0; } else { newLogicStateAlpha = -1; } if (me._hs_preview_image.ggCurrentLogicStateAlpha != newLogicStateAlpha) { me._hs_preview_image.ggCurrentLogicStateAlpha = newLogicStateAlpha; me._hs_preview_image.style[domTransition]='opacity 500ms ease 0ms'; if (me._hs_preview_image.ggCurrentLogicStateAlpha == 0) { me._hs_preview_image.style.visibility=me._hs_preview_image.ggVisible?'inherit':'hidden'; me._hs_preview_image.style.opacity=1; } else { setTimeout(function() { if (me._hs_preview_image.style.opacity == 0.0) { me._hs_preview_image.style.visibility="hidden"; } }, 505); me._hs_preview_image.style.opacity=0; } } } me._hs_preview_image.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; } } el=me._hs_tt=document.createElement('div'); els=me._hs_tt__text=document.createElement('div'); el.className='ggskin ggskin_textdiv'; el.ggTextDiv=els; el.ggId="hs_tt"; el.ggDx=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_text "; el.ggType='text'; hs =''; hs+='bottom : 0px;'; hs+='height : 20px;'; hs+='left : -10000px;'; hs+='position : absolute;'; hs+='visibility : inherit;'; hs+='width : 140px;'; hs+='pointer-events:none;'; hs+='text-shadow: 1px 1px 2px #000000;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 100%'; hs ='position:absolute;'; hs += 'box-sizing: border-box;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='bottom: 0px;'; hs+='width: 140px;'; hs+='height: auto;'; hs+='pointer-events: none;'; hs+='background: #000000;'; hs+='background: rgba(0,0,0,0.196078);'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='font-size: 12px;'; hs+='font-weight: inherit;'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 2px 3px 2px 3px;'; hs+='overflow: hidden;'; els.setAttribute('style',hs); els.innerHTML=me.hotspot.title; el.appendChild(els); me._hs_tt.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._hs_tt.logicBlock_visible = function() { var newLogicStateVisible; if ( ((player.getVariableValue('opt_3d_tooltip') == false)) || ((me.hotspot.title == "")) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._hs_tt.ggCurrentLogicStateVisible != newLogicStateVisible) { me._hs_tt.ggCurrentLogicStateVisible = newLogicStateVisible; me._hs_tt.style[domTransition]=''; if (me._hs_tt.ggCurrentLogicStateVisible == 0) { me._hs_tt.style.visibility="hidden"; me._hs_tt.ggVisible=false; } else { me._hs_tt.style.visibility=(Number(me._hs_tt.style.opacity)>0||!me._hs_tt.style.opacity)?'inherit':'hidden'; me._hs_tt.ggVisible=true; } } } me._hs_tt.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth + 0; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; } } me._hs_preview_image.appendChild(me._hs_tt); el=me._ht_checkmark_tick=document.createElement('div'); els=me._ht_checkmark_tick__img=document.createElement('img'); els.className='ggskin ggskin_svg'; hs='data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz4KPCFET0NUWVBFIHN2ZyBQVUJMSUMgJy0vL1czQy8vRFREIFNWRyAxLjEvL0VOJyAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIGhlaWdodD0iMzJweCIgeG1sbnM6aT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZUlsbHVzdHJhdG9yLzEwLjAvIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMT'+ 'k5OS94bGluayIgd2lkdGg9IjMycHgiIHZlcnNpb249IjEuMSIgeG1sbnM6Z3JhcGg9Imh0dHA6Ly9ucy5hZG9iZS5jb20vR3JhcGhzLzEuMC8iIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOmE9Imh0dHA6Ly9ucy5hZG9iZS5jb20vQWRvYmVTVkdWaWV3ZXJFeHRlbnNpb25zLzMuMC8iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eD0iaHR0cDovL25zLmFkb2JlLmNvbS9FeHRlbnNpYmlsaXR5LzEuMC8iIHk9IjBweCIgeD0iMHB4IiB2aWV3Qm94PSItMzcyMiAtMjYwNiAzMiAzMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMzcyMiAtMjYwNiAzMiAzMiI+CiA8'+ 'ZyBpZD0iTGF5ZXJfMSIvPgogPGcgaWQ9IkViZW5lXzEiLz4KIDxnIGlkPSJMYXllcl8yIj4KICA8Zz4KICAgPGc+CiAgICA8cGF0aCBkPSJNLTM2OTUuNDczLTI1OTguMTQ2Yy0wLjUxOS0wLjUxOS0xLjM2MS0wLjUxOS0xLjg3OSwwbC04Ljc4Nyw4Ljc4N2wtMi4yOTEtMi4yNDMmI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtjLTAuNTI1LTAuNTEzLTEuMzY2LTAuNTA0LTEuODgsMC4wMmMtMC41MTMsMC41MjUtMC41MDQsMS4zNjcsMC4wMjEsMS44OGwzLjIzLDMuMTYzYzAuMjU5LDAuMjUzLDAuNTk0LDAuMzc5LDAuOTMsMC4zNzkmI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtjMC'+ '4zNCwwLDAuNjgtMC4xMywwLjk0LTAuMzlsOS43MTctOS43MTdDLTM2OTQuOTU0LTI1OTYuNzg1LTM2OTQuOTU0LTI1OTcuNjI2LTM2OTUuNDczLTI1OTguMTQ2eiIgZmlsbD0iI0ZGRkZGRiIvPgogICAgPHBhdGggZD0iTS0zNjk5Ljk2LTI1ODMuODM3aC0xMi4zMjV2LTEyLjMyNmgxMS44MjFsMi4yNTItMi4yNTJjLTAuMTY2LTAuMDg2LTAuMzUyLTAuMTQxLTAuNTUyLTAuMTQxaC0xNC43MTgmI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtjLTAuNjYxLDAtMS4xOTYsMC41MzYtMS4xOTYsMS4xOTZ2MTQuNzE5YzAsMC42NiwwLjUzNSwxLjE5NiwxLjE5NiwxLjE5NmgxNC43MThjMC42NjEs'+ 'MCwxLjE5Ny0wLjUzNiwxLjE5Ny0xLjE5NnYtMTAuNDAzJiN4ZDsmI3hhOyYjeDk7JiN4OTsmI3g5OyYjeDk7bC0yLjM5MywyLjM5M1YtMjU4My44Mzd6IiBmaWxsPSIjRkZGRkZGIi8+CiAgIDwvZz4KICAgPGcgb3BhY2l0eT0iMC40IiBhOmFkb2JlLWJsZW5kaW5nLW1vZGU9Im11bHRpcGx5Ij4KICAgIDxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9IiYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O00tMzY5NS40NzMtMjU5OC4xNDZjLTAuNTE5LTAuNTE5LTEuMzYxLTAuNTE5LTEuODc5LDBsLTguNzg3LDguNzg3bC0yLjI5MS0yLjI0M2MtMC41MjUtMC41MTMtMS4zNjYtMC41MD'+ 'QtMS44OCwwLjAyJiN4ZDsmI3hhOyYjeDk7JiN4OTsmI3g5OyYjeDk7Yy0wLjUxMywwLjUyNS0wLjUwNCwxLjM2NywwLjAyMSwxLjg4bDMuMjMsMy4xNjNjMC4yNTksMC4yNTMsMC41OTQsMC4zNzksMC45MywwLjM3OWMwLjM0LDAsMC42OC0wLjEzLDAuOTQtMC4zOWw5LjcxNy05LjcxNyYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O0MtMzY5NC45NTQtMjU5Ni43ODUtMzY5NC45NTQtMjU5Ny42MjYtMzY5NS40NzMtMjU5OC4xNDZ6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2U9IiMxQTE3MUIiIGE6YWRvYmUtYmxlbmRpbmct'+ 'bW9kZT0ibm9ybWFsIi8+CiAgICA8cGF0aCBzdHJva2UtbGluZWpvaW49InJvdW5kIiBkPSImI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtNLTM2OTkuOTYtMjU4My44MzdoLTEyLjMyNXYtMTIuMzI2aDExLjgyMWwyLjI1Mi0yLjI1MmMtMC4xNjYtMC4wODYtMC4zNTItMC4xNDEtMC41NTItMC4xNDFoLTE0LjcxOCYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O2MtMC42NjEsMC0xLjE5NiwwLjUzNi0xLjE5NiwxLjE5NnYxNC43MTljMCwwLjY2LDAuNTM1LDEuMTk2LDEuMTk2LDEuMTk2aDE0LjcxOGMwLjY2MSwwLDEuMTk3LTAuNTM2LDEuMTk3LTEuMTk2di0xMC40MDMmI3hkOyYjeG'+ 'E7JiN4OTsmI3g5OyYjeDk7JiN4OTtsLTIuMzkzLDIuMzkzVi0yNTgzLjgzN3oiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iIzFBMTcxQiIgYTphZG9iZS1ibGVuZGluZy1tb2RlPSJub3JtYWwiLz4KICAgPC9nPgogICA8Zz4KICAgIDxwYXRoIGQ9Ik0tMzY5NS40NzMtMjU5OC4xNDZjLTAuNTE5LTAuNTE5LTEuMzYxLTAuNTE5LTEuODc5LDBsLTguNzg3LDguNzg3bC0yLjI5MS0yLjI0MyYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O2MtMC41MjUtMC41MTMtMS4zNjYtMC41MDQtMS44OCwwLjAyYy0wLjUxMywwLjUyNS0w'+ 'LjUwNCwxLjM2NywwLjAyMSwxLjg4bDMuMjMsMy4xNjNjMC4yNTksMC4yNTMsMC41OTQsMC4zNzksMC45MywwLjM3OSYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O2MwLjM0LDAsMC42OC0wLjEzLDAuOTQtMC4zOWw5LjcxNy05LjcxN0MtMzY5NC45NTQtMjU5Ni43ODUtMzY5NC45NTQtMjU5Ny42MjYtMzY5NS40NzMtMjU5OC4xNDZ6IiBmaWxsPSIjRkZGRkZGIi8+CiAgICA8cGF0aCBkPSJNLTM2OTkuOTYtMjU4My44MzdoLTEyLjMyNXYtMTIuMzI2aDExLjgyMWwyLjI1Mi0yLjI1MmMtMC4xNjYtMC4wODYtMC4zNTItMC4xNDEtMC41NTItMC4xNDFoLTE0LjcxOCYjeGQ7JiN4YTsmI3g5Oy'+ 'YjeDk7JiN4OTsmI3g5O2MtMC42NjEsMC0xLjE5NiwwLjUzNi0xLjE5NiwxLjE5NnYxNC43MTljMCwwLjY2LDAuNTM1LDEuMTk2LDEuMTk2LDEuMTk2aDE0LjcxOGMwLjY2MSwwLDEuMTk3LTAuNTM2LDEuMTk3LTEuMTk2di0xMC40MDMmI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtsLTIuMzkzLDIuMzkzVi0yNTgzLjgzN3oiIGZpbGw9IiNGRkZGRkYiLz4KICAgPC9nPgogICA8Zz4KICAgIDxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0tMzY5NS40NzMtMjU5OC4xNDYmI3hkOyYjeGE7JiN4OTsmI3g5OyYjeDk7JiN4OTtjLTAuNTE5LTAuNTE5LTEuMzYxLTAuNTE5LTEuODc5'+ 'LDBsLTguNzg3LDguNzg3bC0yLjI5MS0yLjI0M2MtMC41MjUtMC41MTMtMS4zNjYtMC41MDQtMS44OCwwLjAyJiN4ZDsmI3hhOyYjeDk7JiN4OTsmI3g5OyYjeDk7Yy0wLjUxMywwLjUyNS0wLjUwNCwxLjM2NywwLjAyMSwxLjg4bDMuMjMsMy4xNjNjMC4yNTksMC4yNTMsMC41OTQsMC4zNzksMC45MywwLjM3OWMwLjM0LDAsMC42OC0wLjEzLDAuOTQtMC4zOWw5LjcxNy05LjcxNyYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O0MtMzY5NC45NTQtMjU5Ni43ODUtMzY5NC45NTQtMjU5Ny42MjYtMzY5NS40NzMtMjU5OC4xNDZ6IiBzdHJva2UtbGluZWNhcD0icm91bmQiIGZpbGw9Im5vbmUiIH'+ 'N0cm9rZS13aWR0aD0iMC4yIiBzdHJva2U9IiMxQTE3MUIiLz4KICAgIDxwYXRoIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Ik0tMzY5OS45Ni0yNTgzLjgzNyYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O2gtMTIuMzI1di0xMi4zMjZoMTEuODIxbDIuMjUyLTIuMjUyYy0wLjE2Ni0wLjA4Ni0wLjM1Mi0wLjE0MS0wLjU1Mi0wLjE0MWgtMTQuNzE4Yy0wLjY2MSwwLTEuMTk2LDAuNTM2LTEuMTk2LDEuMTk2djE0LjcxOSYjeGQ7JiN4YTsmI3g5OyYjeDk7JiN4OTsmI3g5O2MwLDAuNjYsMC41MzUsMS4xOTYsMS4xOTYsMS4xOTZoMTQuNzE4YzAuNjYxLDAsMS4xOTctMC41MzYsMS4xOTct'+ 'MS4xOTZ2LTEwLjQwM2wtMi4zOTMsMi4zOTNWLTI1ODMuODM3eiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjAuMiIgc3Ryb2tlPSIjMUExNzFCIi8+CiAgIDwvZz4KICA8L2c+CiA8L2c+Cjwvc3ZnPgo='; me._ht_checkmark_tick__img.setAttribute('src',hs); els.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;;'); els['ondragstart']=function() { return false; }; el.appendChild(els); el.ggSubElement = els; el.ggId="ht_checkmark_tick"; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=false; el.className="ggskin ggskin_svg "; el.ggType='svg'; hs =''; hs+='height : 30px;'; hs+='position : absolute;'; hs+='right : 0px;'; hs+='top : 0px;'; hs+='visibility : hidden;'; hs+='width : 30px;'; hs+='pointer-events:none;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._ht_checkmark_tick.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._ht_checkmark_tick.logicBlock_visible = function() { var newLogicStateVisible; if ( ((player.nodeVisited(me._ht_checkmark_tick.ggElementNodeId()) == true)) || ((me._ht_checkmark_tick.ggIsActive() == true)) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._ht_checkmark_tick.ggCurrentLogicStateVisible != newLogicStateVisible) { me._ht_checkmark_tick.ggCurrentLogicStateVisible = newLogicStateVisible; me._ht_checkmark_tick.style[domTransition]=''; if (me._ht_checkmark_tick.ggCurrentLogicStateVisible == 0) { me._ht_checkmark_tick.style.visibility=(Number(me._ht_checkmark_tick.style.opacity)>0||!me._ht_checkmark_tick.style.opacity)?'inherit':'hidden'; me._ht_checkmark_tick.ggVisible=true; } else { me._ht_checkmark_tick.style.visibility="hidden"; me._ht_checkmark_tick.ggVisible=false; } } } me._ht_checkmark_tick.ggUpdatePosition=function (useTransition) { } me._hs_preview_image.appendChild(me._ht_checkmark_tick); me._ht_node.appendChild(me._hs_preview_image); el=me.__code=document.createElement('div'); els=me.__code__text=document.createElement('div'); el.className='ggskin ggskin_textdiv'; el.ggTextDiv=els; el.ggId="_code"; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=false; el.className="ggskin ggskin_text "; el.ggType='text'; hs =''; hs+='height : 37px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : -39px;'; hs+='visibility : hidden;'; hs+='width : 66px;'; hs+='pointer-events:none;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs += 'box-sizing: border-box;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 68px;'; hs+='height: 39px;'; hs+='pointer-events: none;'; hs+='background: #ffffff;'; hs+='border: 1px solid #000000;'; hs+='color: #000000;'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; els.setAttribute('style',hs); els.innerHTML=""; this.onUpdatePosition=function(player,hotspot) { var vs=player.getViewerSize(); var y=vs.height * (1/6*(1+Math.cos(player.getTilt() * Math.PI/90.0))); var hs= 'perspective(500px) translate3d(0px,' + (y) + 'px,0px) '; hs += 'rotateZ(' + ( player.getRoll()).toFixed(10) + 'deg) '; hs += 'rotateX(' + ( player.getTilt()).toFixed(10) + 'deg) '; hs += 'rotateY(' + (-player.getPan()).toFixed(10) + 'deg) '; hs += 'rotateY(' + ( hotspot.pan).toFixed(2) + 'deg) '; hs += 'rotateX(' + (-hotspot.tilt).toFixed(2) + 'deg) '; hs += 'rotateX(90deg) '; this.__div.style.transform=hs; this.__div.style.left = vs.width / 2 + "px"; this.__div.style.top = vs.height / 2 + "px"; }; el.appendChild(els); me.__code.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me.__code.ggUpdatePosition=function (useTransition) { } me._ht_node.appendChild(me.__code); el=me._tt_ht_3d=document.createElement('div'); els=me._tt_ht_3d__text=document.createElement('div'); el.className='ggskin ggskin_textdiv'; el.ggTextDiv=els; el.ggId="tt_ht_3d"; el.ggDx=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=false; el.className="ggskin ggskin_text "; el.ggType='text'; hs =''; hs+='z-index: 100;'; hs+='height : 20px;'; hs+='left : -10000px;'; hs+='position : absolute;'; hs+='top : -170px;'; hs+='visibility : hidden;'; hs+='width : 150px;'; hs+='pointer-events:none;'; hs+='transform:translate3d(0px,0px,40px) rotateX(-90deg); text-shadow: 1px 1px 2px #000000; -webkit-backface-visibility: hidden; backface-visibility: hidden;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 100%'; hs ='position:absolute;'; hs += 'box-sizing: border-box;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 150px;'; hs+='height: auto;'; hs+='pointer-events: none;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='font-size: 18px;'; hs+='font-weight: inherit;'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 2px 3px 2px 3px;'; hs+='overflow: hidden;'; els.setAttribute('style',hs); els.innerHTML=me.hotspot.title; el.appendChild(els); me._tt_ht_3d.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._tt_ht_3d.logicBlock_visible = function() { var newLogicStateVisible; if ( ((player.getIsTour() == false)) && ((me.hotspot.title != "")) && ((me.elementMouseOver['ht_node'] == true)) && ((player.getVariableValue('opt_3d_preview') == true)) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_ht_3d.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_ht_3d.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_ht_3d.style[domTransition]=''; if (me._tt_ht_3d.ggCurrentLogicStateVisible == 0) { me._tt_ht_3d.style.visibility=(Number(me._tt_ht_3d.style.opacity)>0||!me._tt_ht_3d.style.opacity)?'inherit':'hidden'; me._tt_ht_3d.ggVisible=true; } else { me._tt_ht_3d.style.visibility="hidden"; me._tt_ht_3d.ggVisible=false; } } } me._tt_ht_3d.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth + 0; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; } } me._ht_node.appendChild(me._tt_ht_3d); el=me._ht_node_customimage=document.createElement('div'); els=me._ht_node_customimage__img=document.createElement('img'); els.className='ggskin ggskin_external'; els.setAttribute('style','position: absolute;-webkit-user-drag:none;pointer-events:none;;'); els.onload=function() {me._ht_node_customimage.ggUpdatePosition();} if ((hotspot) && (hotspot.customimage)) { el.ggText=hotspot.customimage; els.setAttribute('src', hotspot.customimage); els.style.width=hotspot.customimagewidth + 'px'; els.style.height=hotspot.customimageheight + 'px'; me.ggUse3d = hotspot.use3D; me.gg3dDistance = hotspot.distance3D; } els['ondragstart']=function() { return false; }; player.checkLoaded.push(els); hs =''; el.appendChild(els); el.ggSubElement = els; el.ggId="ht_node_CustomImage"; el.ggDx=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_external "; el.ggType='external'; hs =''; hs+='border : 0px solid #000000;'; hs+='cursor : pointer;'; hs+='height : 50px;'; hs+='left : -10000px;'; hs+='position : absolute;'; hs+='top : -145px;'; hs+='visibility : inherit;'; hs+='width : 50px;'; hs+='pointer-events:auto;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._ht_node_customimage.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._ht_node_customimage.logicBlock_visible = function() { var newLogicStateVisible; if ( ((me.hotspot.customimage == "")) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._ht_node_customimage.ggCurrentLogicStateVisible != newLogicStateVisible) { me._ht_node_customimage.ggCurrentLogicStateVisible = newLogicStateVisible; me._ht_node_customimage.style[domTransition]=''; if (me._ht_node_customimage.ggCurrentLogicStateVisible == 0) { me._ht_node_customimage.style.visibility="hidden"; me._ht_node_customimage__img.src = ''; me._ht_node_customimage.ggVisible=false; } else { me._ht_node_customimage.style.visibility=(Number(me._ht_node_customimage.style.opacity)>0||!me._ht_node_customimage.style.opacity)?'inherit':'hidden'; me._ht_node_customimage.ggSubElement.src=me._ht_node_customimage.ggText; me._ht_node_customimage.ggVisible=true; } } } me._ht_node_customimage.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; } var parentWidth = me._ht_node_customimage.clientWidth; var parentHeight = me._ht_node_customimage.clientHeight; var img = me._ht_node_customimage__img; var aspectRatioDiv = me._ht_node_customimage.clientWidth / me._ht_node_customimage.clientHeight; var aspectRatioImg = img.naturalWidth / img.naturalHeight; if (img.naturalWidth < parentWidth) parentWidth = img.naturalWidth; if (img.naturalHeight < parentHeight) parentHeight = img.naturalHeight; var currentWidth,currentHeight; if ((hotspot) && (hotspot.customimage)) { currentWidth = hotspot.customimagewidth; currentHeight = hotspot.customimageheight; } img.style.left='50%'; img.style.marginLeft='-' + currentWidth/2 + 'px'; img.style.top='50%'; img.style.marginTop='-' + currentHeight/2 + 'px'; } me._ht_node.appendChild(me._ht_node_customimage); if ((hotspot) && (hotspot.customimage)) { el.style.width=hotspot.customimagewidth + 'px'; el.style.height=hotspot.customimageheight + 'px'; } me.__div = me._ht_node; }; me.addSkinHotspot=function(hotspot) { var hsinst = null; { hotspot.skinid = 'ht_node'; hsinst = new SkinHotspotClass_ht_node(me, hotspot); if (!hotspotTemplates.hasOwnProperty(hotspot.skinid)) { hotspotTemplates[hotspot.skinid] = []; } hotspotTemplates[hotspot.skinid].push(hsinst); me.callChildLogicBlocksHotspot_ht_node_sizechanged();; me.callChildLogicBlocksHotspot_ht_node_changenode();; me.callChildLogicBlocksHotspot_ht_node_configloaded();; me.callChildLogicBlocksHotspot_ht_node_mouseover();; me.callChildLogicBlocksHotspot_ht_node_active();; me.callChildLogicBlocksHotspot_ht_node_changevisitednodes();; me.callChildLogicBlocksHotspot_ht_node_varchanged_opt_3d_preview();; } return hsinst; } me.removeSkinHotspots=function() { if(hotspotTemplates['ht_node']) { var i; for(i = 0; i < hotspotTemplates['ht_node'].length; i++) { hotspotTemplates['ht_node'][i] = null; } } hotspotTemplates = []; } function SkinCloner_thumbnail_cloner_Class(nodeId, parentScope,ggParent,parameter) { var me=this; var hs=''; me.parentScope=parentScope; me.ggParent=ggParent; me.findElements=skin.findElements; me.ggIndex=parameter.index; me.ggNodeId=nodeId; me.ggTitle=parameter.title; me.ggUserdata=skin.player.getNodeUserdata(me.ggNodeId); me.elementMouseDown={}; me.elementMouseOver={}; me.__div=document.createElement('div'); me.__div.setAttribute('style','position: absolute;width: 96px; height: 62px; visibility: inherit; overflow: visible;'); me.__div.style.left=parameter.left; me.__div.style.top=parameter.top; me.__div.ggIsActive = function() { return player.getCurrentNode()==me.ggNodeId; } me.__div.ggElementNodeId=function() { return me.ggNodeId; } el=me._thumbnail_nodeimage=document.createElement('div'); els=me._thumbnail_nodeimage__img=document.createElement('img'); els.className='ggskin ggskin_nodeimage'; els.setAttribute('src',basePath + "images/hs_preview_image_" + nodeId + ".jpg"); el.ggNodeId=nodeId; els.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;;'); els.className='ggskin ggskin_nodeimage'; els['ondragstart']=function() { return false; }; el.appendChild(els); el.ggSubElement = els; el.ggId="thumbnail_nodeImage"; el.ggParameter={ rx:0,ry:0,a:0,sx:0.62,sy:0.58 }; el.ggVisible=true; el.className="ggskin ggskin_nodeimage "; el.ggType='nodeimage'; hs =''; hs+='height : 90px;'; hs+='left : -24px;'; hs+='position : absolute;'; hs+='top : -16px;'; hs+='visibility : inherit;'; hs+='width : 140px;'; hs+='pointer-events:auto;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; el.style[domTransform]=parameterToTransform(el.ggParameter); me._thumbnail_nodeimage.ggIsActive=function() { return player.getCurrentNode()==this.ggElementNodeId(); } el.ggElementNodeId=function() { return this.ggNodeId; } me._thumbnail_nodeimage.ggUpdatePosition=function (useTransition) { } me.__div.appendChild(me._thumbnail_nodeimage); el=me._thumbnail_active=document.createElement('div'); el.ggId="thumbnail active"; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_rectangle "; el.ggType='rectangle'; hs =''; hs+=cssPrefix + 'border-radius : 1px;'; hs+='border-radius : 1px;'; hs+='border : 1px solid #ffffff;'; hs+='cursor : pointer;'; hs+='height : 51px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 85px;'; hs+='pointer-events:auto;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_active.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return player.getCurrentNode(); } me._thumbnail_active.logicBlock_bordercolor = function() { var newLogicStateBorderColor; if ( ((me._thumbnail_active.ggIsActive() == true)) ) { newLogicStateBorderColor = 0; } else if ( ((me.elementMouseOver['thumbnail_active'] == true)) ) { newLogicStateBorderColor = 1; } else { newLogicStateBorderColor = -1; } if (me._thumbnail_active.ggCurrentLogicStateBorderColor != newLogicStateBorderColor) { me._thumbnail_active.ggCurrentLogicStateBorderColor = newLogicStateBorderColor; me._thumbnail_active.style[domTransition]='border-color 0s'; if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 0) { me._thumbnail_active.style.borderColor="rgba(192,192,192,1)"; } else if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 1) { me._thumbnail_active.style.borderColor="rgba(192,192,192,1)"; } else { me._thumbnail_active.style.borderColor="rgba(255,255,255,1)"; } } } me._thumbnail_active.onclick=function (e) { if ( ( ((me._thumbnail_active.ggIsActive() == false)) ) ) { player.openNext("{"+me.ggNodeId+"}",""); } } me._thumbnail_active.onmouseover=function (e) { me.elementMouseOver['thumbnail_active']=true; me._thumbnail_title.logicBlock_alpha(); me._thumbnail_active.logicBlock_bordercolor(); } me._thumbnail_active.onmouseout=function (e) { me.elementMouseOver['thumbnail_active']=false; me._thumbnail_title.logicBlock_alpha(); me._thumbnail_active.logicBlock_bordercolor(); } me._thumbnail_active.ontouchend=function (e) { me.elementMouseOver['thumbnail_active']=false; me._thumbnail_title.logicBlock_alpha(); me._thumbnail_active.logicBlock_bordercolor(); } me._thumbnail_active.ggUpdatePosition=function (useTransition) { } el=me._thumbnail_title=document.createElement('div'); els=me._thumbnail_title__text=document.createElement('div'); el.className='ggskin ggskin_textdiv'; el.ggTextDiv=els; el.ggId="thumbnail_title"; el.ggDx=0; el.ggDy=0; el.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; el.ggVisible=true; el.className="ggskin ggskin_text "; el.ggType='text'; hs =''; hs+='cursor : pointer;'; hs+='height : 51px;'; hs+='left : -10000px;'; hs+='opacity : 0;'; hs+='position : absolute;'; hs+='top : -10000px;'; hs+='visibility : hidden;'; hs+='width : 85px;'; hs+='pointer-events:auto;'; el.setAttribute('style',hs); el.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs += 'box-sizing: border-box;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 85px;'; hs+='height: 51px;'; hs+='background: #000000;'; hs+='background: rgba(0,0,0,0.784314);'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; els.setAttribute('style',hs); els.innerHTML=me.ggUserdata.title; el.appendChild(els); me._thumbnail_title.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } el.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return player.getCurrentNode(); } me._thumbnail_title.logicBlock_alpha = function() { var newLogicStateAlpha; if ( ((me.elementMouseOver['thumbnail_active'] == true)) && ((me.ggUserdata.title != "")) && ((player.getVariableValue('opt_thumbnail_menu_tooltip') == true)) ) { newLogicStateAlpha = 0; } else { newLogicStateAlpha = -1; } if (me._thumbnail_title.ggCurrentLogicStateAlpha != newLogicStateAlpha) { me._thumbnail_title.ggCurrentLogicStateAlpha = newLogicStateAlpha; me._thumbnail_title.style[domTransition]='opacity 500ms ease 0ms'; if (me._thumbnail_title.ggCurrentLogicStateAlpha == 0) { me._thumbnail_title.style.visibility=me._thumbnail_title.ggVisible?'inherit':'hidden'; me._thumbnail_title.style.opacity=1; } else { setTimeout(function() { if (me._thumbnail_title.style.opacity == 0.0) { me._thumbnail_title.style.visibility="hidden"; } }, 505); me._thumbnail_title.style.opacity=0; } } } me._thumbnail_title.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var pw=this.parentNode.clientWidth; var w=this.offsetWidth + 0; this.style.left=(this.ggDx + pw/2 - w/2) + 'px'; var ph=this.parentNode.clientHeight; var h=this.offsetHeight; this.style.top=(this.ggDy + ph/2 - h/2) + 'px'; } } me._thumbnail_active.appendChild(me._thumbnail_title); me.__div.appendChild(me._thumbnail_active); }; me.addSkin(); var style = document.createElement('style'); style.type = 'text/css'; style.appendChild(document.createTextNode('.ggskin { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}')); document.head.appendChild(style); me._thumbnail_hide_button_show.logicBlock_alpha(); me._thumbnail_show_button_show.logicBlock_alpha(); me._thumbnail_menu.logicBlock_alpha(); player.addListener('changenode', function(args) { me._thumbnail_hide_button_show.logicBlock_alpha();me._thumbnail_show_button_show.logicBlock_alpha();me._thumbnail_menu.logicBlock_alpha(); }); player.addListener('varchanged_vis_thumbnail_menu', function(args) { me._thumbnail_hide_button_show.logicBlock_alpha();me._thumbnail_show_button_show.logicBlock_alpha();me._thumbnail_menu.logicBlock_alpha(); }); player.addListener('changenode', function(args) { me._thumbnail_cloner.callChildLogicBlocks_changenode(); }); player.addListener('mouseover', function(args) { me._thumbnail_cloner.callChildLogicBlocks_mouseover(); }); player.addListener('mouseover', function(args) { me._thumbnail_cloner.callChildLogicBlocks_mouseover(); }); player.addListener('changenode', function(args) { me._thumbnail_cloner.callChildLogicBlocks_active(); }); player.addListener('varchanged_opt_thumbnail_menu_tooltip', function(args) { me._thumbnail_cloner.callChildLogicBlocks_varchanged_opt_thumbnail_menu_tooltip(); }); player.addListener('sizechanged', function(args) { me.callChildLogicBlocksHotspot_ht_node_sizechanged(); }); player.addListener('changenode', function(args) { me.callChildLogicBlocksHotspot_ht_node_changenode(); }); player.addListener('configloaded', function(args) { me.callChildLogicBlocksHotspot_ht_node_configloaded(); }); player.addListener('mouseover', function(args) { me.callChildLogicBlocksHotspot_ht_node_mouseover(); }); player.addListener('changenode', function(args) { me.callChildLogicBlocksHotspot_ht_node_active(); }); player.addListener('changevisitednodes', function(args) { me.callChildLogicBlocksHotspot_ht_node_changevisitednodes(); }); player.addListener('varchanged_opt_3d_preview', function(args) { me.callChildLogicBlocksHotspot_ht_node_varchanged_opt_3d_preview(); }); player.addListener('hotspotsremoved', function(args) { me.removeSkinHotspots(); }); me.skinTimerEvent(); };