// Garden Gnome Software - Skin // Pano2VR 5.2 beta/15832 // Filename: veropan.ggsk // Generated Sat Aug 12 12:42:10 2017 function pano2vrSkin(player,base) { var ggSkinVars = []; ggSkinVars['panel_show'] = 1; ggSkinVars['view_show'] = 0; ggSkinVars['view_size'] = 3; ggSkinVars['view_state'] = 2; var me=this; var flag=false; var nodeMarker=[]; var activeNodeMarker=[]; 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;i 0) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._panel.ggCurrentLogicStateVisible != newLogicStateVisible) { me._panel.ggCurrentLogicStateVisible = newLogicStateVisible; me._panel.style[domTransition]=''; if (me._panel.ggCurrentLogicStateVisible == 0) { me._panel.style.visibility=(Number(me._panel.style.opacity)>0||!me._panel.style.opacity)?'inherit':'hidden'; me._panel.ggVisible=true; } else { me._panel.style.visibility="hidden"; me._panel.ggVisible=false; } } } this._panel.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w/2) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h) + 'px'; } } this._rectangle_1=document.createElement('div'); this._rectangle_1.ggId="Rectangle 1"; this._rectangle_1.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._rectangle_1.ggVisible=true; this._rectangle_1.className='ggskin ggskin_rectangle '; this._rectangle_1.ggType='rectangle'; hs =''; hs+=cssPrefix + 'border-radius : 8px;'; hs+='border-radius : 8px;'; hs+='background : #808080;'; hs+='border : 1px solid #808080;'; hs+='cursor : pointer;'; hs+='height : 79px;'; hs+='left : -5px;'; hs+='opacity : 0.2;'; hs+='position : absolute;'; hs+='top : -10px;'; hs+='visibility : inherit;'; hs+='width : 404px;'; hs+='pointer-events:auto;'; this._rectangle_1.setAttribute('style',hs); this._rectangle_1.style[domTransform + 'Origin']='50% 50%'; me._rectangle_1.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._rectangle_1.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._rectangle_1.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._rectangle_1); this._panel_close_icon=document.createElement('div'); this._panel_close_icon__img=document.createElement('img'); this._panel_close_icon__img.className='ggskin ggskin_svg'; this._panel_close_icon__img.setAttribute('src',basePath + 'images/panel_close_icon.svg'); this._panel_close_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._panel_close_icon__img['ondragstart']=function() { return false; }; this._panel_close_icon.appendChild(this._panel_close_icon__img); this._panel_close_icon.ggId="panel_close_icon"; this._panel_close_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._panel_close_icon.ggVisible=true; this._panel_close_icon.className='ggskin ggskin_svg '; this._panel_close_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 20px;'; hs+='left : 378px;'; hs+='position : absolute;'; hs+='top : -9px;'; hs+='visibility : inherit;'; hs+='width : 20px;'; hs+='pointer-events:auto;'; this._panel_close_icon.setAttribute('style',hs); this._panel_close_icon.style[domTransform + 'Origin']='50% 50%'; me._panel_close_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._panel_close_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._panel_close_icon.onclick=function (e) { ggSkinVars['panel_show'] = ggSkinVars['panel_show'] + Number("1"); ggSkinVars['panel_show'] = ggSkinVars['panel_show'] % Number("2"); } this._panel_close_icon.onmouseover=function (e) { me.elementMouseOver['panel_close_icon']=true; } this._panel_close_icon.onmouseout=function (e) { me.elementMouseOver['panel_close_icon']=false; } this._panel_close_icon.ontouchend=function (e) { me.elementMouseOver['panel_close_icon']=false; } me._panel_close_icon.ggCurrentLogicStatePosition = -1; me._panel_close_icon.ggCurrentLogicStateSize = -1; this._panel_close_icon.ggUpdateConditionTimer=function () { var newLogicStatePosition; if ( (me.elementMouseOver['panel_close_icon'] == true) ) { newLogicStatePosition = 0; } else { newLogicStatePosition = -1; } if (me._panel_close_icon.ggCurrentLogicStatePosition != newLogicStatePosition) { me._panel_close_icon.ggCurrentLogicStatePosition = newLogicStatePosition; me._panel_close_icon.style[domTransition]='left none, top none, width none, height none'; if (me._panel_close_icon.ggCurrentLogicStatePosition == 0) { me._panel_close_icon.style.left='376px'; me._panel_close_icon.style.top='-11px'; } else { me._panel_close_icon.style.left='378px'; me._panel_close_icon.style.top='-9px'; } } var newLogicStateSize; if ( (me.elementMouseOver['panel_close_icon'] == true) ) { newLogicStateSize = 0; } else { newLogicStateSize = -1; } if (me._panel_close_icon.ggCurrentLogicStateSize != newLogicStateSize) { me._panel_close_icon.ggCurrentLogicStateSize = newLogicStateSize; me._panel_close_icon.style[domTransition]='left none, top none, width none, height none'; if (me._panel_close_icon.ggCurrentLogicStateSize == 0) { me._panel_close_icon.style.width='24px'; me._panel_close_icon.style.height='24px'; me.updateSize(me._panel_close_icon); } else { me._panel_close_icon.style.width='20px'; me._panel_close_icon.style.height='20px'; me.updateSize(me._panel_close_icon); } } } this._panel_close_icon.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._panel_close_icon); this._panel_menu_icon=document.createElement('div'); this._panel_menu_icon__img=document.createElement('img'); this._panel_menu_icon__img.className='ggskin ggskin_svg'; this._panel_menu_icon__img.setAttribute('src',basePath + 'images/panel_menu_icon.svg'); this._panel_menu_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._panel_menu_icon__img['ondragstart']=function() { return false; }; this._panel_menu_icon.appendChild(this._panel_menu_icon__img); this._panel_menu_icon.ggId="panel_menu_icon"; this._panel_menu_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._panel_menu_icon.ggVisible=true; this._panel_menu_icon.className='ggskin ggskin_svg '; this._panel_menu_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 345px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._panel_menu_icon.setAttribute('style',hs); this._panel_menu_icon.style[domTransform + 'Origin']='50% 50%'; me._panel_menu_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._panel_menu_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._panel_menu_icon.onclick=function (e) { me._info.ggVisible = !me._info.ggVisible; var flag=me._info.ggVisible; me._info.style[domTransition]='none'; me._info.style.visibility=((flag)&&(Number(me._info.style.opacity)>0||!me._info.style.opacity))?'inherit':'hidden'; me.player.stopAutorotate(); } this._panel_menu_icon.onmouseover=function (e) { me.elementMouseOver['panel_menu_icon']=true; } this._panel_menu_icon.onmouseout=function (e) { me.elementMouseOver['panel_menu_icon']=false; } this._panel_menu_icon.ontouchend=function (e) { me.elementMouseOver['panel_menu_icon']=false; } this._panel_menu_icon.ggUpdatePosition=function (useTransition) { } this._panel_menu_text=document.createElement('div'); this._panel_menu_text__text=document.createElement('div'); this._panel_menu_text.className='ggskin ggskin_textdiv'; this._panel_menu_text.ggTextDiv=this._panel_menu_text__text; this._panel_menu_text.ggId="panel_menu_text"; this._panel_menu_text.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._panel_menu_text.ggVisible=false; this._panel_menu_text.className='ggskin ggskin_text '; this._panel_menu_text.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -125px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._panel_menu_text.setAttribute('style',hs); this._panel_menu_text.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: right;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._panel_menu_text__text.setAttribute('style',hs); this._panel_menu_text__text.innerHTML="Info"; this._panel_menu_text.appendChild(this._panel_menu_text__text); me._panel_menu_text.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._panel_menu_text.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._panel_menu_text.ggCurrentLogicStateVisible = -1; this._panel_menu_text.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['panel_menu_icon'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._panel_menu_text.ggCurrentLogicStateVisible != newLogicStateVisible) { me._panel_menu_text.ggCurrentLogicStateVisible = newLogicStateVisible; me._panel_menu_text.style[domTransition]=''; if (me._panel_menu_text.ggCurrentLogicStateVisible == 0) { me._panel_menu_text.style.visibility=(Number(me._panel_menu_text.style.opacity)>0||!me._panel_menu_text.style.opacity)?'inherit':'hidden'; me._panel_menu_text.ggVisible=true; } else { me._panel_menu_text.style.visibility="hidden"; me._panel_menu_text.ggVisible=false; } } } this._panel_menu_text.ggUpdatePosition=function (useTransition) { } this._panel_menu_text2=document.createElement('div'); this._panel_menu_text2__text=document.createElement('div'); this._panel_menu_text2.className='ggskin ggskin_textdiv'; this._panel_menu_text2.ggTextDiv=this._panel_menu_text2__text; this._panel_menu_text2.ggId="panel_menu_text2"; this._panel_menu_text2.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._panel_menu_text2.ggVisible=true; this._panel_menu_text2.className='ggskin ggskin_text '; this._panel_menu_text2.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._panel_menu_text2.setAttribute('style',hs); this._panel_menu_text2.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: right;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._panel_menu_text2__text.setAttribute('style',hs); this._panel_menu_text2__text.innerHTML="Info"; this._panel_menu_text2.appendChild(this._panel_menu_text2__text); me._panel_menu_text2.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._panel_menu_text2.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._panel_menu_text2.ggUpdatePosition=function (useTransition) { } this._panel_menu_text.appendChild(this._panel_menu_text2); this._panel_menu_icon.appendChild(this._panel_menu_text); this._panel.appendChild(this._panel_menu_icon); this._button_simplex_fullscreen=document.createElement('div'); this._button_simplex_fullscreen.ggId="button_simplex_fullscreen"; this._button_simplex_fullscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_simplex_fullscreen.ggVisible=true; this._button_simplex_fullscreen.className='ggskin ggskin_container '; this._button_simplex_fullscreen.ggType='container'; hs =''; hs+='height : 32px;'; hs+='left : 305px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:none;'; this._button_simplex_fullscreen.setAttribute('style',hs); this._button_simplex_fullscreen.style[domTransform + 'Origin']='50% 50%'; me._button_simplex_fullscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_simplex_fullscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._button_simplex_fullscreen.ggCurrentLogicStateVisible = -1; this._button_simplex_fullscreen.ggUpdateConditionNodeChange=function () { var newLogicStateVisible; if ( (me.player.getIsMobile() == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._button_simplex_fullscreen.ggCurrentLogicStateVisible != newLogicStateVisible) { me._button_simplex_fullscreen.ggCurrentLogicStateVisible = newLogicStateVisible; me._button_simplex_fullscreen.style[domTransition]=''; if (me._button_simplex_fullscreen.ggCurrentLogicStateVisible == 0) { me._button_simplex_fullscreen.style.visibility="hidden"; me._button_simplex_fullscreen.ggVisible=false; } else { me._button_simplex_fullscreen.style.visibility=(Number(me._button_simplex_fullscreen.style.opacity)>0||!me._button_simplex_fullscreen.style.opacity)?'inherit':'hidden'; me._button_simplex_fullscreen.ggVisible=true; } } } this._button_simplex_fullscreen.ggUpdatePosition=function (useTransition) { } this._button_simplex_fullscreen.ggNodeChange=function () { me._button_simplex_fullscreen.ggUpdateConditionNodeChange(); } this._button_image_normalscreen=document.createElement('div'); this._button_image_normalscreen__img=document.createElement('img'); this._button_image_normalscreen__img.className='ggskin ggskin_svg'; this._button_image_normalscreen__img.setAttribute('src',basePath + 'images/button_image_normalscreen.svg'); this._button_image_normalscreen__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._button_image_normalscreen__img['ondragstart']=function() { return false; }; this._button_image_normalscreen.appendChild(this._button_image_normalscreen__img); this._button_image_normalscreen__imgo=document.createElement('img'); this._button_image_normalscreen__imgo.className='ggskin ggskin_svg'; this._button_image_normalscreen__imgo.setAttribute('src',basePath + 'images/button_image_normalscreen__o.svg'); this._button_image_normalscreen__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._button_image_normalscreen__imgo['ondragstart']=function() { return false; }; this._button_image_normalscreen.appendChild(this._button_image_normalscreen__imgo); this._button_image_normalscreen.ggId="button_image_normalscreen"; this._button_image_normalscreen.ggLeft=-32; this._button_image_normalscreen.ggTop=-32; this._button_image_normalscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_image_normalscreen.ggVisible=false; this._button_image_normalscreen.className='ggskin ggskin_svg '; this._button_image_normalscreen.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : -32px;'; hs+='position : absolute;'; hs+='top : -32px;'; hs+='visibility : hidden;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._button_image_normalscreen.setAttribute('style',hs); this._button_image_normalscreen.style[domTransform + 'Origin']='50% 50%'; me._button_image_normalscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_image_normalscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_image_normalscreen.onclick=function (e) { me.player.exitFullscreen(); } this._button_image_normalscreen.onmouseover=function (e) { me._button_image_normalscreen__img.style.visibility='hidden'; me._button_image_normalscreen__imgo.style.visibility='inherit'; me.elementMouseOver['button_image_normalscreen']=true; } this._button_image_normalscreen.onmouseout=function (e) { me._button_image_normalscreen__img.style.visibility='inherit'; me._button_image_normalscreen__imgo.style.visibility='hidden'; me.elementMouseOver['button_image_normalscreen']=false; } this._button_image_normalscreen.ontouchend=function (e) { me.elementMouseOver['button_image_normalscreen']=false; } me._button_image_normalscreen.ggCurrentLogicStateVisible = -1; this._button_image_normalscreen.ggUpdateConditionResize=function () { var newLogicStateVisible; if ( (me.player.getIsFullscreen() == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._button_image_normalscreen.ggCurrentLogicStateVisible != newLogicStateVisible) { me._button_image_normalscreen.ggCurrentLogicStateVisible = newLogicStateVisible; me._button_image_normalscreen.style[domTransition]=''; if (me._button_image_normalscreen.ggCurrentLogicStateVisible == 0) { me._button_image_normalscreen.style.visibility=(Number(me._button_image_normalscreen.style.opacity)>0||!me._button_image_normalscreen.style.opacity)?'inherit':'hidden'; me._button_image_normalscreen.ggVisible=true; } else { me._button_image_normalscreen.style.visibility="hidden"; me._button_image_normalscreen.ggVisible=false; } } } this._button_image_normalscreen.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h) + 'px'; } me._button_image_normalscreen.ggUpdateConditionResize(); } this._tt_exit_fullscreen=document.createElement('div'); this._tt_exit_fullscreen__text=document.createElement('div'); this._tt_exit_fullscreen.className='ggskin ggskin_textdiv'; this._tt_exit_fullscreen.ggTextDiv=this._tt_exit_fullscreen__text; this._tt_exit_fullscreen.ggId="tt_exit_fullscreen"; this._tt_exit_fullscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_exit_fullscreen.ggVisible=false; this._tt_exit_fullscreen.className='ggskin ggskin_text '; this._tt_exit_fullscreen.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -60px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_exit_fullscreen.setAttribute('style',hs); this._tt_exit_fullscreen.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_exit_fullscreen__text.setAttribute('style',hs); this._tt_exit_fullscreen__text.innerHTML="Exit Fullscreen"; this._tt_exit_fullscreen.appendChild(this._tt_exit_fullscreen__text); me._tt_exit_fullscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_exit_fullscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_exit_fullscreen.ggCurrentLogicStateVisible = -1; this._tt_exit_fullscreen.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['button_image_normalscreen'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_exit_fullscreen.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_exit_fullscreen.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_exit_fullscreen.style[domTransition]=''; if (me._tt_exit_fullscreen.ggCurrentLogicStateVisible == 0) { me._tt_exit_fullscreen.style.visibility=(Number(me._tt_exit_fullscreen.style.opacity)>0||!me._tt_exit_fullscreen.style.opacity)?'inherit':'hidden'; me._tt_exit_fullscreen.ggVisible=true; } else { me._tt_exit_fullscreen.style.visibility="hidden"; me._tt_exit_fullscreen.ggVisible=false; } } } this._tt_exit_fullscreen.ggUpdatePosition=function (useTransition) { } this._tt_exit_fullscreen_white=document.createElement('div'); this._tt_exit_fullscreen_white__text=document.createElement('div'); this._tt_exit_fullscreen_white.className='ggskin ggskin_textdiv'; this._tt_exit_fullscreen_white.ggTextDiv=this._tt_exit_fullscreen_white__text; this._tt_exit_fullscreen_white.ggId="tt_exit_fullscreen_white"; this._tt_exit_fullscreen_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_exit_fullscreen_white.ggVisible=true; this._tt_exit_fullscreen_white.className='ggskin ggskin_text '; this._tt_exit_fullscreen_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_exit_fullscreen_white.setAttribute('style',hs); this._tt_exit_fullscreen_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_exit_fullscreen_white__text.setAttribute('style',hs); this._tt_exit_fullscreen_white__text.innerHTML="Exit Fullscreen"; this._tt_exit_fullscreen_white.appendChild(this._tt_exit_fullscreen_white__text); me._tt_exit_fullscreen_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_exit_fullscreen_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_exit_fullscreen_white.ggUpdatePosition=function (useTransition) { } this._tt_exit_fullscreen.appendChild(this._tt_exit_fullscreen_white); this._button_image_normalscreen.appendChild(this._tt_exit_fullscreen); this._button_simplex_fullscreen.appendChild(this._button_image_normalscreen); this._button_image_fullscreen=document.createElement('div'); this._button_image_fullscreen__img=document.createElement('img'); this._button_image_fullscreen__img.className='ggskin ggskin_svg'; this._button_image_fullscreen__img.setAttribute('src',basePath + 'images/button_image_fullscreen.svg'); this._button_image_fullscreen__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._button_image_fullscreen__img['ondragstart']=function() { return false; }; this._button_image_fullscreen.appendChild(this._button_image_fullscreen__img); this._button_image_fullscreen__imgo=document.createElement('img'); this._button_image_fullscreen__imgo.className='ggskin ggskin_svg'; this._button_image_fullscreen__imgo.setAttribute('src',basePath + 'images/button_image_fullscreen__o.svg'); this._button_image_fullscreen__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._button_image_fullscreen__imgo['ondragstart']=function() { return false; }; this._button_image_fullscreen.appendChild(this._button_image_fullscreen__imgo); this._button_image_fullscreen.ggId="button_image_fullscreen"; this._button_image_fullscreen.ggLeft=-32; this._button_image_fullscreen.ggTop=-32; this._button_image_fullscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_image_fullscreen.ggVisible=true; this._button_image_fullscreen.className='ggskin ggskin_svg '; this._button_image_fullscreen.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : -32px;'; hs+='position : absolute;'; hs+='top : -32px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._button_image_fullscreen.setAttribute('style',hs); this._button_image_fullscreen.style[domTransform + 'Origin']='50% 50%'; me._button_image_fullscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_image_fullscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_image_fullscreen.onclick=function (e) { me.player.enterFullscreen(); } this._button_image_fullscreen.onmouseover=function (e) { me._button_image_fullscreen__img.style.visibility='hidden'; me._button_image_fullscreen__imgo.style.visibility='inherit'; me.elementMouseOver['button_image_fullscreen']=true; } this._button_image_fullscreen.onmouseout=function (e) { me._button_image_fullscreen__img.style.visibility='inherit'; me._button_image_fullscreen__imgo.style.visibility='hidden'; me.elementMouseOver['button_image_fullscreen']=false; } this._button_image_fullscreen.ontouchend=function (e) { me.elementMouseOver['button_image_fullscreen']=false; } me._button_image_fullscreen.ggCurrentLogicStateVisible = -1; this._button_image_fullscreen.ggUpdateConditionResize=function () { var newLogicStateVisible; if ( (me.player.getIsFullscreen() == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._button_image_fullscreen.ggCurrentLogicStateVisible != newLogicStateVisible) { me._button_image_fullscreen.ggCurrentLogicStateVisible = newLogicStateVisible; me._button_image_fullscreen.style[domTransition]=''; if (me._button_image_fullscreen.ggCurrentLogicStateVisible == 0) { me._button_image_fullscreen.style.visibility="hidden"; me._button_image_fullscreen.ggVisible=false; } else { me._button_image_fullscreen.style.visibility=(Number(me._button_image_fullscreen.style.opacity)>0||!me._button_image_fullscreen.style.opacity)?'inherit':'hidden'; me._button_image_fullscreen.ggVisible=true; } } } this._button_image_fullscreen.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h) + 'px'; } me._button_image_fullscreen.ggUpdateConditionResize(); } this._tt_enter_fullscreen=document.createElement('div'); this._tt_enter_fullscreen__text=document.createElement('div'); this._tt_enter_fullscreen.className='ggskin ggskin_textdiv'; this._tt_enter_fullscreen.ggTextDiv=this._tt_enter_fullscreen__text; this._tt_enter_fullscreen.ggId="tt_enter_fullscreen"; this._tt_enter_fullscreen.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_enter_fullscreen.ggVisible=false; this._tt_enter_fullscreen.className='ggskin ggskin_text '; this._tt_enter_fullscreen.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -60px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_enter_fullscreen.setAttribute('style',hs); this._tt_enter_fullscreen.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_enter_fullscreen__text.setAttribute('style',hs); this._tt_enter_fullscreen__text.innerHTML="Fullscreen"; this._tt_enter_fullscreen.appendChild(this._tt_enter_fullscreen__text); me._tt_enter_fullscreen.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_enter_fullscreen.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_enter_fullscreen.ggCurrentLogicStateVisible = -1; this._tt_enter_fullscreen.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['button_image_fullscreen'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_enter_fullscreen.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_enter_fullscreen.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_enter_fullscreen.style[domTransition]=''; if (me._tt_enter_fullscreen.ggCurrentLogicStateVisible == 0) { me._tt_enter_fullscreen.style.visibility=(Number(me._tt_enter_fullscreen.style.opacity)>0||!me._tt_enter_fullscreen.style.opacity)?'inherit':'hidden'; me._tt_enter_fullscreen.ggVisible=true; } else { me._tt_enter_fullscreen.style.visibility="hidden"; me._tt_enter_fullscreen.ggVisible=false; } } } this._tt_enter_fullscreen.ggUpdatePosition=function (useTransition) { } this._tt_enter_fullscreen_white=document.createElement('div'); this._tt_enter_fullscreen_white__text=document.createElement('div'); this._tt_enter_fullscreen_white.className='ggskin ggskin_textdiv'; this._tt_enter_fullscreen_white.ggTextDiv=this._tt_enter_fullscreen_white__text; this._tt_enter_fullscreen_white.ggId="tt_enter_fullscreen_white"; this._tt_enter_fullscreen_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_enter_fullscreen_white.ggVisible=true; this._tt_enter_fullscreen_white.className='ggskin ggskin_text '; this._tt_enter_fullscreen_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_enter_fullscreen_white.setAttribute('style',hs); this._tt_enter_fullscreen_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_enter_fullscreen_white__text.setAttribute('style',hs); this._tt_enter_fullscreen_white__text.innerHTML="Fullscreen"; this._tt_enter_fullscreen_white.appendChild(this._tt_enter_fullscreen_white__text); me._tt_enter_fullscreen_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_enter_fullscreen_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_enter_fullscreen_white.ggUpdatePosition=function (useTransition) { } this._tt_enter_fullscreen.appendChild(this._tt_enter_fullscreen_white); this._button_image_fullscreen.appendChild(this._tt_enter_fullscreen); this._button_simplex_fullscreen.appendChild(this._button_image_fullscreen); this._panel.appendChild(this._button_simplex_fullscreen); this._button_simplex_movemode=document.createElement('div'); this._button_simplex_movemode.ggId="button_simplex_movemode"; this._button_simplex_movemode.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_simplex_movemode.ggVisible=true; this._button_simplex_movemode.className='ggskin ggskin_container '; this._button_simplex_movemode.ggType='container'; hs =''; hs+='height : 32px;'; hs+='left : 270px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:none;'; this._button_simplex_movemode.setAttribute('style',hs); this._button_simplex_movemode.style[domTransform + 'Origin']='50% 50%'; me._button_simplex_movemode.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_simplex_movemode.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_simplex_movemode.ggUpdatePosition=function (useTransition) { } this._movemode_drag=document.createElement('div'); this._movemode_drag__img=document.createElement('img'); this._movemode_drag__img.className='ggskin ggskin_svg'; this._movemode_drag__img.setAttribute('src',basePath + 'images/movemode_drag.svg'); this._movemode_drag__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._movemode_drag__img['ondragstart']=function() { return false; }; this._movemode_drag.appendChild(this._movemode_drag__img); this._movemode_drag__imgo=document.createElement('img'); this._movemode_drag__imgo.className='ggskin ggskin_svg'; this._movemode_drag__imgo.setAttribute('src',basePath + 'images/movemode_drag__o.svg'); this._movemode_drag__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._movemode_drag__imgo['ondragstart']=function() { return false; }; this._movemode_drag.appendChild(this._movemode_drag__imgo); this._movemode_drag.ggId="movemode_drag"; this._movemode_drag.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._movemode_drag.ggVisible=false; this._movemode_drag.className='ggskin ggskin_svg '; this._movemode_drag.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : hidden;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._movemode_drag.setAttribute('style',hs); this._movemode_drag.style[domTransform + 'Origin']='50% 50%'; me._movemode_drag.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._movemode_drag.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._movemode_drag.onclick=function (e) { me.player.changeViewMode(1); me._movemode_drag.style[domTransition]='none'; me._movemode_drag.style.visibility='hidden'; me._movemode_drag.ggVisible=false; me._movemode_continuous.style[domTransition]='none'; me._movemode_continuous.style.visibility=(Number(me._movemode_continuous.style.opacity)>0||!me._movemode_continuous.style.opacity)?'inherit':'hidden'; me._movemode_continuous.ggVisible=true; } this._movemode_drag.onmouseover=function (e) { me._movemode_drag__img.style.visibility='hidden'; me._movemode_drag__imgo.style.visibility='inherit'; me.elementMouseOver['movemode_drag']=true; } this._movemode_drag.onmouseout=function (e) { me._movemode_drag__img.style.visibility='inherit'; me._movemode_drag__imgo.style.visibility='hidden'; me.elementMouseOver['movemode_drag']=false; } this._movemode_drag.ontouchend=function (e) { me.elementMouseOver['movemode_drag']=false; } this._movemode_drag.ggUpdatePosition=function (useTransition) { } this._tt_movemode0=document.createElement('div'); this._tt_movemode0__text=document.createElement('div'); this._tt_movemode0.className='ggskin ggskin_textdiv'; this._tt_movemode0.ggTextDiv=this._tt_movemode0__text; this._tt_movemode0.ggId="tt_movemode"; this._tt_movemode0.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_movemode0.ggVisible=false; this._tt_movemode0.className='ggskin ggskin_text '; this._tt_movemode0.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -70px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 168px;'; hs+='pointer-events:auto;'; this._tt_movemode0.setAttribute('style',hs); this._tt_movemode0.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 168px;'; 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_movemode0__text.setAttribute('style',hs); this._tt_movemode0__text.innerHTML="Change Control"; this._tt_movemode0.appendChild(this._tt_movemode0__text); me._tt_movemode0.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_movemode0.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_movemode0.ggCurrentLogicStateVisible = -1; this._tt_movemode0.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['movemode_drag'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_movemode0.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_movemode0.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_movemode0.style[domTransition]=''; if (me._tt_movemode0.ggCurrentLogicStateVisible == 0) { me._tt_movemode0.style.visibility=(Number(me._tt_movemode0.style.opacity)>0||!me._tt_movemode0.style.opacity)?'inherit':'hidden'; me._tt_movemode0.ggVisible=true; } else { me._tt_movemode0.style.visibility="hidden"; me._tt_movemode0.ggVisible=false; } } } this._tt_movemode0.ggUpdatePosition=function (useTransition) { } this._tt_movemode_white0=document.createElement('div'); this._tt_movemode_white0__text=document.createElement('div'); this._tt_movemode_white0.className='ggskin ggskin_textdiv'; this._tt_movemode_white0.ggTextDiv=this._tt_movemode_white0__text; this._tt_movemode_white0.ggId="tt_movemode_white"; this._tt_movemode_white0.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_movemode_white0.ggVisible=true; this._tt_movemode_white0.className='ggskin ggskin_text '; this._tt_movemode_white0.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 168px;'; hs+='pointer-events:auto;'; this._tt_movemode_white0.setAttribute('style',hs); this._tt_movemode_white0.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 168px;'; 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_movemode_white0__text.setAttribute('style',hs); this._tt_movemode_white0__text.innerHTML="Change Control"; this._tt_movemode_white0.appendChild(this._tt_movemode_white0__text); me._tt_movemode_white0.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_movemode_white0.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_movemode_white0.ggUpdatePosition=function (useTransition) { } this._tt_movemode0.appendChild(this._tt_movemode_white0); this._movemode_drag.appendChild(this._tt_movemode0); this._button_simplex_movemode.appendChild(this._movemode_drag); this._movemode_continuous=document.createElement('div'); this._movemode_continuous__img=document.createElement('img'); this._movemode_continuous__img.className='ggskin ggskin_svg'; this._movemode_continuous__img.setAttribute('src',basePath + 'images/movemode_continuous.svg'); this._movemode_continuous__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._movemode_continuous__img['ondragstart']=function() { return false; }; this._movemode_continuous.appendChild(this._movemode_continuous__img); this._movemode_continuous__imgo=document.createElement('img'); this._movemode_continuous__imgo.className='ggskin ggskin_svg'; this._movemode_continuous__imgo.setAttribute('src',basePath + 'images/movemode_continuous__o.svg'); this._movemode_continuous__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._movemode_continuous__imgo['ondragstart']=function() { return false; }; this._movemode_continuous.appendChild(this._movemode_continuous__imgo); this._movemode_continuous.ggId="movemode_continuous"; this._movemode_continuous.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._movemode_continuous.ggVisible=true; this._movemode_continuous.className='ggskin ggskin_svg '; this._movemode_continuous.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._movemode_continuous.setAttribute('style',hs); this._movemode_continuous.style[domTransform + 'Origin']='50% 50%'; me._movemode_continuous.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._movemode_continuous.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._movemode_continuous.onclick=function (e) { me.player.changeViewMode(0); me._movemode_continuous.style[domTransition]='none'; me._movemode_continuous.style.visibility='hidden'; me._movemode_continuous.ggVisible=false; me._movemode_drag.style[domTransition]='none'; me._movemode_drag.style.visibility=(Number(me._movemode_drag.style.opacity)>0||!me._movemode_drag.style.opacity)?'inherit':'hidden'; me._movemode_drag.ggVisible=true; } this._movemode_continuous.onmouseover=function (e) { me._movemode_continuous__img.style.visibility='hidden'; me._movemode_continuous__imgo.style.visibility='inherit'; me.elementMouseOver['movemode_continuous']=true; } this._movemode_continuous.onmouseout=function (e) { me._movemode_continuous__img.style.visibility='inherit'; me._movemode_continuous__imgo.style.visibility='hidden'; me.elementMouseOver['movemode_continuous']=false; } this._movemode_continuous.ontouchend=function (e) { me.elementMouseOver['movemode_continuous']=false; } this._movemode_continuous.ggUpdatePosition=function (useTransition) { } this._tt_movemode=document.createElement('div'); this._tt_movemode__text=document.createElement('div'); this._tt_movemode.className='ggskin ggskin_textdiv'; this._tt_movemode.ggTextDiv=this._tt_movemode__text; this._tt_movemode.ggId="tt_movemode"; this._tt_movemode.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_movemode.ggVisible=false; this._tt_movemode.className='ggskin ggskin_text '; this._tt_movemode.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -70px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 168px;'; hs+='pointer-events:auto;'; this._tt_movemode.setAttribute('style',hs); this._tt_movemode.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 168px;'; 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_movemode__text.setAttribute('style',hs); this._tt_movemode__text.innerHTML="Change Control"; this._tt_movemode.appendChild(this._tt_movemode__text); me._tt_movemode.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_movemode.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_movemode.ggCurrentLogicStateVisible = -1; this._tt_movemode.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['movemode_continuous'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_movemode.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_movemode.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_movemode.style[domTransition]=''; if (me._tt_movemode.ggCurrentLogicStateVisible == 0) { me._tt_movemode.style.visibility=(Number(me._tt_movemode.style.opacity)>0||!me._tt_movemode.style.opacity)?'inherit':'hidden'; me._tt_movemode.ggVisible=true; } else { me._tt_movemode.style.visibility="hidden"; me._tt_movemode.ggVisible=false; } } } this._tt_movemode.ggUpdatePosition=function (useTransition) { } this._tt_movemode_white=document.createElement('div'); this._tt_movemode_white__text=document.createElement('div'); this._tt_movemode_white.className='ggskin ggskin_textdiv'; this._tt_movemode_white.ggTextDiv=this._tt_movemode_white__text; this._tt_movemode_white.ggId="tt_movemode_white"; this._tt_movemode_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_movemode_white.ggVisible=true; this._tt_movemode_white.className='ggskin ggskin_text '; this._tt_movemode_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 168px;'; hs+='pointer-events:auto;'; this._tt_movemode_white.setAttribute('style',hs); this._tt_movemode_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 168px;'; 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_movemode_white__text.setAttribute('style',hs); this._tt_movemode_white__text.innerHTML="Change Control"; this._tt_movemode_white.appendChild(this._tt_movemode_white__text); me._tt_movemode_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_movemode_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_movemode_white.ggUpdatePosition=function (useTransition) { } this._tt_movemode.appendChild(this._tt_movemode_white); this._movemode_continuous.appendChild(this._tt_movemode); this._button_simplex_movemode.appendChild(this._movemode_continuous); this._panel.appendChild(this._button_simplex_movemode); this._button_simplex_auto_rotate=document.createElement('div'); this._button_simplex_auto_rotate.ggId="button_simplex_auto_rotate"; this._button_simplex_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_simplex_auto_rotate.ggVisible=true; this._button_simplex_auto_rotate.className='ggskin ggskin_container '; this._button_simplex_auto_rotate.ggType='container'; hs =''; hs+='height : 32px;'; hs+='left : 235px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:none;'; this._button_simplex_auto_rotate.setAttribute('style',hs); this._button_simplex_auto_rotate.style[domTransform + 'Origin']='50% 50%'; me._button_simplex_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_simplex_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_simplex_auto_rotate.ggUpdatePosition=function (useTransition) { } this._button_stop_auto_rotate=document.createElement('div'); this._button_stop_auto_rotate__img=document.createElement('img'); this._button_stop_auto_rotate__img.className='ggskin ggskin_svg'; this._button_stop_auto_rotate__img.setAttribute('src',basePath + 'images/button_stop_auto_rotate.svg'); this._button_stop_auto_rotate__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._button_stop_auto_rotate__img['ondragstart']=function() { return false; }; this._button_stop_auto_rotate.appendChild(this._button_stop_auto_rotate__img); this._button_stop_auto_rotate__imgo=document.createElement('img'); this._button_stop_auto_rotate__imgo.className='ggskin ggskin_svg'; this._button_stop_auto_rotate__imgo.setAttribute('src',basePath + 'images/button_stop_auto_rotate__o.svg'); this._button_stop_auto_rotate__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._button_stop_auto_rotate__imgo['ondragstart']=function() { return false; }; this._button_stop_auto_rotate.appendChild(this._button_stop_auto_rotate__imgo); this._button_stop_auto_rotate.ggId="button stop auto rotate"; this._button_stop_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_stop_auto_rotate.ggVisible=true; this._button_stop_auto_rotate.className='ggskin ggskin_svg '; this._button_stop_auto_rotate.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._button_stop_auto_rotate.setAttribute('style',hs); this._button_stop_auto_rotate.style[domTransform + 'Origin']='50% 50%'; me._button_stop_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_stop_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_stop_auto_rotate.onclick=function (e) { me.player.stopAutorotate(); me._button_stop_auto_rotate.style[domTransition]='none'; me._button_stop_auto_rotate.style.visibility='hidden'; me._button_stop_auto_rotate.ggVisible=false; me._button_start_auto_rotate.style[domTransition]='none'; me._button_start_auto_rotate.style.visibility=(Number(me._button_start_auto_rotate.style.opacity)>0||!me._button_start_auto_rotate.style.opacity)?'inherit':'hidden'; me._button_start_auto_rotate.ggVisible=true; } this._button_stop_auto_rotate.onmouseover=function (e) { me._button_stop_auto_rotate__img.style.visibility='hidden'; me._button_stop_auto_rotate__imgo.style.visibility='inherit'; me.elementMouseOver['button_stop_auto_rotate']=true; } this._button_stop_auto_rotate.onmouseout=function (e) { me._button_stop_auto_rotate__img.style.visibility='inherit'; me._button_stop_auto_rotate__imgo.style.visibility='hidden'; me.elementMouseOver['button_stop_auto_rotate']=false; } this._button_stop_auto_rotate.ontouchend=function (e) { me.elementMouseOver['button_stop_auto_rotate']=false; } this._button_stop_auto_rotate.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 : 36px;'; 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 Rotate"; 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['button_stop_auto_rotate'] == true) && (me.player.getIsMobile() == false) ) { 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 : -1px;'; 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 Rotate"; 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._button_stop_auto_rotate.appendChild(this._tt_stop_auto_rotate); this._button_simplex_auto_rotate.appendChild(this._button_stop_auto_rotate); this._button_start_auto_rotate=document.createElement('div'); this._button_start_auto_rotate__img=document.createElement('img'); this._button_start_auto_rotate__img.className='ggskin ggskin_svg'; this._button_start_auto_rotate__img.setAttribute('src',basePath + 'images/button_start_auto_rotate.svg'); this._button_start_auto_rotate__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._button_start_auto_rotate__img['ondragstart']=function() { return false; }; this._button_start_auto_rotate.appendChild(this._button_start_auto_rotate__img); this._button_start_auto_rotate__imgo=document.createElement('img'); this._button_start_auto_rotate__imgo.className='ggskin ggskin_svg'; this._button_start_auto_rotate__imgo.setAttribute('src',basePath + 'images/button_start_auto_rotate__o.svg'); this._button_start_auto_rotate__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._button_start_auto_rotate__imgo['ondragstart']=function() { return false; }; this._button_start_auto_rotate.appendChild(this._button_start_auto_rotate__imgo); this._button_start_auto_rotate.ggId="button start auto rotate"; this._button_start_auto_rotate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._button_start_auto_rotate.ggVisible=false; this._button_start_auto_rotate.className='ggskin ggskin_svg '; this._button_start_auto_rotate.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : hidden;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._button_start_auto_rotate.setAttribute('style',hs); this._button_start_auto_rotate.style[domTransform + 'Origin']='50% 50%'; me._button_start_auto_rotate.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._button_start_auto_rotate.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._button_start_auto_rotate.onclick=function (e) { me.player.startAutorotate("0.05"); me._button_start_auto_rotate.style[domTransition]='none'; me._button_start_auto_rotate.style.visibility='hidden'; me._button_start_auto_rotate.ggVisible=false; me._button_stop_auto_rotate.style[domTransition]='none'; me._button_stop_auto_rotate.style.visibility=(Number(me._button_stop_auto_rotate.style.opacity)>0||!me._button_stop_auto_rotate.style.opacity)?'inherit':'hidden'; me._button_stop_auto_rotate.ggVisible=true; } this._button_start_auto_rotate.onmouseover=function (e) { me._button_start_auto_rotate__img.style.visibility='hidden'; me._button_start_auto_rotate__imgo.style.visibility='inherit'; me.elementMouseOver['button_start_auto_rotate']=true; } this._button_start_auto_rotate.onmouseout=function (e) { me._button_start_auto_rotate__img.style.visibility='inherit'; me._button_start_auto_rotate__imgo.style.visibility='hidden'; me.elementMouseOver['button_start_auto_rotate']=false; } this._button_start_auto_rotate.ontouchend=function (e) { me.elementMouseOver['button_start_auto_rotate']=false; } this._button_start_auto_rotate.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 : 36px;'; 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="Rotate"; 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['button_start_auto_rotate'] == true) && (me.player.getIsMobile() == false) ) { 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 : -1px;'; 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="Rotate"; 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._button_start_auto_rotate.appendChild(this._tt_start_auto_rotate); this._button_simplex_auto_rotate.appendChild(this._button_start_auto_rotate); this._panel.appendChild(this._button_simplex_auto_rotate); this._zoomout=document.createElement('div'); this._zoomout__img=document.createElement('img'); this._zoomout__img.className='ggskin ggskin_svg'; this._zoomout__img.setAttribute('src',basePath + 'images/zoomout.svg'); this._zoomout__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._zoomout__img['ondragstart']=function() { return false; }; this._zoomout.appendChild(this._zoomout__img); this._zoomout__imgo=document.createElement('img'); this._zoomout__imgo.className='ggskin ggskin_svg'; this._zoomout__imgo.setAttribute('src',basePath + 'images/zoomout__o.svg'); this._zoomout__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._zoomout__imgo['ondragstart']=function() { return false; }; this._zoomout.appendChild(this._zoomout__imgo); this._zoomout.ggId="zoomout"; this._zoomout.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._zoomout.ggVisible=true; this._zoomout.className='ggskin ggskin_svg '; this._zoomout.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 200px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._zoomout.setAttribute('style',hs); this._zoomout.style[domTransform + 'Origin']='50% 50%'; me._zoomout.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._zoomout.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._zoomout.onmouseover=function (e) { me._zoomout__img.style.visibility='hidden'; me._zoomout__imgo.style.visibility='inherit'; me.elementMouseOver['zoomout']=true; } this._zoomout.onmouseout=function (e) { me._zoomout__img.style.visibility='inherit'; me._zoomout__imgo.style.visibility='hidden'; me.elementMouseDown['zoomout']=false; me.elementMouseOver['zoomout']=false; } this._zoomout.onmousedown=function (e) { me.elementMouseDown['zoomout']=true; } this._zoomout.onmouseup=function (e) { me.elementMouseDown['zoomout']=false; } this._zoomout.ontouchend=function (e) { me.elementMouseDown['zoomout']=false; me.elementMouseOver['zoomout']=false; } this._zoomout.ggUpdatePosition=function (useTransition) { } this._tt_zoomout=document.createElement('div'); this._tt_zoomout__text=document.createElement('div'); this._tt_zoomout.className='ggskin ggskin_textdiv'; this._tt_zoomout.ggTextDiv=this._tt_zoomout__text; this._tt_zoomout.ggId="tt_zoomout"; this._tt_zoomout.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_zoomout.ggVisible=false; this._tt_zoomout.className='ggskin ggskin_text '; this._tt_zoomout.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -55px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_zoomout.setAttribute('style',hs); this._tt_zoomout.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_zoomout__text.setAttribute('style',hs); this._tt_zoomout__text.innerHTML="Zoom Out"; this._tt_zoomout.appendChild(this._tt_zoomout__text); me._tt_zoomout.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_zoomout.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_zoomout.ggCurrentLogicStateVisible = -1; this._tt_zoomout.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['zoomout'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_zoomout.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_zoomout.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_zoomout.style[domTransition]=''; if (me._tt_zoomout.ggCurrentLogicStateVisible == 0) { me._tt_zoomout.style.visibility=(Number(me._tt_zoomout.style.opacity)>0||!me._tt_zoomout.style.opacity)?'inherit':'hidden'; me._tt_zoomout.ggVisible=true; } else { me._tt_zoomout.style.visibility="hidden"; me._tt_zoomout.ggVisible=false; } } } this._tt_zoomout.ggUpdatePosition=function (useTransition) { } this._tt_zoomout_white=document.createElement('div'); this._tt_zoomout_white__text=document.createElement('div'); this._tt_zoomout_white.className='ggskin ggskin_textdiv'; this._tt_zoomout_white.ggTextDiv=this._tt_zoomout_white__text; this._tt_zoomout_white.ggId="tt_zoomout_white"; this._tt_zoomout_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_zoomout_white.ggVisible=true; this._tt_zoomout_white.className='ggskin ggskin_text '; this._tt_zoomout_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_zoomout_white.setAttribute('style',hs); this._tt_zoomout_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_zoomout_white__text.setAttribute('style',hs); this._tt_zoomout_white__text.innerHTML="Zoom Out"; this._tt_zoomout_white.appendChild(this._tt_zoomout_white__text); me._tt_zoomout_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_zoomout_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_zoomout_white.ggUpdatePosition=function (useTransition) { } this._tt_zoomout.appendChild(this._tt_zoomout_white); this._zoomout.appendChild(this._tt_zoomout); this._panel.appendChild(this._zoomout); this._zoomin=document.createElement('div'); this._zoomin__img=document.createElement('img'); this._zoomin__img.className='ggskin ggskin_svg'; this._zoomin__img.setAttribute('src',basePath + 'images/zoomin.svg'); this._zoomin__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._zoomin__img['ondragstart']=function() { return false; }; this._zoomin.appendChild(this._zoomin__img); this._zoomin__imgo=document.createElement('img'); this._zoomin__imgo.className='ggskin ggskin_svg'; this._zoomin__imgo.setAttribute('src',basePath + 'images/zoomin__o.svg'); this._zoomin__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._zoomin__imgo['ondragstart']=function() { return false; }; this._zoomin.appendChild(this._zoomin__imgo); this._zoomin.ggId="zoomin"; this._zoomin.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._zoomin.ggVisible=true; this._zoomin.className='ggskin ggskin_svg '; this._zoomin.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 165px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._zoomin.setAttribute('style',hs); this._zoomin.style[domTransform + 'Origin']='50% 50%'; me._zoomin.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._zoomin.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._zoomin.onmouseover=function (e) { me._zoomin__img.style.visibility='hidden'; me._zoomin__imgo.style.visibility='inherit'; me.elementMouseOver['zoomin']=true; } this._zoomin.onmouseout=function (e) { me._zoomin__img.style.visibility='inherit'; me._zoomin__imgo.style.visibility='hidden'; me.elementMouseDown['zoomin']=false; me.elementMouseOver['zoomin']=false; } this._zoomin.onmousedown=function (e) { me.elementMouseDown['zoomin']=true; } this._zoomin.onmouseup=function (e) { me.elementMouseDown['zoomin']=false; } this._zoomin.ontouchend=function (e) { me.elementMouseDown['zoomin']=false; me.elementMouseOver['zoomin']=false; } this._zoomin.ggUpdatePosition=function (useTransition) { } this._tt_zoomin=document.createElement('div'); this._tt_zoomin__text=document.createElement('div'); this._tt_zoomin.className='ggskin ggskin_textdiv'; this._tt_zoomin.ggTextDiv=this._tt_zoomin__text; this._tt_zoomin.ggId="tt_zoomin"; this._tt_zoomin.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_zoomin.ggVisible=false; this._tt_zoomin.className='ggskin ggskin_text '; this._tt_zoomin.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -55px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_zoomin.setAttribute('style',hs); this._tt_zoomin.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_zoomin__text.setAttribute('style',hs); this._tt_zoomin__text.innerHTML="Zoom In"; this._tt_zoomin.appendChild(this._tt_zoomin__text); me._tt_zoomin.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_zoomin.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_zoomin.ggCurrentLogicStateVisible = -1; this._tt_zoomin.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['zoomin'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_zoomin.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_zoomin.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_zoomin.style[domTransition]=''; if (me._tt_zoomin.ggCurrentLogicStateVisible == 0) { me._tt_zoomin.style.visibility=(Number(me._tt_zoomin.style.opacity)>0||!me._tt_zoomin.style.opacity)?'inherit':'hidden'; me._tt_zoomin.ggVisible=true; } else { me._tt_zoomin.style.visibility="hidden"; me._tt_zoomin.ggVisible=false; } } } this._tt_zoomin.ggUpdatePosition=function (useTransition) { } this._tt_zoomin_white=document.createElement('div'); this._tt_zoomin_white__text=document.createElement('div'); this._tt_zoomin_white.className='ggskin ggskin_textdiv'; this._tt_zoomin_white.ggTextDiv=this._tt_zoomin_white__text; this._tt_zoomin_white.ggId="tt_zoomin_white"; this._tt_zoomin_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_zoomin_white.ggVisible=true; this._tt_zoomin_white.className='ggskin ggskin_text '; this._tt_zoomin_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tt_zoomin_white.setAttribute('style',hs); this._tt_zoomin_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_zoomin_white__text.setAttribute('style',hs); this._tt_zoomin_white__text.innerHTML="Zoom In"; this._tt_zoomin_white.appendChild(this._tt_zoomin_white__text); me._tt_zoomin_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_zoomin_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_zoomin_white.ggUpdatePosition=function (useTransition) { } this._tt_zoomin.appendChild(this._tt_zoomin_white); this._zoomin.appendChild(this._tt_zoomin); this._panel.appendChild(this._zoomin); this._right=document.createElement('div'); this._right__img=document.createElement('img'); this._right__img.className='ggskin ggskin_svg'; this._right__img.setAttribute('src',basePath + 'images/right.svg'); this._right__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._right__img['ondragstart']=function() { return false; }; this._right.appendChild(this._right__img); this._right__imgo=document.createElement('img'); this._right__imgo.className='ggskin ggskin_svg'; this._right__imgo.setAttribute('src',basePath + 'images/right__o.svg'); this._right__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._right__imgo['ondragstart']=function() { return false; }; this._right.appendChild(this._right__imgo); this._right.ggId="right"; this._right.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._right.ggVisible=true; this._right.className='ggskin ggskin_svg '; this._right.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 130px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._right.setAttribute('style',hs); this._right.style[domTransform + 'Origin']='50% 50%'; me._right.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._right.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._right.onmouseover=function (e) { me._right__img.style.visibility='hidden'; me._right__imgo.style.visibility='inherit'; } this._right.onmouseout=function (e) { me._right__img.style.visibility='inherit'; me._right__imgo.style.visibility='hidden'; me.elementMouseDown['right']=false; } this._right.onmousedown=function (e) { me.elementMouseDown['right']=true; } this._right.onmouseup=function (e) { me.elementMouseDown['right']=false; } this._right.ontouchend=function (e) { me.elementMouseDown['right']=false; } this._right.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._right); this._down=document.createElement('div'); this._down__img=document.createElement('img'); this._down__img.className='ggskin ggskin_svg'; this._down__img.setAttribute('src',basePath + 'images/down.svg'); this._down__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._down__img['ondragstart']=function() { return false; }; this._down.appendChild(this._down__img); this._down__imgo=document.createElement('img'); this._down__imgo.className='ggskin ggskin_svg'; this._down__imgo.setAttribute('src',basePath + 'images/down__o.svg'); this._down__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._down__imgo['ondragstart']=function() { return false; }; this._down.appendChild(this._down__imgo); this._down.ggId="down"; this._down.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._down.ggVisible=true; this._down.className='ggskin ggskin_svg '; this._down.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 100px;'; hs+='position : absolute;'; hs+='top : 25px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._down.setAttribute('style',hs); this._down.style[domTransform + 'Origin']='50% 50%'; me._down.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._down.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._down.onmouseover=function (e) { me._down__img.style.visibility='hidden'; me._down__imgo.style.visibility='inherit'; } this._down.onmouseout=function (e) { me._down__img.style.visibility='inherit'; me._down__imgo.style.visibility='hidden'; me.elementMouseDown['down']=false; } this._down.onmousedown=function (e) { me.elementMouseDown['down']=true; } this._down.onmouseup=function (e) { me.elementMouseDown['down']=false; } this._down.ontouchend=function (e) { me.elementMouseDown['down']=false; } this._down.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._down); this._up=document.createElement('div'); this._up__img=document.createElement('img'); this._up__img.className='ggskin ggskin_svg'; this._up__img.setAttribute('src',basePath + 'images/up.svg'); this._up__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._up__img['ondragstart']=function() { return false; }; this._up.appendChild(this._up__img); this._up__imgo=document.createElement('img'); this._up__imgo.className='ggskin ggskin_svg'; this._up__imgo.setAttribute('src',basePath + 'images/up__o.svg'); this._up__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._up__imgo['ondragstart']=function() { return false; }; this._up.appendChild(this._up__imgo); this._up.ggId="up"; this._up.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._up.ggVisible=true; this._up.className='ggskin ggskin_svg '; this._up.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 100px;'; hs+='position : absolute;'; hs+='top : -5px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._up.setAttribute('style',hs); this._up.style[domTransform + 'Origin']='50% 50%'; me._up.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._up.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._up.onmouseover=function (e) { me._up__img.style.visibility='hidden'; me._up__imgo.style.visibility='inherit'; } this._up.onmouseout=function (e) { me._up__img.style.visibility='inherit'; me._up__imgo.style.visibility='hidden'; me.elementMouseDown['up']=false; } this._up.onmousedown=function (e) { me.elementMouseDown['up']=true; } this._up.onmouseup=function (e) { me.elementMouseDown['up']=false; } this._up.ontouchend=function (e) { me.elementMouseDown['up']=false; } this._up.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._up); this._left=document.createElement('div'); this._left__img=document.createElement('img'); this._left__img.className='ggskin ggskin_svg'; this._left__img.setAttribute('src',basePath + 'images/left.svg'); this._left__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._left__img['ondragstart']=function() { return false; }; this._left.appendChild(this._left__img); this._left__imgo=document.createElement('img'); this._left__imgo.className='ggskin ggskin_svg'; this._left__imgo.setAttribute('src',basePath + 'images/left__o.svg'); this._left__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._left__imgo['ondragstart']=function() { return false; }; this._left.appendChild(this._left__imgo); this._left.ggId="left"; this._left.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._left.ggVisible=true; this._left.className='ggskin ggskin_svg '; this._left.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 70px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._left.setAttribute('style',hs); this._left.style[domTransform + 'Origin']='50% 50%'; me._left.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._left.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._left.onmouseover=function (e) { me._left__img.style.visibility='hidden'; me._left__imgo.style.visibility='inherit'; } this._left.onmouseout=function (e) { me._left__img.style.visibility='inherit'; me._left__imgo.style.visibility='hidden'; me.elementMouseDown['left']=false; } this._left.onmousedown=function (e) { me.elementMouseDown['left']=true; } this._left.onmouseup=function (e) { me.elementMouseDown['left']=false; } this._left.ontouchend=function (e) { me.elementMouseDown['left']=false; } this._left.ggUpdatePosition=function (useTransition) { } this._panel.appendChild(this._left); this._pano_next=document.createElement('div'); this._pano_next__img=document.createElement('img'); this._pano_next__img.className='ggskin ggskin_svg'; this._pano_next__img.setAttribute('src',basePath + 'images/pano_next.svg'); this._pano_next__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._pano_next__img['ondragstart']=function() { return false; }; this._pano_next.appendChild(this._pano_next__img); this._pano_next__imgo=document.createElement('img'); this._pano_next__imgo.className='ggskin ggskin_svg'; this._pano_next__imgo.setAttribute('src',basePath + 'images/pano_next__o.svg'); this._pano_next__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._pano_next__imgo['ondragstart']=function() { return false; }; this._pano_next.appendChild(this._pano_next__imgo); this._pano_next.ggId="Pano Next"; this._pano_next.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._pano_next.ggVisible=true; this._pano_next.className='ggskin ggskin_svg '; this._pano_next.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 35px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._pano_next.setAttribute('style',hs); this._pano_next.style[domTransform + 'Origin']='50% 50%'; me._pano_next.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._pano_next.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._pano_next.onclick=function (e) { me.player.openNext("{"+me.player.getNextNode()+"}",""); } this._pano_next.onmouseover=function (e) { me._pano_next__img.style.visibility='hidden'; me._pano_next__imgo.style.visibility='inherit'; me.elementMouseOver['pano_next']=true; } this._pano_next.onmouseout=function (e) { me._pano_next__img.style.visibility='inherit'; me._pano_next__imgo.style.visibility='hidden'; me.elementMouseOver['pano_next']=false; } this._pano_next.ontouchend=function (e) { me.elementMouseOver['pano_next']=false; } this._pano_next.ggUpdatePosition=function (useTransition) { } this._tt_next=document.createElement('div'); this._tt_next__text=document.createElement('div'); this._tt_next.className='ggskin ggskin_textdiv'; this._tt_next.ggTextDiv=this._tt_next__text; this._tt_next.ggId="tt_next"; this._tt_next.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_next.ggVisible=false; this._tt_next.className='ggskin ggskin_text '; this._tt_next.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 98px;'; hs+='pointer-events:auto;'; this._tt_next.setAttribute('style',hs); this._tt_next.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 98px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_next__text.setAttribute('style',hs); this._tt_next__text.innerHTML="Next"; this._tt_next.appendChild(this._tt_next__text); me._tt_next.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_next.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_next.ggCurrentLogicStateVisible = -1; this._tt_next.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['pano_next'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_next.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_next.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_next.style[domTransition]=''; if (me._tt_next.ggCurrentLogicStateVisible == 0) { me._tt_next.style.visibility=(Number(me._tt_next.style.opacity)>0||!me._tt_next.style.opacity)?'inherit':'hidden'; me._tt_next.ggVisible=true; } else { me._tt_next.style.visibility="hidden"; me._tt_next.ggVisible=false; } } } this._tt_next.ggUpdatePosition=function (useTransition) { } this._tt_next_white=document.createElement('div'); this._tt_next_white__text=document.createElement('div'); this._tt_next_white.className='ggskin ggskin_textdiv'; this._tt_next_white.ggTextDiv=this._tt_next_white__text; this._tt_next_white.ggId="tt_next_white"; this._tt_next_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_next_white.ggVisible=true; this._tt_next_white.className='ggskin ggskin_text '; this._tt_next_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 98px;'; hs+='pointer-events:auto;'; this._tt_next_white.setAttribute('style',hs); this._tt_next_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 98px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_next_white__text.setAttribute('style',hs); this._tt_next_white__text.innerHTML="Next"; this._tt_next_white.appendChild(this._tt_next_white__text); me._tt_next_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_next_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_next_white.ggUpdatePosition=function (useTransition) { } this._tt_next.appendChild(this._tt_next_white); this._pano_next.appendChild(this._tt_next); this._panel.appendChild(this._pano_next); this._pano_prev=document.createElement('div'); this._pano_prev__img=document.createElement('img'); this._pano_prev__img.className='ggskin ggskin_svg'; this._pano_prev__img.setAttribute('src',basePath + 'images/pano_prev.svg'); this._pano_prev__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._pano_prev__img['ondragstart']=function() { return false; }; this._pano_prev.appendChild(this._pano_prev__img); this._pano_prev__imgo=document.createElement('img'); this._pano_prev__imgo.className='ggskin ggskin_svg'; this._pano_prev__imgo.setAttribute('src',basePath + 'images/pano_prev__o.svg'); this._pano_prev__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._pano_prev__imgo['ondragstart']=function() { return false; }; this._pano_prev.appendChild(this._pano_prev__imgo); this._pano_prev.ggId="Pano Prev"; this._pano_prev.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._pano_prev.ggVisible=true; this._pano_prev.className='ggskin ggskin_svg '; this._pano_prev.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._pano_prev.setAttribute('style',hs); this._pano_prev.style[domTransform + 'Origin']='50% 50%'; me._pano_prev.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._pano_prev.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._pano_prev.onclick=function (e) { me.player.openNext("{"+me.player.getPrevNode()+"}",""); } this._pano_prev.onmouseover=function (e) { me._pano_prev__img.style.visibility='hidden'; me._pano_prev__imgo.style.visibility='inherit'; me.elementMouseOver['pano_prev']=true; } this._pano_prev.onmouseout=function (e) { me._pano_prev__img.style.visibility='inherit'; me._pano_prev__imgo.style.visibility='hidden'; me.elementMouseOver['pano_prev']=false; } this._pano_prev.ontouchend=function (e) { me.elementMouseOver['pano_prev']=false; } this._pano_prev.ggUpdatePosition=function (useTransition) { } this._tt_prev=document.createElement('div'); this._tt_prev__text=document.createElement('div'); this._tt_prev.className='ggskin ggskin_textdiv'; this._tt_prev.ggTextDiv=this._tt_prev__text; this._tt_prev.ggId="tt_prev"; this._tt_prev.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_prev.ggVisible=false; this._tt_prev.className='ggskin ggskin_text '; this._tt_prev.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 36px;'; hs+='visibility : hidden;'; hs+='width : 98px;'; hs+='pointer-events:auto;'; this._tt_prev.setAttribute('style',hs); this._tt_prev.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 98px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_prev__text.setAttribute('style',hs); this._tt_prev__text.innerHTML="Previous"; this._tt_prev.appendChild(this._tt_prev__text); me._tt_prev.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_prev.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._tt_prev.ggCurrentLogicStateVisible = -1; this._tt_prev.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['pano_prev'] == true) && (me.player.getIsMobile() == false) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_prev.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_prev.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_prev.style[domTransition]=''; if (me._tt_prev.ggCurrentLogicStateVisible == 0) { me._tt_prev.style.visibility=(Number(me._tt_prev.style.opacity)>0||!me._tt_prev.style.opacity)?'inherit':'hidden'; me._tt_prev.ggVisible=true; } else { me._tt_prev.style.visibility="hidden"; me._tt_prev.ggVisible=false; } } } this._tt_prev.ggUpdatePosition=function (useTransition) { } this._tt_prev_white=document.createElement('div'); this._tt_prev_white__text=document.createElement('div'); this._tt_prev_white.className='ggskin ggskin_textdiv'; this._tt_prev_white.ggTextDiv=this._tt_prev_white__text; this._tt_prev_white.ggId="tt_prev_white"; this._tt_prev_white.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_prev_white.ggVisible=true; this._tt_prev_white.className='ggskin ggskin_text '; this._tt_prev_white.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 98px;'; hs+='pointer-events:auto;'; this._tt_prev_white.setAttribute('style',hs); this._tt_prev_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 98px;'; hs+='height: 18px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._tt_prev_white__text.setAttribute('style',hs); this._tt_prev_white__text.innerHTML="Previous"; this._tt_prev_white.appendChild(this._tt_prev_white__text); me._tt_prev_white.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_prev_white.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._tt_prev_white.ggUpdatePosition=function (useTransition) { } this._tt_prev.appendChild(this._tt_prev_white); this._pano_prev.appendChild(this._tt_prev); this._panel.appendChild(this._pano_prev); this.divSkin.appendChild(this._panel); this._panel_show_icon=document.createElement('div'); this._panel_show_icon__img=document.createElement('img'); this._panel_show_icon__img.className='ggskin ggskin_svg'; this._panel_show_icon__img.setAttribute('src',basePath + 'images/panel_show_icon.svg'); this._panel_show_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._panel_show_icon__img['ondragstart']=function() { return false; }; this._panel_show_icon.appendChild(this._panel_show_icon__img); this._panel_show_icon.ggId="panel_show_icon"; this._panel_show_icon.ggLeft=-16; this._panel_show_icon.ggTop=-42; this._panel_show_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._panel_show_icon.ggVisible=true; this._panel_show_icon.className='ggskin ggskin_svg '; this._panel_show_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : -16px;'; hs+='position : absolute;'; hs+='top : -42px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._panel_show_icon.setAttribute('style',hs); this._panel_show_icon.style[domTransform + 'Origin']='50% 50%'; me._panel_show_icon.ggIsActive=function() { return false; } me._panel_show_icon.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._panel_show_icon.onclick=function (e) { ggSkinVars['panel_show'] = ggSkinVars['panel_show'] + Number("1"); ggSkinVars['panel_show'] = ggSkinVars['panel_show'] % Number("2"); } this._panel_show_icon.onmouseover=function (e) { me.elementMouseOver['panel_show_icon']=true; } this._panel_show_icon.onmouseout=function (e) { me.elementMouseOver['panel_show_icon']=false; } this._panel_show_icon.ontouchend=function (e) { me.elementMouseOver['panel_show_icon']=false; } me._panel_show_icon.ggCurrentLogicStateScaling = -1; me._panel_show_icon.ggCurrentLogicStateVisible = -1; this._panel_show_icon.ggUpdateConditionTimer=function () { var newLogicStateScaling; if ( (me.elementMouseOver['panel_show_icon'] == true) ) { newLogicStateScaling = 0; } else { newLogicStateScaling = -1; } if (me._panel_show_icon.ggCurrentLogicStateScaling != newLogicStateScaling) { me._panel_show_icon.ggCurrentLogicStateScaling = newLogicStateScaling; me._panel_show_icon.style[domTransition]='' + cssPrefix + 'transform none'; if (me._panel_show_icon.ggCurrentLogicStateScaling == 0) { me._panel_show_icon.ggParameter.sx = 1.2; me._panel_show_icon.ggParameter.sy = 1.2; me._panel_show_icon.style[domTransform]=parameterToTransform(me._panel_show_icon.ggParameter); } else { me._panel_show_icon.ggParameter.sx = 1; me._panel_show_icon.ggParameter.sy = 1; me._panel_show_icon.style[domTransform]=parameterToTransform(me._panel_show_icon.ggParameter); } } var newLogicStateVisible; if ( (ggSkinVars['panel_show'] > 0) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._panel_show_icon.ggCurrentLogicStateVisible != newLogicStateVisible) { me._panel_show_icon.ggCurrentLogicStateVisible = newLogicStateVisible; me._panel_show_icon.style[domTransition]='' + cssPrefix + 'transform none'; if (me._panel_show_icon.ggCurrentLogicStateVisible == 0) { me._panel_show_icon.style.visibility="hidden"; me._panel_show_icon.ggVisible=false; } else { me._panel_show_icon.style.visibility=(Number(me._panel_show_icon.style.opacity)>0||!me._panel_show_icon.style.opacity)?'inherit':'hidden'; me._panel_show_icon.ggVisible=true; } } } this._panel_show_icon.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w/2) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h) + 'px'; } } this.divSkin.appendChild(this._panel_show_icon); this._info=document.createElement('div'); this._info.ggId="info"; this._info.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._info.ggVisible=true; this._info.className='ggskin ggskin_container '; this._info.ggType='container'; hs =''; hs+='height : 100%;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 100%;'; hs+='pointer-events:none;'; this._info.setAttribute('style',hs); this._info.style[domTransform + 'Origin']='50% 50%'; me._info.ggIsActive=function() { return false; } me._info.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._info.onclick=function (e) { me._info.ggVisible = !me._info.ggVisible; var flag=me._info.ggVisible; me._info.style[domTransition]='none'; me._info.style.visibility=((flag)&&(Number(me._info.style.opacity)>0||!me._info.style.opacity))?'inherit':'hidden'; me.player.startAutorotate("0.05"); } this._info.ggUpdatePosition=function (useTransition) { } this._info_screentint=document.createElement('div'); this._info_screentint.ggId="info_screentint"; this._info_screentint.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._info_screentint.ggVisible=true; this._info_screentint.className='ggskin ggskin_rectangle '; this._info_screentint.ggType='rectangle'; hs =''; hs+='background : rgba(0,0,0,0.509804);'; hs+='border : 1px solid #000000;'; hs+='cursor : default;'; hs+='height : 100%;'; hs+='left : 0px;'; hs+='opacity : 0.7;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 100%;'; hs+='pointer-events:auto;'; this._info_screentint.setAttribute('style',hs); this._info_screentint.style[domTransform + 'Origin']='50% 50%'; me._info_screentint.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._info_screentint.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._info_screentint.ggUpdatePosition=function (useTransition) { } this._info.appendChild(this._info_screentint); this._info_text=document.createElement('div'); this._info_text__text=document.createElement('div'); this._info_text.className='ggskin ggskin_textdiv'; this._info_text.ggTextDiv=this._info_text__text; this._info_text.ggId="info_text"; this._info_text.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._info_text.ggVisible=true; this._info_text.className='ggskin ggskin_text '; this._info_text.ggType='text'; hs =''; hs+='cursor : pointer;'; hs+='height : 50%;'; hs+='left : 25%;'; hs+='position : absolute;'; hs+='top : 25%;'; hs+='visibility : inherit;'; hs+='width : 50%;'; hs+='pointer-events:auto;'; hs+='font-size:12px;'; this._info_text.setAttribute('style',hs); this._info_text.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 100%;'; hs+='height: 100%;'; hs+='background: #000000;'; hs+='border: 1px solid #000000;'; hs+='border-radius: 10px;'; hs+=cssPrefix + 'border-radius: 10px;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 2px 3px 2px 3px;'; hs+='overflow: hidden;'; hs+='overflow-y: auto;'; this._info_text__text.setAttribute('style',hs); this._info_text.ggUpdateText=function() { var hs=me.ggUserdata.source+""+me.ggUserdata.title+""+me.ggUserdata.datetime+""+me.ggUserdata.description+""+me.ggUserdata.information+""+me.ggUserdata.author+""+me.ggUserdata.copyright+"Click to continue"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._info_text.ggUpdateText(); this._info_text.appendChild(this._info_text__text); me._info_text.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._info_text.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._info_text.ggUpdatePosition=function (useTransition) { } this._info_x=document.createElement('div'); this._info_x__text=document.createElement('div'); this._info_x.className='ggskin ggskin_textdiv'; this._info_x.ggTextDiv=this._info_x__text; this._info_x.ggId="info_x"; this._info_x.ggLeft=-33; this._info_x.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._info_x.ggVisible=true; this._info_x.className='ggskin ggskin_text '; this._info_x.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : -34px;'; hs+='position : absolute;'; hs+='top : 3px;'; hs+='visibility : inherit;'; hs+='width : 18px;'; hs+='pointer-events:auto;'; this._info_x.setAttribute('style',hs); this._info_x.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 18px;'; hs+='height: 20px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: right;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._info_x__text.setAttribute('style',hs); this._info_x__text.innerHTML="X"; this._info_x.appendChild(this._info_x__text); me._info_x.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._info_x.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._info_x.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 1 + w) + 'px'; } } this._info_text.appendChild(this._info_x); this._info.appendChild(this._info_text); this.divSkin.appendChild(this._info); this._hide_template_timers=document.createElement('div'); this._hide_template_timers.ggId="hide_template_timers"; this._hide_template_timers.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hide_template_timers.ggVisible=false; this._hide_template_timers.className='ggskin ggskin_container '; this._hide_template_timers.ggType='container'; hs =''; hs+='height : 59px;'; hs+='left : 0px;'; hs+='overflow : hidden;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : hidden;'; hs+='width : 171px;'; hs+='pointer-events:none;'; this._hide_template_timers.setAttribute('style',hs); this._hide_template_timers.style[domTransform + 'Origin']='50% 50%'; me._hide_template_timers.ggIsActive=function() { return false; } me._hide_template_timers.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._hide_template_timers.ggUpdatePosition=function (useTransition) { } this._markertemplate=document.createElement('div'); this._markertemplate.ggMarkerNodeId=''; nodeMarker.push(this._markertemplate); this._markertemplate.ggId="markertemplate"; this._markertemplate.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._markertemplate.ggVisible=true; this._markertemplate.className='ggskin ggskin_mark '; this._markertemplate.ggType='mark'; hs =''; hs+='height : 5px;'; hs+='left : 60px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 5px;'; hs+='pointer-events:auto;'; this._markertemplate.setAttribute('style',hs); this._markertemplate.style[domTransform + 'Origin']='50% 50%'; me._markertemplate.ggIsActive=function() { return this.ggIsMarkerActive==true; } me._markertemplate.ggElementNodeId=function() { var hs=String(this.ggMarkerNodeId); if (hs.charAt(0)=='{') { return hs.substr(1, hs.length - 2); } return ''; } this._markertemplate.onmouseover=function (e) { me._marker_title.style[domTransition]='none'; me._marker_title.style.visibility=(Number(me._marker_title.style.opacity)>0||!me._marker_title.style.opacity)?'inherit':'hidden'; me._marker_title.ggVisible=true; } this._markertemplate.onmouseout=function (e) { me._marker_title.style[domTransition]='none'; me._marker_title.style.visibility='hidden'; me._marker_title.ggVisible=false; } this._markertemplate.ggUpdateConditionNodeChange=function () { me._markertemplate__normal.ggNodeChangeMain(); me._markertemplate__active.ggNodeChangeMain(); } this._markertemplate.ggUpdatePosition=function (useTransition) { } this._markertemplate.ggNodeChange=function () { me._markertemplate.ggUpdateConditionNodeChange(); } this._marker_title=document.createElement('div'); this._marker_title__text=document.createElement('div'); this._marker_title.className='ggskin ggskin_textdiv'; this._marker_title.ggTextDiv=this._marker_title__text; this._marker_title.ggId="marker_title"; this._marker_title.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._marker_title.ggVisible=false; this._marker_title.className='ggskin ggskin_text '; this._marker_title.ggType='text'; hs =''; hs+='height : 17px;'; hs+='left : -60px;'; hs+='position : absolute;'; hs+='top : 35px;'; hs+='visibility : hidden;'; hs+='width : 145px;'; hs+='pointer-events:auto;'; this._marker_title.setAttribute('style',hs); this._marker_title.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: #ffffff;'; hs+='background: rgba(255,255,255,0.705882);'; hs+='border: 1px solid #000000;'; hs+='border-radius: 5px;'; hs+=cssPrefix + 'border-radius: 5px;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 1px 2px 1px 2px;'; hs+='overflow: hidden;'; this._marker_title__text.setAttribute('style',hs); this._marker_title.ggUpdateText=function() { var hs=me.ggUserdata.title; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._marker_title.ggUpdateText(); this._marker_title.appendChild(this._marker_title__text); me._marker_title.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._marker_title.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._marker_title.ggUpdatePosition=function (useTransition) { this.style[domTransition]='none'; this.ggTextDiv.style.left=((149-this.ggTextDiv.offsetWidth)/2) + 'px'; } this._markertemplate.appendChild(this._marker_title); this._hide_template_timers.appendChild(this._markertemplate); this.divSkin.appendChild(this._hide_template_timers); this._loading=document.createElement('div'); this._loading.ggId="loading"; this._loading.ggLeft=-105; this._loading.ggTop=-30; this._loading.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loading.ggVisible=true; this._loading.className='ggskin ggskin_container '; this._loading.ggType='container'; hs =''; hs+='height : 60px;'; hs+='left : -105px;'; hs+='position : absolute;'; hs+='top : -30px;'; hs+='visibility : inherit;'; hs+='width : 210px;'; hs+='pointer-events:none;'; this._loading.setAttribute('style',hs); this._loading.style[domTransform + 'Origin']='50% 50%'; me._loading.ggIsActive=function() { return false; } me._loading.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._loading.onclick=function (e) { me._loading.style[domTransition]='none'; me._loading.style.visibility='hidden'; me._loading.ggVisible=false; } this._loading.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w/2) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h/2) + 'px'; } } this._loadingbg=document.createElement('div'); this._loadingbg.ggId="loadingbg"; this._loadingbg.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loadingbg.ggVisible=true; this._loadingbg.className='ggskin ggskin_rectangle '; this._loadingbg.ggType='rectangle'; hs =''; hs+=cssPrefix + 'border-radius : 10px;'; hs+='border-radius : 10px;'; hs+='background : rgba(0,0,0,0.509804);'; hs+='border : 2px solid #ffffff;'; hs+='cursor : default;'; hs+='height : 58px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 208px;'; hs+='pointer-events:auto;'; this._loadingbg.setAttribute('style',hs); this._loadingbg.style[domTransform + 'Origin']='50% 50%'; me._loadingbg.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._loadingbg.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._loadingbg.ggUpdatePosition=function (useTransition) { } this._loading.appendChild(this._loadingbg); this._loadingtext=document.createElement('div'); this._loadingtext__text=document.createElement('div'); this._loadingtext.className='ggskin ggskin_textdiv'; this._loadingtext.ggTextDiv=this._loadingtext__text; this._loadingtext.ggId="loadingtext"; this._loadingtext.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loadingtext.ggVisible=true; this._loadingtext.className='ggskin ggskin_text '; this._loadingtext.ggType='text'; hs =''; hs+='height : 23px;'; hs+='left : 16px;'; hs+='position : absolute;'; hs+='top : 12px;'; hs+='visibility : inherit;'; hs+='width : 176px;'; hs+='pointer-events:auto;'; this._loadingtext.setAttribute('style',hs); this._loadingtext.style[domTransform + 'Origin']='0% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: auto;'; hs+='height: auto;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: left;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; this._loadingtext__text.setAttribute('style',hs); this._loadingtext.ggUpdateText=function() { var hs="Loading... "+(me.player.getPercentLoaded()*100.0).toFixed(0)+"%"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._loadingtext.ggUpdateText(); this._loadingtext.appendChild(this._loadingtext__text); me._loadingtext.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._loadingtext.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._loadingtext.ggUpdatePosition=function (useTransition) { } this._loading.appendChild(this._loadingtext); this._loadingbar=document.createElement('div'); this._loadingbar.ggId="loadingbar"; this._loadingbar.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loadingbar.ggVisible=true; this._loadingbar.className='ggskin ggskin_rectangle '; this._loadingbar.ggType='rectangle'; hs =''; hs+=cssPrefix + 'border-radius : 5px;'; hs+='border-radius : 5px;'; hs+='background : #ffffff;'; hs+='border : 1px solid #808080;'; hs+='cursor : default;'; hs+='height : 12px;'; hs+='left : 15px;'; hs+='position : absolute;'; hs+='top : 35px;'; hs+='visibility : inherit;'; hs+='width : 181px;'; hs+='pointer-events:auto;'; this._loadingbar.setAttribute('style',hs); this._loadingbar.style[domTransform + 'Origin']='0% 50%'; me._loadingbar.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._loadingbar.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._loadingbar.ggUpdatePosition=function (useTransition) { } this._loading.appendChild(this._loadingbar); this.divSkin.appendChild(this._loading); this._image_popup=document.createElement('div'); this._image_popup.ggId="image_popup"; this._image_popup.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._image_popup.ggVisible=false; this._image_popup.className='ggskin ggskin_container '; this._image_popup.ggType='container'; hs =''; hs+='height : 80%;'; hs+='left : 10%;'; hs+='position : absolute;'; hs+='top : 10%;'; hs+='visibility : hidden;'; hs+='width : 80%;'; hs+='pointer-events:none;'; this._image_popup.setAttribute('style',hs); this._image_popup.style[domTransform + 'Origin']='50% 50%'; me._image_popup.ggIsActive=function() { return false; } me._image_popup.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._image_popup.onclick=function (e) { me._image_popup.style[domTransition]='none'; me._image_popup.style.visibility='hidden'; me._image_popup.ggVisible=false; me._popup_image.ggText=""; me._popup_image__img.src=me._popup_image.ggText; } this._image_popup.ggUpdatePosition=function (useTransition) { } this._loading_image=document.createElement('div'); this._loading_image__img=document.createElement('img'); this._loading_image__img.className='ggskin ggskin_svg'; this._loading_image__img.setAttribute('src',basePath + 'images/loading_image.svg'); this._loading_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._loading_image__img['ondragstart']=function() { return false; }; this._loading_image.appendChild(this._loading_image__img); this._loading_image.ggId="loading_image"; this._loading_image.ggLeft=-20; this._loading_image.ggTop=-20; this._loading_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loading_image.ggVisible=true; this._loading_image.className='ggskin ggskin_svg '; this._loading_image.ggType='svg'; hs =''; hs+='height : 40px;'; hs+='left : -20px;'; hs+='position : absolute;'; hs+='top : -20px;'; hs+='visibility : inherit;'; hs+='width : 40px;'; hs+='pointer-events:auto;'; this._loading_image.setAttribute('style',hs); this._loading_image.style[domTransform + 'Origin']='50% 50%'; me._loading_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._loading_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._loading_image.ggUpdatePosition=function (useTransition) { if (useTransition==='undefined') { useTransition = false; } if (!useTransition) { this.style[domTransition]='none'; } if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w/2) + 'px'; var h=this.parentNode.offsetHeight; this.style.top=(this.ggTop - 0 + h/2) + 'px'; } } this._image_popup.appendChild(this._loading_image); this._popup_image=document.createElement('div'); this._popup_image__img=document.createElement('img'); this._popup_image__img.className='ggskin ggskin_external'; this._popup_image__img.onload=function() {me._popup_image.ggUpdatePosition();} this._popup_image__img.setAttribute('src',basePath + ''); this._popup_image__img['ondragstart']=function() { return false; }; hs =''; this._popup_image.appendChild(this._popup_image__img); this._popup_image.ggId="popup_image"; this._popup_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._popup_image.ggVisible=true; this._popup_image.className='ggskin ggskin_external '; this._popup_image.ggType='external'; hs =''; hs+='border : 0px solid #000000;'; hs+='cursor : pointer;'; hs+='height : 100%;'; hs+='left : 0%;'; hs+='position : absolute;'; hs+='top : 0%;'; hs+='visibility : inherit;'; hs+='width : 100%;'; hs+='pointer-events:auto;'; this._popup_image.setAttribute('style',hs); this._popup_image.style[domTransform + 'Origin']='50% 50%'; me._popup_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._popup_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._popup_image.ggUpdatePosition=function (useTransition) { var parentWidth = me._popup_image.clientWidth; var parentHeight = me._popup_image.clientHeight; var aspectRatioDiv = me._popup_image.clientWidth / me._popup_image.clientHeight; var aspectRatioImg = me._popup_image__img.naturalWidth / me._popup_image__img.naturalHeight; if (me._popup_image__img.naturalWidth < parentWidth) parentWidth = me._popup_image__img.naturalWidth; if (me._popup_image__img.naturalHeight < parentHeight) parentHeight = me._popup_image__img.naturalHeight; var currentWidth = me._popup_image__img.naturalWidth; var currentHeight = me._popup_image__img.naturalHeight; if (aspectRatioDiv > aspectRatioImg) { currentHeight = parentHeight; currentWidth = parentHeight * aspectRatioImg; me._popup_image__img.setAttribute('style','position: absolute; left: 50%; margin-left: -' + currentWidth/2 + 'px; top: 50%; margin-top: -' + currentHeight/2 + 'px;height:' + parentHeight + 'px;-webkit-user-drag:none;pointer-events:none;'); } else { currentWidth = parentWidth; currentHeight = parentWidth / aspectRatioImg; me._popup_image__img.setAttribute('style','position: absolute; left: 50%; margin-left: -' + currentWidth/2 + 'px; top: 50%; margin-top: -' + currentHeight/2 + 'px;width:' + parentWidth + 'px;-webkit-user-drag:none;pointer-events:none;'); }; } this._image_popup.appendChild(this._popup_image); this.divSkin.appendChild(this._image_popup); this._markertemplate__normal=new SkinElement_marker_normal_Class(this,this._markertemplate); this._markertemplate__normal.style.visibility='inherit'; this._markertemplate__normal.style.left='0px'; this._markertemplate__normal.style.top='0px'; this._markertemplate.ggMarkerNormal=this._markertemplate__normal; this._markertemplate__active=new SkinElement_marker_active_Class(this,this._markertemplate); this._markertemplate__active.style.visibility='hidden'; this._markertemplate__active.style.left='0px'; this._markertemplate__active.style.top='0px'; this._markertemplate.ggMarkerActive=this._markertemplate__active; if (this._markertemplate.firstChild) { this._markertemplate.insertBefore(this._markertemplate__active,this._markertemplate.firstChild); } else { this._markertemplate.appendChild(this._markertemplate__active); } if (this._markertemplate.firstChild) { this._markertemplate.insertBefore(this._markertemplate__normal,this._markertemplate.firstChild); } else { this._markertemplate.appendChild(this._markertemplate__normal); } this.divSkin.ggUpdateSize=function(w,h) { me.updateSize(me.divSkin); } this.divSkin.ggViewerInit=function() { } this.divSkin.ggLoaded=function() { me._loading.style[domTransition]='none'; me._loading.style.visibility='hidden'; me._loading.ggVisible=false; } this.divSkin.ggReLoaded=function() { me._loading.style[domTransition]='none'; me._loading.style.visibility=(Number(me._loading.style.opacity)>0||!me._loading.style.opacity)?'inherit':'hidden'; me._loading.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.ggHotspotCallChildFunctions=function(functionname) { var stack = me.player.getCurrentPointHotspots(); while (stack.length > 0) { var e = stack.pop(); if (typeof e[functionname] == 'function') { e[functionname](); } if(e.hasChildNodes()) { for(var i=0; i0||!me._hotspot_preview.style.opacity)?'inherit':'hidden'; me._hotspot_preview.ggVisible=true; } else { me._hotspot_preview.style.visibility="hidden"; me._hotspot_preview.ggVisible=false; } } } this._hotspot_preview.ggUpdatePosition=function (useTransition) { } this._preview_picture_frame_=document.createElement('div'); this._preview_picture_frame_.ggId="preview_picture_frame "; this._preview_picture_frame_.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._preview_picture_frame_.ggVisible=true; this._preview_picture_frame_.className='ggskin ggskin_rectangle '; this._preview_picture_frame_.ggType='rectangle'; hs =''; hs+=cssPrefix + 'border-radius : 5px;'; hs+='border-radius : 5px;'; hs+='background : rgba(255,255,255,0.784314);'; hs+='border : 1px solid #000000;'; hs+='cursor : default;'; hs+='height : 99px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 149px;'; hs+='pointer-events:auto;'; this._preview_picture_frame_.setAttribute('style',hs); this._preview_picture_frame_.style[domTransform + 'Origin']='50% 50%'; me._preview_picture_frame_.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._preview_picture_frame_.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._preview_picture_frame_.ggUpdatePosition=function (useTransition) { } this._hotspot_preview.appendChild(this._preview_picture_frame_); this._preview_nodeimage=document.createElement('div'); this._preview_nodeimage__img=document.createElement('img'); this._preview_nodeimage__img.className='ggskin ggskin_nodeimage'; this._preview_nodeimage__img.setAttribute('src',basePath + "images/preview_nodeimage_" + nodeId + ".png"); this._preview_nodeimage.ggNodeId=nodeId; this._preview_nodeimage__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._preview_nodeimage__img.className='ggskin ggskin_nodeimage'; this._preview_nodeimage__img['ondragstart']=function() { return false; }; this._preview_nodeimage.appendChild(this._preview_nodeimage__img); this._preview_nodeimage.ggId="Preview NodeImage"; this._preview_nodeimage.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._preview_nodeimage.ggVisible=true; this._preview_nodeimage.className='ggskin ggskin_nodeimage '; this._preview_nodeimage.ggType='nodeimage'; hs =''; hs+='height : 90px;'; hs+='left : 5px;'; hs+='position : absolute;'; hs+='top : 5px;'; hs+='visibility : inherit;'; hs+='width : 140px;'; hs+='pointer-events:auto;'; this._preview_nodeimage.setAttribute('style',hs); this._preview_nodeimage.style[domTransform + 'Origin']='50% 50%'; me._preview_nodeimage.ggIsActive=function() { return me.player.getCurrentNode()==this.ggElementNodeId(); } me._preview_nodeimage.ggElementNodeId=function() { return this.ggNodeId; } this._preview_nodeimage.ggUpdatePosition=function (useTransition) { } this._hotspot_preview.appendChild(this._preview_nodeimage); this._tooltip_bg=document.createElement('div'); this._tooltip_bg.ggId="tooltip_bg"; this._tooltip_bg.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tooltip_bg.ggVisible=true; this._tooltip_bg.className='ggskin ggskin_rectangle '; this._tooltip_bg.ggType='rectangle'; hs =''; hs+='background : rgba(0,0,0,0.392157);'; hs+='border : 0px solid #000000;'; hs+='cursor : default;'; hs+='height : 20px;'; hs+='left : 5px;'; hs+='position : absolute;'; hs+='top : 77px;'; hs+='visibility : inherit;'; hs+='width : 140px;'; hs+='pointer-events:auto;'; this._tooltip_bg.setAttribute('style',hs); this._tooltip_bg.style[domTransform + 'Origin']='50% 50%'; me._tooltip_bg.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tooltip_bg.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._tooltip_bg.ggUpdatePosition=function (useTransition) { } this._hotspot_preview.appendChild(this._tooltip_bg); this._tooltip_drop_shadow=document.createElement('div'); this._tooltip_drop_shadow__text=document.createElement('div'); this._tooltip_drop_shadow.className='ggskin ggskin_textdiv'; this._tooltip_drop_shadow.ggTextDiv=this._tooltip_drop_shadow__text; this._tooltip_drop_shadow.ggId="tooltip_drop_shadow"; this._tooltip_drop_shadow.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tooltip_drop_shadow.ggVisible=true; this._tooltip_drop_shadow.className='ggskin ggskin_text '; this._tooltip_drop_shadow.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 1px;'; hs+='position : absolute;'; hs+='top : 80px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tooltip_drop_shadow.setAttribute('style',hs); this._tooltip_drop_shadow.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 20px;'; 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._tooltip_drop_shadow__text.setAttribute('style',hs); this._tooltip_drop_shadow__text.innerHTML=me.hotspot.title; this._tooltip_drop_shadow.appendChild(this._tooltip_drop_shadow__text); me._tooltip_drop_shadow.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tooltip_drop_shadow.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._tooltip_drop_shadow.ggUpdatePosition=function (useTransition) { } this._hotspot_preview.appendChild(this._tooltip_drop_shadow); this._tooltip=document.createElement('div'); this._tooltip__text=document.createElement('div'); this._tooltip.className='ggskin ggskin_textdiv'; this._tooltip.ggTextDiv=this._tooltip__text; this._tooltip.ggId="tooltip"; this._tooltip.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tooltip.ggVisible=true; this._tooltip.className='ggskin ggskin_text '; this._tooltip.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 79px;'; hs+='visibility : inherit;'; hs+='width : 148px;'; hs+='pointer-events:auto;'; this._tooltip.setAttribute('style',hs); this._tooltip.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 148px;'; hs+='height: 20px;'; 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._tooltip__text.setAttribute('style',hs); this._tooltip__text.innerHTML=me.hotspot.title; this._tooltip.appendChild(this._tooltip__text); me._tooltip.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tooltip.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._tooltip.ggUpdatePosition=function (useTransition) { } this._hotspot_preview.appendChild(this._tooltip); 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 : 36px;'; hs+='left : 110px;'; hs+='position : absolute;'; hs+='top : 3px;'; hs+='visibility : hidden;'; hs+='width : 36px;'; 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.ggNodeId; } me._checkmark_tick.ggCurrentLogicStateVisible = -1; this._checkmark_tick.ggUpdateConditionNodeChange=function () { var newLogicStateVisible; if ( (me.player.nodeVisited(me._checkmark_tick.ggElementNodeId()) == 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._checkmark_tick.ggNodeChange=function () { me._checkmark_tick.ggUpdateConditionNodeChange(); } this._hotspot_preview.appendChild(this._checkmark_tick); this.__div.appendChild(this._hotspot_preview); this.hotspotTimerEvent=function() { setTimeout(function() { me.hotspotTimerEvent(); }, 10); if (me.elementMouseOver['_div']) { } me._hotspot_preview.ggUpdateConditionTimer(); } this.hotspotTimerEvent(); } else if (hotspot.skinid=='ht_info') { this.__div=document.createElement('div'); this.__div.ggId="ht_info"; 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+='cursor : pointer;'; hs+='height : 5px;'; hs+='left : 330px;'; hs+='position : absolute;'; hs+='top : 28px;'; 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.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function (e) { me.player.setActiveHotspot(me.hotspot); me.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function (e) { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function (e) { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function (useTransition) { } this._ht_info_image=document.createElement('div'); this._ht_info_image__img=document.createElement('img'); this._ht_info_image__img.className='ggskin ggskin_svg'; this._ht_info_image__img.setAttribute('src',basePath + 'images/ht_info_image.svg'); this._ht_info_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._ht_info_image__img['ondragstart']=function() { return false; }; this._ht_info_image.appendChild(this._ht_info_image__img); this._ht_info_image.ggId="ht_info_image"; this._ht_info_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._ht_info_image.ggVisible=true; this._ht_info_image.className='ggskin ggskin_svg '; this._ht_info_image.ggType='svg'; hs =''; hs+='height : 32px;'; hs+='left : -16px;'; hs+='position : absolute;'; hs+='top : -17px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._ht_info_image.setAttribute('style',hs); this._ht_info_image.style[domTransform + 'Origin']='50% 50%'; me._ht_info_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._ht_info_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._ht_info_image.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._ht_info_image); this._tt_information=document.createElement('div'); this._tt_information__text=document.createElement('div'); this._tt_information.className='ggskin ggskin_textdiv'; this._tt_information.ggTextDiv=this._tt_information__text; this._tt_information.ggId="tt_information"; this._tt_information.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tt_information.ggVisible=false; this._tt_information.className='ggskin ggskin_text '; this._tt_information.ggType='text'; hs =''; hs+='height : 17px;'; hs+='left : -50px;'; hs+='position : absolute;'; hs+='top : 20px;'; hs+='visibility : hidden;'; hs+='width : 95px;'; hs+='pointer-events:auto;'; this._tt_information.setAttribute('style',hs); this._tt_information.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 95px;'; hs+='height: auto;'; hs+='background: #ffffff;'; hs+='background: rgba(255,255,255,0.784314);'; hs+='border: 1px solid #000000;'; hs+='border-radius: 5px;'; hs+=cssPrefix + 'border-radius: 5px;'; hs+='color: #000000;'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 1px 2px 1px 2px;'; hs+='overflow: hidden;'; this._tt_information__text.setAttribute('style',hs); this._tt_information__text.innerHTML=me.hotspot.title; this._tt_information.appendChild(this._tt_information__text); me._tt_information.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._tt_information.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._tt_information.ggCurrentLogicStateVisible = -1; this._tt_information.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['_div'] == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._tt_information.ggCurrentLogicStateVisible != newLogicStateVisible) { me._tt_information.ggCurrentLogicStateVisible = newLogicStateVisible; me._tt_information.style[domTransition]=''; if (me._tt_information.ggCurrentLogicStateVisible == 0) { me._tt_information.style.visibility=(Number(me._tt_information.style.opacity)>0||!me._tt_information.style.opacity)?'inherit':'hidden'; me._tt_information.ggVisible=true; } else { me._tt_information.style.visibility="hidden"; me._tt_information.ggVisible=false; } } } this._tt_information.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._tt_information); this.hotspotTimerEvent=function() { setTimeout(function() { me.hotspotTimerEvent(); }, 10); if (me.elementMouseOver['_div']) { } me._tt_information.ggUpdateConditionTimer(); } this.hotspotTimerEvent(); } else if (hotspot.skinid=='ht_image') { this.__div=document.createElement('div'); this.__div.ggId="ht_image"; 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 : 435px;'; hs+='position : absolute;'; hs+='top : 28px;'; 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.skin._image_popup.style[domTransition]='none'; me.skin._image_popup.style.visibility=(Number(me.skin._image_popup.style.opacity)>0||!me.skin._image_popup.style.opacity)?'inherit':'hidden'; me.skin._image_popup.ggVisible=true; me.skin._popup_image.ggText=me.player.getBasePath()+""+me.hotspot.url; me.skin._popup_image__img.src=me.skin._popup_image.ggText; me.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function (e) { me.player.setActiveHotspot(me.hotspot); me.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function (e) { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function (e) { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function (useTransition) { } this._hstext_image=document.createElement('div'); this._hstext_image__text=document.createElement('div'); this._hstext_image.className='ggskin ggskin_textdiv'; this._hstext_image.ggTextDiv=this._hstext_image__text; this._hstext_image.ggId="hstext_image"; this._hstext_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hstext_image.ggVisible=false; this._hstext_image.className='ggskin ggskin_text '; this._hstext_image.ggType='text'; hs =''; hs+='height : 17px;'; hs+='left : -51px;'; hs+='position : absolute;'; hs+='top : 20px;'; hs+='visibility : hidden;'; hs+='width : 95px;'; hs+='pointer-events:auto;'; this._hstext_image.setAttribute('style',hs); this._hstext_image.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='cursor: default;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 95px;'; hs+='height: auto;'; hs+='background: #ffffff;'; hs+='background: rgba(255,255,255,0.705882);'; hs+='border: 1px solid #000000;'; hs+='border-radius: 5px;'; hs+=cssPrefix + 'border-radius: 5px;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 1px 2px 1px 2px;'; hs+='overflow: hidden;'; this._hstext_image__text.setAttribute('style',hs); this._hstext_image__text.innerHTML=me.hotspot.title; this._hstext_image.appendChild(this._hstext_image__text); me._hstext_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hstext_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._hstext_image.ggCurrentLogicStateVisible = -1; this._hstext_image.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.elementMouseOver['_div'] == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._hstext_image.ggCurrentLogicStateVisible != newLogicStateVisible) { me._hstext_image.ggCurrentLogicStateVisible = newLogicStateVisible; me._hstext_image.style[domTransition]=''; if (me._hstext_image.ggCurrentLogicStateVisible == 0) { me._hstext_image.style.visibility=(Number(me._hstext_image.style.opacity)>0||!me._hstext_image.style.opacity)?'inherit':'hidden'; me._hstext_image.ggVisible=true; } else { me._hstext_image.style.visibility="hidden"; me._hstext_image.ggVisible=false; } } } this._hstext_image.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._hstext_image); this._hsimage_image=document.createElement('div'); this._hsimage_image__img=document.createElement('img'); this._hsimage_image__img.className='ggskin ggskin_svg'; this._hsimage_image__img.setAttribute('src',basePath + 'images/hsimage_image.svg'); this._hsimage_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._hsimage_image__img['ondragstart']=function() { return false; }; this._hsimage_image.appendChild(this._hsimage_image__img); this._hsimage_image.ggId="hsimage_image"; this._hsimage_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hsimage_image.ggVisible=true; this._hsimage_image.className='ggskin ggskin_svg '; this._hsimage_image.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 50px;'; hs+='left : -24px;'; hs+='position : absolute;'; hs+='top : -24px;'; hs+='visibility : inherit;'; hs+='width : 50px;'; hs+='pointer-events:auto;'; this._hsimage_image.setAttribute('style',hs); this._hsimage_image.style[domTransform + 'Origin']='50% 50%'; me._hsimage_image.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hsimage_image.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._hsimage_image.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._hsimage_image); this.hotspotTimerEvent=function() { setTimeout(function() { me.hotspotTimerEvent(); }, 10); if (me.elementMouseOver['_div']) { } me._hstext_image.ggUpdateConditionTimer(); } this.hotspotTimerEvent(); } else { this.__div=document.createElement('div'); this.__div.ggId="ht_url"; 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 : 538px;'; hs+='position : absolute;'; hs+='top : 27px;'; 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.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function (e) { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function (e) { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function (useTransition) { } this._hsimage_url=document.createElement('div'); this._hsimage_url__img=document.createElement('img'); this._hsimage_url__img.className='ggskin ggskin_svg'; this._hsimage_url__img.setAttribute('src',basePath + 'images/hsimage_url.svg'); this._hsimage_url__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._hsimage_url__img['ondragstart']=function() { return false; }; this._hsimage_url.appendChild(this._hsimage_url__img); this._hsimage_url.ggId="hsimage_url"; this._hsimage_url.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hsimage_url.ggVisible=true; this._hsimage_url.className='ggskin ggskin_svg '; this._hsimage_url.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : -16px;'; hs+='position : absolute;'; hs+='top : -16px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; hs+='pointer-events:auto;'; this._hsimage_url.setAttribute('style',hs); this._hsimage_url.style[domTransform + 'Origin']='50% 50%'; me._hsimage_url.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hsimage_url.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._hsimage_url.ggUpdatePosition=function (useTransition) { } this.__div.appendChild(this._hsimage_url); this._hstext_url=document.createElement('div'); this._hstext_url__text=document.createElement('div'); this._hstext_url.className='ggskin ggskin_textdiv'; this._hstext_url.ggTextDiv=this._hstext_url__text; this._hstext_url.ggId="hstext_url"; this._hstext_url.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._hstext_url.ggVisible=true; this._hstext_url.className='ggskin ggskin_text '; this._hstext_url.ggType='text'; hs =''; hs+='height : 17px;'; hs+='left : -50px;'; hs+='opacity : 0;'; hs+='position : absolute;'; hs+='top : 21px;'; hs+='visibility : hidden;'; hs+='width : 95px;'; hs+='pointer-events:auto;'; this._hstext_url.setAttribute('style',hs); this._hstext_url.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: #ffffff;'; hs+='background: rgba(255,255,255,0.705882);'; hs+='border: 1px solid #000000;'; hs+='border-radius: 5px;'; hs+=cssPrefix + 'border-radius: 5px;'; hs+='color: rgba(0,0,0,1);'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 1px 2px 1px 2px;'; hs+='overflow: hidden;'; this._hstext_url__text.setAttribute('style',hs); this._hstext_url__text.innerHTML=me.hotspot.title; this._hstext_url.appendChild(this._hstext_url__text); me._hstext_url.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._hstext_url.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } me._hstext_url.ggCurrentLogicStateAlpha = -1; this._hstext_url.ggUpdateConditionTimer=function () { var newLogicStateAlpha; if ( (me.elementMouseOver['_div'] == true) ) { newLogicStateAlpha = 0; } else { newLogicStateAlpha = -1; } if (me._hstext_url.ggCurrentLogicStateAlpha != newLogicStateAlpha) { me._hstext_url.ggCurrentLogicStateAlpha = newLogicStateAlpha; me._hstext_url.style[domTransition]='opacity 500ms ease 0ms, visibility 500ms ease 0ms'; if (me._hstext_url.ggCurrentLogicStateAlpha == 0) { me._hstext_url.style.visibility=me._hstext_url.ggVisible?'inherit':'hidden'; me._hstext_url.style.opacity=1; } else { me._hstext_url.style.visibility="hidden"; me._hstext_url.style.opacity=0; } } } this._hstext_url.ggUpdatePosition=function (useTransition) { this.style[domTransition]='none'; this.ggTextDiv.style.left=((99-this.ggTextDiv.offsetWidth)/2) + 'px'; } this.__div.appendChild(this._hstext_url); this.hotspotTimerEvent=function() { setTimeout(function() { me.hotspotTimerEvent(); }, 10); if (me.elementMouseOver['_div']) { } me._hstext_url.ggUpdateConditionTimer(); } this.hotspotTimerEvent(); } }; this.addSkinHotspot=function(hotspot) { return new SkinHotspotClass(me,hotspot); } function SkinElement_marker_active_Class(skinObj,ggParent) { var me=this; var flag=false; this.player=skinObj.player; this.skin=skinObj; this.ggParent=ggParent; var nodeId=ggParent.ggElementNodeId(); this.ggNodeId=nodeId; this.ggUserdata=this.skin.player.getNodeUserdata(nodeId); this.elementMouseDown=[]; this.elementMouseOver=[]; this.findElements=function(id,regex) { return me.skin.findElements(id,regex); } this._marker_active=document.createElement('div'); this._marker_active__img=document.createElement('img'); this._marker_active__img.className='ggskin ggskin_svg'; this._marker_active__img.setAttribute('src',basePath + 'images/marker_active.svg'); this._marker_active__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._marker_active__img['ondragstart']=function() { return false; }; this._marker_active.appendChild(this._marker_active__img); this._marker_active.ggId="marker_active"; this._marker_active.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._marker_active.ggVisible=true; this._marker_active.className='ggskin ggskin_svg '; this._marker_active.ggType='svg'; hs =''; hs+='height : 31px;'; hs+='left : 105px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 31px;'; hs+='pointer-events:auto;'; this._marker_active.setAttribute('style',hs); this._marker_active.style[domTransform + 'Origin']='50% 50%'; me._marker_active.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._marker_active.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._marker_active.ggUpdatePosition=function (useTransition) { } this._marker_active.ggNodeChangeMain=function() { } return this._marker_active; }; function SkinElement_marker_normal_Class(skinObj,ggParent) { var me=this; var flag=false; this.player=skinObj.player; this.skin=skinObj; this.ggParent=ggParent; var nodeId=ggParent.ggElementNodeId(); this.ggNodeId=nodeId; this.ggUserdata=this.skin.player.getNodeUserdata(nodeId); this.elementMouseDown=[]; this.elementMouseOver=[]; this.findElements=function(id,regex) { return me.skin.findElements(id,regex); } this._marker_normal=document.createElement('div'); this._marker_normal__img=document.createElement('img'); this._marker_normal__img.className='ggskin ggskin_svg'; this._marker_normal__img.setAttribute('src',basePath + 'images/marker_normal.svg'); this._marker_normal__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._marker_normal__img['ondragstart']=function() { return false; }; this._marker_normal.appendChild(this._marker_normal__img); this._marker_normal.ggId="marker_normal"; this._marker_normal.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._marker_normal.ggVisible=true; this._marker_normal.className='ggskin ggskin_svg '; this._marker_normal.ggType='svg'; hs =''; hs+='height : 32px;'; hs+='left : 140px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 31px;'; hs+='pointer-events:auto;'; this._marker_normal.setAttribute('style',hs); this._marker_normal.style[domTransform + 'Origin']='50% 50%'; me._marker_normal.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._marker_normal.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.ggNodeId; } this._marker_normal.ggUpdatePosition=function (useTransition) { } this._marker_normal.ggNodeChangeMain=function() { } return this._marker_normal; }; this.addSkin(); };