// Garden Gnome Software - Skin // Pano2VR 5.2.5/15998 // Filename: Casa sulla Laguna.ggsk // Generated gio giu 4 19:48:52 2020 function pano2vrSkin(player,base) { var ggSkinVars = []; var me=this; var flag=false; this.player=player; this.player.skinObj=this; this.divSkin=player.divSkin; this.ggUserdata=me.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; 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 (regex) { if (pat.test(e.ggId)) r.push(e); } else { if (e.ggId==id) r.push(e); } if (e.hasChildNodes()) { for(var i=0;i0||!me._screen.style.opacity)?'inherit':'hidden'; me._screen.ggVisible=true; me._screen.style[domTransition]='none'; me._screen.ggParameter.sx=1;me._screen.ggParameter.sy=1; me._screen.style[domTransform]=parameterToTransform(me._screen.ggParameter); me._screen.style[domTransition]='none'; me._screen.ggParameter.a="0"; me._screen.style[domTransform]=parameterToTransform(me._screen.ggParameter); } this._info.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._info); this._zoom_in=document.createElement('div'); this._zoom_in__img=document.createElement('img'); this._zoom_in__img.className='ggskin ggskin_button'; this._zoom_in__img.setAttribute('src',basePath + 'images/zoom_in.png'); this._zoom_in__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._zoom_in__img.className='ggskin ggskin_button'; this._zoom_in__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._zoom_in__img); this._zoom_in.appendChild(this._zoom_in__img); this._zoom_in.ggId="zoom in"; this._zoom_in.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._zoom_in.ggVisible=true; this._zoom_in.className='ggskin ggskin_button '; this._zoom_in.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : 108px;'; hs+='position : absolute;'; hs+='top : 23px;'; hs+='visibility : inherit;'; hs+='width : 60px;'; hs+='pointer-events:auto;'; this._zoom_in.setAttribute('style',hs); this._zoom_in.style[domTransform + 'Origin']='50% 50%'; me._zoom_in.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._zoom_in.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._zoom_in.onmouseout=function (e) { me.elementMouseDown['zoom_in']=false; } this._zoom_in.onmousedown=function (e) { me.elementMouseDown['zoom_in']=true; } this._zoom_in.onmouseup=function (e) { me.elementMouseDown['zoom_in']=false; } this._zoom_in.ontouchend=function (e) { me.elementMouseDown['zoom_in']=false; } this._zoom_in.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._zoom_in); this._zoom_out=document.createElement('div'); this._zoom_out__img=document.createElement('img'); this._zoom_out__img.className='ggskin ggskin_button'; this._zoom_out__img.setAttribute('src',basePath + 'images/zoom_out.png'); this._zoom_out__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._zoom_out__img.className='ggskin ggskin_button'; this._zoom_out__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._zoom_out__img); this._zoom_out.appendChild(this._zoom_out__img); this._zoom_out.ggId="zoom out"; this._zoom_out.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._zoom_out.ggVisible=true; this._zoom_out.className='ggskin ggskin_button '; this._zoom_out.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : 159px;'; hs+='position : absolute;'; hs+='top : 23px;'; hs+='visibility : inherit;'; hs+='width : 59px;'; hs+='pointer-events:auto;'; this._zoom_out.setAttribute('style',hs); this._zoom_out.style[domTransform + 'Origin']='50% 50%'; me._zoom_out.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._zoom_out.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._zoom_out.onmouseout=function (e) { me.elementMouseDown['zoom_out']=false; } this._zoom_out.onmousedown=function (e) { me.elementMouseDown['zoom_out']=true; } this._zoom_out.onmouseup=function (e) { me.elementMouseDown['zoom_out']=false; } this._zoom_out.ontouchend=function (e) { me.elementMouseDown['zoom_out']=false; } this._zoom_out.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._zoom_out); this._reset_view=document.createElement('div'); this._reset_view__img=document.createElement('img'); this._reset_view__img.className='ggskin ggskin_button'; this._reset_view__img.setAttribute('src',basePath + 'images/reset_view.png'); this._reset_view__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._reset_view__img.className='ggskin ggskin_button'; this._reset_view__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._reset_view__img); this._reset_view.appendChild(this._reset_view__img); this._reset_view.ggId="reset view"; this._reset_view.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._reset_view.ggVisible=true; this._reset_view.className='ggskin ggskin_button '; this._reset_view.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 35px;'; hs+='left : 242px;'; hs+='position : absolute;'; hs+='top : 18px;'; hs+='visibility : inherit;'; hs+='width : 35px;'; hs+='pointer-events:auto;'; this._reset_view.setAttribute('style',hs); this._reset_view.style[domTransform + 'Origin']='50% 50%'; me._reset_view.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._reset_view.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._reset_view.onclick=function (e) { me.player.moveToDefaultViewEx(2,0); } this._reset_view.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._reset_view); this._fullscreen=document.createElement('div'); this._fullscreen__img=document.createElement('img'); this._fullscreen__img.className='ggskin ggskin_button'; this._fullscreen__img.setAttribute('src',basePath + 'images/fullscreen.png'); this._fullscreen__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._fullscreen__img.className='ggskin ggskin_button'; this._fullscreen__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._fullscreen__img); this._fullscreen.appendChild(this._fullscreen__img); this._fullscreen.ggId="fullscreen"; this._fullscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._fullscreen.ggVisible=true; this._fullscreen.className='ggskin ggskin_button '; this._fullscreen.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 35px;'; hs+='left : 303px;'; hs+='position : absolute;'; hs+='top : 18px;'; hs+='visibility : inherit;'; hs+='width : 53px;'; hs+='pointer-events:auto;'; this._fullscreen.setAttribute('style',hs); this._fullscreen.style[domTransform + 'Origin']='50% 50%'; me._fullscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._fullscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._fullscreen.onclick=function (e) { me.player.toggleFullscreen(); } this._fullscreen.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._fullscreen); this._mano=document.createElement('div'); this._mano__img=document.createElement('img'); this._mano__img.className='ggskin ggskin_button'; this._mano__img.setAttribute('src',basePath + 'images/mano.png'); this._mano__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._mano__img.className='ggskin ggskin_button'; this._mano__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._mano__img); this._mano.appendChild(this._mano__img); this._mano.ggId="Mano"; this._mano.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._mano.ggVisible=true; this._mano.className='ggskin ggskin_button '; this._mano.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 34px;'; hs+='left : 382px;'; hs+='opacity : 0;'; hs+='position : absolute;'; hs+='top : 21px;'; hs+='visibility : hidden;'; hs+='width : 34px;'; hs+='pointer-events:auto;'; this._mano.setAttribute('style',hs); this._mano.style[domTransform + 'Origin']='50% 50%'; me._mano.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._mano.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._mano.onclick=function (e) { me.player.changeViewMode(2); me._freccia.style[domTransition]='none'; me._freccia.style.opacity='1'; me._freccia.style.visibility=me._freccia.ggVisible?'inherit':'hidden'; me._mano.style[domTransition]='none'; me._mano.style.opacity='0'; me._mano.style.visibility='hidden'; } this._mano.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._mano); this._freccia=document.createElement('div'); this._freccia__img=document.createElement('img'); this._freccia__img.className='ggskin ggskin_button'; this._freccia__img.setAttribute('src',basePath + 'images/freccia.png'); this._freccia__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._freccia__img.className='ggskin ggskin_button'; this._freccia__img['ondragstart']=function() { return false; }; me.player.checkLoaded.push(this._freccia__img); this._freccia.appendChild(this._freccia__img); this._freccia.ggId="Freccia"; this._freccia.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._freccia.ggVisible=true; this._freccia.className='ggskin ggskin_button '; this._freccia.ggType='button'; hs =''; hs+='cursor : pointer;'; hs+='height : 34px;'; hs+='left : 382px;'; hs+='position : absolute;'; hs+='top : 21px;'; hs+='visibility : inherit;'; hs+='width : 34px;'; hs+='pointer-events:auto;'; this._freccia.setAttribute('style',hs); this._freccia.style[domTransform + 'Origin']='50% 50%'; me._freccia.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._freccia.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._freccia.onclick=function (e) { me.player.changeViewMode(2); me._mano.style[domTransition]='none'; me._mano.style.opacity='1'; me._mano.style.visibility=me._mano.ggVisible?'inherit':'hidden'; me._freccia.style[domTransition]='none'; me._freccia.style.opacity='0'; me._freccia.style.visibility='hidden'; } this._freccia.ggUpdatePosition=function (useTransition) { } this._container_main_control.appendChild(this._freccia); this._button_auto_rotate=document.createElement('div'); this._button_auto_rotate.ggId="button_auto_rotate"; this._button_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_auto_rotate.ggVisible=true; this._button_auto_rotate.className='ggskin ggskin_container '; this._button_auto_rotate.ggType='container'; hs =''; hs+='height : 32px;'; hs+='left : 439px;'; hs+='position : absolute;'; hs+='top : 18px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:none;'; this._button_auto_rotate.setAttribute('style',hs); this._button_auto_rotate.style[domTransform + 'Origin']='50% 50%'; me._button_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_auto_rotate.ggUpdatePosition=function (useTransition) { } this._stop_rotate_image=document.createElement('div'); this._stop_rotate_image__img=document.createElement('img'); this._stop_rotate_image__img.className='ggskin ggskin_svg'; this._stop_rotate_image__img.setAttribute('src',basePath + 'images/stop_rotate_image.svg'); this._stop_rotate_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._stop_rotate_image__img['ondragstart']=function() { return false; }; this._stop_rotate_image.appendChild(this._stop_rotate_image__img); this._stop_rotate_image__imgo=document.createElement('img'); this._stop_rotate_image__imgo.className='ggskin ggskin_svg'; this._stop_rotate_image__imgo.setAttribute('src',basePath + 'images/stop_rotate_image__o.svg'); this._stop_rotate_image__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._stop_rotate_image__imgo['ondragstart']=function() { return false; }; this._stop_rotate_image.appendChild(this._stop_rotate_image__imgo); this._stop_rotate_image.ggId="stop_rotate_image"; this._stop_rotate_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._stop_rotate_image.ggVisible=false; this._stop_rotate_image.className='ggskin ggskin_svg '; this._stop_rotate_image.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 19px;'; hs+='position : absolute;'; hs+='top : 7px;'; hs+='visibility : hidden;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._stop_rotate_image.setAttribute('style',hs); this._stop_rotate_image.style[domTransform + 'Origin']='50% 50%'; me._stop_rotate_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._stop_rotate_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._stop_rotate_image.onclick=function (e) { me.player.stopAutorotate(); me._stop_rotate_image.style[domTransition]='none'; me._stop_rotate_image.style.visibility='hidden'; me._stop_rotate_image.ggVisible=false; me._start_rotate_image.style[domTransition]='none'; me._start_rotate_image.style.visibility=(Number(me._start_rotate_image.style.opacity)>0||!me._start_rotate_image.style.opacity)?'inherit':'hidden'; me._start_rotate_image.ggVisible=true; } this._stop_rotate_image.onmouseover=function (e) { me._stop_rotate_image__img.style.visibility='hidden'; me._stop_rotate_image__imgo.style.visibility='inherit'; me.elementMouseOver['stop_rotate_image']=true; } this._stop_rotate_image.onmouseout=function (e) { me._stop_rotate_image__img.style.visibility='inherit'; me._stop_rotate_image__imgo.style.visibility='hidden'; me.elementMouseOver['stop_rotate_image']=false; } this._stop_rotate_image.ontouchend=function (e) { me.elementMouseOver['stop_rotate_image']=false; } this._stop_rotate_image.ggUpdatePosition=function (useTransition) { } this._tt_stop_auto_rotate=document.createElement('div'); this._tt_stop_auto_rotate__text=document.createElement('div'); this._tt_stop_auto_rotate.className='ggskin ggskin_textdiv'; this._tt_stop_auto_rotate.ggTextDiv=this._tt_stop_auto_rotate__text; this._tt_stop_auto_rotate.ggId="tt_stop_auto_rotate"; this._tt_stop_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_stop_auto_rotate.ggVisible=false; this._tt_stop_auto_rotate.className='ggskin ggskin_text '; this._tt_stop_auto_rotate.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -59px;'; hs+='position : absolute;'; hs+='top : -18px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_stop_auto_rotate.setAttribute('style',hs); this._tt_stop_auto_rotate.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_stop_auto_rotate__text.setAttribute('style',hs); this._tt_stop_auto_rotate__text.innerHTML="Stop Rotazione"; this._tt_stop_auto_rotate.appendChild(this._tt_stop_auto_rotate__text); me._tt_stop_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_stop_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_stop_auto_rotate.ggCurrentLogicStateVisible = -1; this._tt_stop_auto_rotate.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['stop_rotate_image'] == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_stop_auto_rotate.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_stop_auto_rotate.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_stop_auto_rotate.style[domTransition]=''; if (me._tt_stop_auto_rotate.ggCurrentLogicStateVisible == 0) { me._tt_stop_auto_rotate.style.visibility=(Number(me._tt_stop_auto_rotate.style.opacity)>0||!me._tt_stop_auto_rotate.style.opacity)?'inherit':'hidden'; me._tt_stop_auto_rotate.ggVisible=true; } else { me._tt_stop_auto_rotate.style.visibility="hidden"; me._tt_stop_auto_rotate.ggVisible=false; } } } this._tt_stop_auto_rotate.ggUpdatePosition=function (useTransition) { } this._tt_stop_auto_rotate_white=document.createElement('div'); this._tt_stop_auto_rotate_white__text=document.createElement('div'); this._tt_stop_auto_rotate_white.className='ggskin ggskin_textdiv'; this._tt_stop_auto_rotate_white.ggTextDiv=this._tt_stop_auto_rotate_white__text; this._tt_stop_auto_rotate_white.ggId="tt_stop_auto_rotate_white"; this._tt_stop_auto_rotate_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_stop_auto_rotate_white.ggVisible=true; this._tt_stop_auto_rotate_white.className='ggskin ggskin_text '; this._tt_stop_auto_rotate_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_stop_auto_rotate_white.setAttribute('style',hs); this._tt_stop_auto_rotate_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_stop_auto_rotate_white__text.setAttribute('style',hs); this._tt_stop_auto_rotate_white__text.innerHTML="Stop Rotazione"; this._tt_stop_auto_rotate_white.appendChild(this._tt_stop_auto_rotate_white__text); me._tt_stop_auto_rotate_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_stop_auto_rotate_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_stop_auto_rotate_white.ggUpdatePosition=function (useTransition) { } this._tt_stop_auto_rotate.appendChild(this._tt_stop_auto_rotate_white); this._stop_rotate_image.appendChild(this._tt_stop_auto_rotate); this._button_auto_rotate.appendChild(this._stop_rotate_image); this._start_rotate_image=document.createElement('div'); this._start_rotate_image__img=document.createElement('img'); this._start_rotate_image__img.className='ggskin ggskin_svg'; this._start_rotate_image__img.setAttribute('src',basePath + 'images/start_rotate_image.svg'); this._start_rotate_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._start_rotate_image__img['ondragstart']=function() { return false; }; this._start_rotate_image.appendChild(this._start_rotate_image__img); this._start_rotate_image__imgo=document.createElement('img'); this._start_rotate_image__imgo.className='ggskin ggskin_svg'; this._start_rotate_image__imgo.setAttribute('src',basePath + 'images/start_rotate_image__o.svg'); this._start_rotate_image__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._start_rotate_image__imgo['ondragstart']=function() { return false; }; this._start_rotate_image.appendChild(this._start_rotate_image__imgo); this._start_rotate_image.ggId="start_rotate_image"; this._start_rotate_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._start_rotate_image.ggVisible=true; this._start_rotate_image.className='ggskin ggskin_svg '; this._start_rotate_image.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 19px;'; hs+='position : absolute;'; hs+='top : 7px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._start_rotate_image.setAttribute('style',hs); this._start_rotate_image.style[domTransform + 'Origin']='50% 50%'; me._start_rotate_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._start_rotate_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._start_rotate_image.onclick=function (e) { me.player.startAutorotate("0.1","5","1"); me._start_rotate_image.style[domTransition]='none'; me._start_rotate_image.style.visibility='hidden'; me._start_rotate_image.ggVisible=false; me._stop_rotate_image.style[domTransition]='none'; me._stop_rotate_image.style.visibility=(Number(me._stop_rotate_image.style.opacity)>0||!me._stop_rotate_image.style.opacity)?'inherit':'hidden'; me._stop_rotate_image.ggVisible=true; } this._start_rotate_image.onmouseover=function (e) { me._start_rotate_image__img.style.visibility='hidden'; me._start_rotate_image__imgo.style.visibility='inherit'; me.elementMouseOver['start_rotate_image']=true; } this._start_rotate_image.onmouseout=function (e) { me._start_rotate_image__img.style.visibility='inherit'; me._start_rotate_image__imgo.style.visibility='hidden'; me.elementMouseOver['start_rotate_image']=false; } this._start_rotate_image.ontouchend=function (e) { me.elementMouseOver['start_rotate_image']=false; } this._start_rotate_image.ggUpdatePosition=function (useTransition) { } this._tt_start_auto_rotate=document.createElement('div'); this._tt_start_auto_rotate__text=document.createElement('div'); this._tt_start_auto_rotate.className='ggskin ggskin_textdiv'; this._tt_start_auto_rotate.ggTextDiv=this._tt_start_auto_rotate__text; this._tt_start_auto_rotate.ggId="tt_start_auto_rotate"; this._tt_start_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_start_auto_rotate.ggVisible=false; this._tt_start_auto_rotate.className='ggskin ggskin_text '; this._tt_start_auto_rotate.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -59px;'; hs+='position : absolute;'; hs+='top : -18px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_start_auto_rotate.setAttribute('style',hs); this._tt_start_auto_rotate.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_start_auto_rotate__text.setAttribute('style',hs); this._tt_start_auto_rotate__text.innerHTML="Start Rotazione"; this._tt_start_auto_rotate.appendChild(this._tt_start_auto_rotate__text); me._tt_start_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_start_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_start_auto_rotate.ggCurrentLogicStateVisible = -1; this._tt_start_auto_rotate.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['start_rotate_image'] == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_start_auto_rotate.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_start_auto_rotate.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_start_auto_rotate.style[domTransition]=''; if (me._tt_start_auto_rotate.ggCurrentLogicStateVisible == 0) { me._tt_start_auto_rotate.style.visibility=(Number(me._tt_start_auto_rotate.style.opacity)>0||!me._tt_start_auto_rotate.style.opacity)?'inherit':'hidden'; me._tt_start_auto_rotate.ggVisible=true; } else { me._tt_start_auto_rotate.style.visibility="hidden"; me._tt_start_auto_rotate.ggVisible=false; } } } this._tt_start_auto_rotate.ggUpdatePosition=function (useTransition) { } this._tt_start_auto_rotate_white=document.createElement('div'); this._tt_start_auto_rotate_white__text=document.createElement('div'); this._tt_start_auto_rotate_white.className='ggskin ggskin_textdiv'; this._tt_start_auto_rotate_white.ggTextDiv=this._tt_start_auto_rotate_white__text; this._tt_start_auto_rotate_white.ggId="tt_start_auto_rotate_white"; this._tt_start_auto_rotate_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_start_auto_rotate_white.ggVisible=true; this._tt_start_auto_rotate_white.className='ggskin ggskin_text '; this._tt_start_auto_rotate_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_start_auto_rotate_white.setAttribute('style',hs); this._tt_start_auto_rotate_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_start_auto_rotate_white__text.setAttribute('style',hs); this._tt_start_auto_rotate_white__text.innerHTML="Start Rotazione"; this._tt_start_auto_rotate_white.appendChild(this._tt_start_auto_rotate_white__text); me._tt_start_auto_rotate_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_start_auto_rotate_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_start_auto_rotate_white.ggUpdatePosition=function (useTransition) { } this._tt_start_auto_rotate.appendChild(this._tt_start_auto_rotate_white); this._start_rotate_image.appendChild(this._tt_start_auto_rotate); this._button_auto_rotate.appendChild(this._start_rotate_image); this._container_main_control.appendChild(this._button_auto_rotate); this._container_zoomable.appendChild(this._container_main_control); this._thumbnail_menu=document.createElement('div'); this._thumbnail_menu__content=document.createElement('div'); this._thumbnail_menu.ggContent=this._thumbnail_menu__content; this._thumbnail_menu.appendChild(this._thumbnail_menu__content); hs =''; hs+='background : rgba(163,163,163,0.784314);'; hs+='left : 0px;'; hs+='overflow : visible;'; hs+='position : absolute;'; hs+='top : 0px;'; this._thumbnail_menu__content.setAttribute('style',hs); this._thumbnail_menu.ggId="Thumbnail Menu"; this._thumbnail_menu.ggTop=-72; this._thumbnail_menu.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._thumbnail_menu.ggVisible=true; this._thumbnail_menu.className='ggskin ggskin_scrollarea '; this._thumbnail_menu.ggType='scrollarea'; hs =''; hs+='-webkit-overflow-scrolling : touch;'; hs+='background : rgba(163,163,163,0.784314);'; hs+='border : 1px solid rgba(0, 0, 0, 0);'; hs+='height : 82px;'; hs+='left : 0.35%;'; hs+='overflow-x : auto;'; hs+='overflow-y : auto;'; hs+='position : absolute;'; hs+='top : -72px;'; hs+='visibility : inherit;'; hs+='width : 101.199%;'; hs+='pointer-events:auto;'; this._thumbnail_menu.setAttribute('style',hs); this._thumbnail_menu.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_menu.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._thumbnail_menu.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._thumbnail_menu.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h) + 'px'; } { this.ggContent.style.left = '0px'; this.ggContent.style.marginLeft = '0px'; this.ggContent.style.top = '0px'; this.ggContent.style.marginTop = '0px'; } } this._thumbnail_cloner=document.createElement('div'); this._thumbnail_cloner.ggNumRepeat = 1; this._thumbnail_cloner.ggWidth = 98; this._thumbnail_cloner.ggHeight = 60; this._thumbnail_cloner.ggUpdating = false; this._thumbnail_cloner.ggFilter = []; this._thumbnail_cloner.ggUpdate = function(filter) { if(me._thumbnail_cloner.ggUpdating == true) return; me._thumbnail_cloner.ggUpdating = true; if (typeof filter=='object') { me._thumbnail_cloner.ggFilter = filter; } else { filter = me._thumbnail_cloner.ggFilter; }; if (me._thumbnail_cloner.hasChildNodes() == true) { while (me._thumbnail_cloner.firstChild) { me._thumbnail_cloner.removeChild(me._thumbnail_cloner.firstChild); } } var tourNodes = me.player.getNodeIds(); var row = 0; var column = 0; var numRows = me._thumbnail_cloner.ggNumRepeat; if (numRows < 1) numRows = 1; for (i=0; i < tourNodes.length; i++) { var nodeId = tourNodes[i]; var passed = false; if (filter.length > 0) { var nodeData = me.player.getNodeUserdata(nodeId); for (j=0; j < filter.length; j++) { if (nodeData['tags'].indexOf(filter[j]) != -1) passed = true; } } else passed = true; if (passed) { me._thumbnail_cloner__node = document.createElement('div'); me._thumbnail_cloner.appendChild(me._thumbnail_cloner__node); me._thumbnail_cloner__node.setAttribute('style','position: absolute; top: ' + (row * me._thumbnail_cloner.ggHeight) + 'px; left:' + (column * me._thumbnail_cloner.ggWidth) + 'px; height: ' + me._thumbnail_cloner.ggHeight + 'px; width: ' + me._thumbnail_cloner.ggWidth + 'px; overflow: hidden;'); var inst = new SkinCloner_thumbnail_cloner_Class(nodeId, me); me._thumbnail_cloner__node.appendChild(inst.__div); me._thumbnail_cloner__node.ggObj=inst; me.updateSize(inst.__div); row++; if (row >= numRows) { row = 0; column++; } } } me._thumbnail_cloner.ggClonerCallChildFunctions('ggUpdateConditionTimer'); me._thumbnail_cloner.ggUpdating = false; } this._thumbnail_cloner.ggClonerCallChildFunctions = function(functionname){ var stack = []; var i; for(i=0; i 0) { var e = stack.pop(); if (typeof e[functionname] == 'function') e[functionname](); if(e.hasChildNodes()) { for(i=0; i0||!me._loader.style.opacity)?'inherit':'hidden'; me._loader.ggVisible=true; } this.divSkin.ggLoadedLevels=function() { } this.divSkin.ggReLoadedLevels=function() { } this.divSkin.ggEnterFullscreen=function() { } this.divSkin.ggExitFullscreen=function() { } this.skinTimerEvent(); }; this.hotspotProxyClick=function(id) { } this.hotspotProxyOver=function(id) { } this.hotspotProxyOut=function(id) { } this.changeActiveNode=function(id) { me.ggUserdata=me.player.userdata; me._thumbnail_cloner.ggNodeChange(); } this.skinTimerEvent=function() { setTimeout(function() { me.skinTimerEvent(); }, 10); me.ggCurrentTime=new Date().getTime(); if (me.elementMouseDown['zoom_in']) { me.player.changeFovLog(-0.3,true); } if (me.elementMouseDown['zoom_out']) { me.player.changeFovLog(0.3,true); } if (me.elementMouseOver['stop_rotate_image']) { } me._tt_stop_auto_rotate.ggUpdateConditionTimer(); if (me.elementMouseOver['start_rotate_image']) { } me._tt_start_auto_rotate.ggUpdateConditionTimer(); me._thumbnail_cloner.ggClonerCallChildFunctions('ggUpdateConditionTimer'); if (me.elementMouseOver['zoom_minimum']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=0; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=0.5;me._container_zoomable.ggParameter.sy=0.5; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } if (me.elementMouseOver['zoom_small']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=0.2; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=0.6;me._container_zoomable.ggParameter.sy=0.6; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } if (me.elementMouseOver['zoom_medium_small']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=0.4; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=0.7;me._container_zoomable.ggParameter.sy=0.7; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } if (me.elementMouseOver['zoom_medium_big']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=0.6; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=0.8;me._container_zoomable.ggParameter.sy=0.8; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } if (me.elementMouseOver['zoom_big']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=0.8; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=0.9;me._container_zoomable.ggParameter.sy=0.9; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } if (me.elementMouseOver['zoom_maximum']) { if (me.player.transitionsDisabled) { me._zoom_bar.style[domTransition]='none'; } else { me._zoom_bar.style[domTransition]='all 500ms ease-out 0ms'; } me._zoom_bar.ggParameter.sx=1;me._zoom_bar.ggParameter.sy=1; me._zoom_bar.style[domTransform]=parameterToTransform(me._zoom_bar.ggParameter); if (me.player.transitionsDisabled) { me._container_zoomable.style[domTransition]='none'; } else { me._container_zoomable.style[domTransition]='all 500ms ease-out 0ms'; } me._container_zoomable.ggParameter.sx=1;me._container_zoomable.ggParameter.sy=1; me._container_zoomable.style[domTransform]=parameterToTransform(me._container_zoomable.ggParameter); } me._percent_loaded.ggUpdateText(); }; function SkinHotspotClass(skinObj,hotspot) { var me=this; var flag=false; this.player=skinObj.player; this.skin=skinObj; this.hotspot=hotspot; var nodeId=String(hotspot.url); nodeId=(nodeId.charAt(0)=='{')?nodeId.substr(1, nodeId.length - 2):''; this.ggUserdata=this.skin.player.getNodeUserdata(nodeId); this.elementMouseDown=[]; this.elementMouseOver=[]; this.findElements=function(id,regex) { return me.skin.findElements(id,regex); } { this.__div=document.createElement('div'); this.__div.ggId="hotspot"; this.__div.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this.__div.ggVisible=true; this.__div.className='ggskin ggskin_hotspot '; this.__div.ggType='hotspot'; hs =''; hs+='height : 5px;'; hs+='left : 162px;'; hs+='position : absolute;'; hs+='top : 171px;'; hs+='visibility : inherit;'; hs+='width : 5px;'; hs+='pointer-events:auto;'; this.__div.setAttribute('style',hs); this.__div.style[domTransform + 'Origin']='50% 50%'; me.__div.ggIsActive=function() { return me.player.getCurrentNode()==this.ggElementNodeId(); } me.__div.ggElementNodeId=function() { return me.hotspot.url.substr(1, me.hotspot.url.length - 2); } this.__div.onclick=function (e) { me.player.openUrl(me.hotspot.url,me.hotspot.target); me.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function (e) { me.player.setActiveHotspot(me.hotspot); me._hstext.style[domTransition]='none'; me._hstext.style.visibility=(Number(me._hstext.style.opacity)>0||!me._hstext.style.opacity)?'inherit':'hidden'; me._hstext.ggVisible=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function (e) { me.player.setActiveHotspot(null); me._hstext.style[domTransition]='none'; me._hstext.style.visibility='hidden'; me._hstext.ggVisible=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ggUpdatePosition=function (useTransition) { } this._hsimage=document.createElement('div'); this._hsimage__img=document.createElement('img'); this._hsimage__img.className='ggskin ggskin_svg'; this._hsimage__img.setAttribute('src',basePath + 'images/hsimage.svg'); this._hsimage__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._hsimage__img['ondragstart']=function() { return false; }; this._hsimage.appendChild(this._hsimage__img); this._hsimage.ggId="hsimage"; this._hsimage.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hsimage.ggVisible=true; this._hsimage.className='ggskin ggskin_svg '; this._hsimage.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 50px;'; hs+='left : -24px;'; hs+='position : absolute;'; hs+='top : -25px;'; hs+='visibility : inherit;'; hs+='width : 50px;'; hs+='pointer-events:auto;'; this._hsimage.setAttribute('style',hs); this._hsimage.style[domTransform + 'Origin']='50% 50%'; me._hsimage.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hsimage.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._hsimage.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._hsimage); this._hstext=document.createElement('div'); this._hstext__text=document.createElement('div'); this._hstext.className='ggskin ggskin_textdiv'; this._hstext.ggTextDiv=this._hstext__text; this._hstext.ggId="hstext"; this._hstext.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hstext.ggVisible=true; this._hstext.className='ggskin ggskin_text '; this._hstext.ggType='text'; hs =''; hs+='height : 25px;'; hs+='left : -81px;'; hs+='position : absolute;'; hs+='top : -67px;'; hs+='visibility : inherit;'; hs+='width : 158px;'; hs+='pointer-events:auto;'; this._hstext.setAttribute('style',hs); this._hstext.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: auto;'; hs+='height: auto;'; hs+='background: #444444;'; hs+='background: rgba(68,68,68,0.54902);'; hs+='border: 2px solid #41bdff;'; hs+='border: 2px solid rgba(65,189,255,0.784314);'; hs+=cssPrefix + 'background-clip: padding-box;'; hs+='background-clip: padding-box;'; hs+='border-radius: 12px;'; hs+=cssPrefix + 'border-radius: 12px;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 3px 4px 3px 4px;'; hs+='overflow: hidden;'; this._hstext__text.setAttribute('style',hs); this._hstext__text.innerHTML=me.hotspot.title; this._hstext.appendChild(this._hstext__text); me._hstext.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hstext.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._hstext.ggUpdatePosition=function (useTransition) { this.style[domTransition]='none'; this.ggTextDiv.style.left=((168-this.ggTextDiv.offsetWidth)/2) + 'px'; } this.__div.appendChild(this._hstext); } }; this.addSkinHotspot=function(hotspot) { return new SkinHotspotClass(me,hotspot); } function SkinCloner_thumbnail_cloner_Class(nodeId, parent) { var me=this; this.skin=parent; this.player=this.skin.player; this.findElements=this.skin.findElements; this.ggNodeId=nodeId; this.ggUserdata=this.skin.player.getNodeUserdata(nodeId); this.elementMouseDown=[]; this.elementMouseOver=[]; this.__div=document.createElement('div'); this.__div.setAttribute('style','position: absolute; left: 0px; top: 0px; width: 98px; height: 60px; visibility: inherit;'); this.__div.ggIsActive = function() { return me.player.getCurrentNode()==me.ggNodeId; } this.__div.ggElementNodeId=function() { return me.ggNodeId; } this._thumbnail_nodeimage=document.createElement('div'); this._thumbnail_nodeimage__img=document.createElement('img'); this._thumbnail_nodeimage__img.className='ggskin ggskin_nodeimage'; this._thumbnail_nodeimage__img.setAttribute('src',basePath + "images/thumbnail_nodeimage_" + nodeId + ".jpg"); this._thumbnail_nodeimage.ggNodeId=nodeId; this._thumbnail_nodeimage__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._thumbnail_nodeimage__img.className='ggskin ggskin_nodeimage'; this._thumbnail_nodeimage__img['ondragstart']=function() { return false; }; this._thumbnail_nodeimage.appendChild(this._thumbnail_nodeimage__img); this._thumbnail_nodeimage.ggId="Thumbnail NodeImage"; this._thumbnail_nodeimage.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._thumbnail_nodeimage.ggVisible=true; this._thumbnail_nodeimage.className='ggskin ggskin_nodeimage '; this._thumbnail_nodeimage.ggType='nodeimage'; hs =''; hs+='cursor : pointer;'; hs+='height : 60px;'; hs+='left : 2px;'; hs+='position : absolute;'; hs+='top : 2px;'; hs+='visibility : inherit;'; hs+='width : 100px;'; hs+='pointer-events:auto;'; this._thumbnail_nodeimage.setAttribute('style',hs); this._thumbnail_nodeimage.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_nodeimage.ggIsActive=function() { return me.player.getCurrentNode()==this.ggElementNodeId(); } me._thumbnail_nodeimage.ggElementNodeId=function() { return this.ggNodeId; } this._thumbnail_nodeimage.onclick=function (e) { me.player.openNext("{"+me.ggNodeId+"}",""); } this._thumbnail_nodeimage.ggUpdatePosition=function (useTransition) { } this._checkmark_tick=document.createElement('div'); this._checkmark_tick__img=document.createElement('img'); this._checkmark_tick__img.className='ggskin ggskin_svg'; this._checkmark_tick__img.setAttribute('src',basePath + 'images/checkmark_tick.svg'); this._checkmark_tick__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._checkmark_tick__img['ondragstart']=function() { return false; }; this._checkmark_tick.appendChild(this._checkmark_tick__img); this._checkmark_tick.ggId="checkmark_tick"; this._checkmark_tick.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._checkmark_tick.ggVisible=false; this._checkmark_tick.className='ggskin ggskin_svg '; this._checkmark_tick.ggType='svg'; hs =''; hs+='height : 19px;'; hs+='left : 72px;'; hs+='position : absolute;'; hs+='top : 3px;'; hs+='visibility : hidden;'; hs+='width : 19px;'; hs+='pointer-events:auto;'; this._checkmark_tick.setAttribute('style',hs); this._checkmark_tick.style[domTransform + 'Origin']='50% 50%'; me._checkmark_tick.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._checkmark_tick.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._checkmark_tick.ggCurrentLogicStateVisible = -1; this._checkmark_tick.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.player.nodeVisited(me._checkmark_tick.ggElementNodeId()) == true) || (me._checkmark_tick.ggIsActive() == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._checkmark_tick.ggCurrentLogicStateVisible != newLogicStateVisible) { me._checkmark_tick.ggCurrentLogicStateVisible = newLogicStateVisible; me._checkmark_tick.style[domTransition]=''; if (me._checkmark_tick.ggCurrentLogicStateVisible == 0) { me._checkmark_tick.style.visibility=(Number(me._checkmark_tick.style.opacity)>0||!me._checkmark_tick.style.opacity)?'inherit':'hidden'; me._checkmark_tick.ggVisible=true; } else { me._checkmark_tick.style.visibility="hidden"; me._checkmark_tick.ggVisible=false; } } } this._checkmark_tick.ggUpdatePosition=function (useTransition) { } this._thumbnail_nodeimage.appendChild(this._checkmark_tick); this._thumbnail_active=document.createElement('div'); this._thumbnail_active.ggId="Thumbnail Active"; this._thumbnail_active.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._thumbnail_active.ggVisible=true; this._thumbnail_active.className='ggskin ggskin_rectangle '; this._thumbnail_active.ggType='rectangle'; hs =''; hs+='border : 3px solid #d1d1d1;'; hs+='cursor : default;'; hs+='height : 53px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 91px;'; hs+='pointer-events:auto;'; this._thumbnail_active.setAttribute('style',hs); this._thumbnail_active.style[domTransform + 'Origin']='50% 50%'; me._thumbnail_active.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._thumbnail_active.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._thumbnail_active.onmouseover=function (e) { me.elementMouseOver['thumbnail_active']=true; } this._thumbnail_active.onmouseout=function (e) { me.elementMouseOver['thumbnail_active']=false; } this._thumbnail_active.ontouchend=function (e) { me.elementMouseOver['thumbnail_active']=false; } me._thumbnail_active.ggCurrentLogicStateBorderColor = -1; this._thumbnail_active.ggUpdateConditionTimer=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 none'; if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 0) { me._thumbnail_active.style.borderColor="rgba(0,0,0,1)"; } else if (me._thumbnail_active.ggCurrentLogicStateBorderColor == 1) { me._thumbnail_active.style.borderColor="rgba(0,0,0,1)"; } else { me._thumbnail_active.style.borderColor="rgba(209,209,209,1)"; } } } this._thumbnail_active.ggUpdatePosition=function (useTransition) { } this._thumbnail_nodeimage.appendChild(this._thumbnail_active); this.__div.appendChild(this._thumbnail_nodeimage); }; this.addSkin(); };