// Garden Gnome Software - Skin // Pano2VR 5.0.3/15088 // Filename: redrake.ggsk // Generated Tue Dec 6 21:03:44 2016 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 () { 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;'; 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 () { } 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;'; 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 () { ggSkinVars['panel_show'] = ggSkinVars['panel_show'] + Number("1"); ggSkinVars['panel_show'] = ggSkinVars['panel_show'] % Number("2"); } this._panel_close_icon.onmouseover=function () { me.elementMouseOver['panel_close_icon']=true; } this._panel_close_icon.onmouseout=function () { me.elementMouseOver['panel_close_icon']=false; } this._panel_close_icon.ontouchend=function () { 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 () { } 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;'; 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 () { ggSkinVars['view_show'] = ggSkinVars['view_show'] + Number("1"); ggSkinVars['view_show'] = ggSkinVars['view_show'] % Number("2"); ggSkinVars['view_size'] = ggSkinVars['view_size'] % Number("3"); } this._panel_menu_icon.onmouseover=function () { me.elementMouseOver['panel_menu_icon']=true; } this._panel_menu_icon.onmouseout=function () { me.elementMouseOver['panel_menu_icon']=false; } this._panel_menu_icon.ontouchend=function () { me.elementMouseOver['panel_menu_icon']=false; } this._panel_menu_icon.ggUpdatePosition=function () { } 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;'; this._panel_menu_text.setAttribute('style',hs); this._panel_menu_text.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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="Menu"; 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 () { } 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;'; this._panel_menu_text2.setAttribute('style',hs); this._panel_menu_text2.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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="Menu"; 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 () { } 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;'; 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 () { } 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;'; 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 () { me.player.exitFullscreen(); } this._button_image_normalscreen.onmouseover=function () { 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 () { 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 () { 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 () { 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;'; this._tt_exit_fullscreen.setAttribute('style',hs); this._tt_exit_fullscreen.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_exit_fullscreen_white.setAttribute('style',hs); this._tt_exit_fullscreen_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { me.player.enterFullscreen(); } this._button_image_fullscreen.onmouseover=function () { 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 () { 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 () { 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 () { 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;'; this._tt_enter_fullscreen.setAttribute('style',hs); this._tt_enter_fullscreen.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_enter_fullscreen_white.setAttribute('style',hs); this._tt_enter_fullscreen_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { } 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;'; 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 () { 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 () { me._movemode_drag__img.style.visibility='hidden'; me._movemode_drag__imgo.style.visibility='inherit'; me.elementMouseOver['movemode_drag']=true; } this._movemode_drag.onmouseout=function () { me._movemode_drag__img.style.visibility='inherit'; me._movemode_drag__imgo.style.visibility='hidden'; me.elementMouseOver['movemode_drag']=false; } this._movemode_drag.ontouchend=function () { me.elementMouseOver['movemode_drag']=false; } this._movemode_drag.ggUpdatePosition=function () { } 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;'; this._tt_movemode0.setAttribute('style',hs); this._tt_movemode0.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_movemode_white0.setAttribute('style',hs); this._tt_movemode_white0.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { 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 () { me._movemode_continuous__img.style.visibility='hidden'; me._movemode_continuous__imgo.style.visibility='inherit'; me.elementMouseOver['movemode_continuous']=true; } this._movemode_continuous.onmouseout=function () { me._movemode_continuous__img.style.visibility='inherit'; me._movemode_continuous__imgo.style.visibility='hidden'; me.elementMouseOver['movemode_continuous']=false; } this._movemode_continuous.ontouchend=function () { me.elementMouseOver['movemode_continuous']=false; } this._movemode_continuous.ggUpdatePosition=function () { } 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;'; this._tt_movemode.setAttribute('style',hs); this._tt_movemode.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_movemode_white.setAttribute('style',hs); this._tt_movemode_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { } 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=false; 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 : hidden;'; hs+='width : 32px;'; 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 () { 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 () { 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 () { 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 () { me.elementMouseOver['button_stop_auto_rotate']=false; } this._button_stop_auto_rotate.ggUpdatePosition=function () { } 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;'; this._tt_stop_auto_rotate.setAttribute('style',hs); this._tt_stop_auto_rotate.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_stop_auto_rotate_white.setAttribute('style',hs); this._tt_stop_auto_rotate_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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=true; 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 : inherit;'; hs+='width : 32px;'; 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 () { me.player.startAutorotate("0.1","5","1"); 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 () { 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 () { 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 () { me.elementMouseOver['button_start_auto_rotate']=false; } this._button_start_auto_rotate.ggUpdatePosition=function () { } 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;'; this._tt_start_auto_rotate.setAttribute('style',hs); this._tt_start_auto_rotate.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_start_auto_rotate_white.setAttribute('style',hs); this._tt_start_auto_rotate_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { me._zoomout__img.style.visibility='hidden'; me._zoomout__imgo.style.visibility='inherit'; me.elementMouseOver['zoomout']=true; } this._zoomout.onmouseout=function () { me._zoomout__img.style.visibility='inherit'; me._zoomout__imgo.style.visibility='hidden'; me.elementMouseDown['zoomout']=false; me.elementMouseOver['zoomout']=false; } this._zoomout.onmousedown=function () { me.elementMouseDown['zoomout']=true; } this._zoomout.onmouseup=function () { me.elementMouseDown['zoomout']=false; } this._zoomout.ontouchend=function () { me.elementMouseDown['zoomout']=false; me.elementMouseOver['zoomout']=false; } this._zoomout.ggUpdatePosition=function () { } 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;'; this._tt_zoomout.setAttribute('style',hs); this._tt_zoomout.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_zoomout_white.setAttribute('style',hs); this._tt_zoomout_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { me._zoomin__img.style.visibility='hidden'; me._zoomin__imgo.style.visibility='inherit'; me.elementMouseOver['zoomin']=true; } this._zoomin.onmouseout=function () { me._zoomin__img.style.visibility='inherit'; me._zoomin__imgo.style.visibility='hidden'; me.elementMouseDown['zoomin']=false; me.elementMouseOver['zoomin']=false; } this._zoomin.onmousedown=function () { me.elementMouseDown['zoomin']=true; } this._zoomin.onmouseup=function () { me.elementMouseDown['zoomin']=false; } this._zoomin.ontouchend=function () { me.elementMouseDown['zoomin']=false; me.elementMouseOver['zoomin']=false; } this._zoomin.ggUpdatePosition=function () { } 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;'; this._tt_zoomin.setAttribute('style',hs); this._tt_zoomin.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_zoomin_white.setAttribute('style',hs); this._tt_zoomin_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { me._right__img.style.visibility='hidden'; me._right__imgo.style.visibility='inherit'; } this._right.onmouseout=function () { me._right__img.style.visibility='inherit'; me._right__imgo.style.visibility='hidden'; me.elementMouseDown['right']=false; } this._right.onmousedown=function () { me.elementMouseDown['right']=true; } this._right.onmouseup=function () { me.elementMouseDown['right']=false; } this._right.ontouchend=function () { me.elementMouseDown['right']=false; } this._right.ggUpdatePosition=function () { } 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;'; 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 () { me._down__img.style.visibility='hidden'; me._down__imgo.style.visibility='inherit'; } this._down.onmouseout=function () { me._down__img.style.visibility='inherit'; me._down__imgo.style.visibility='hidden'; me.elementMouseDown['down']=false; } this._down.onmousedown=function () { me.elementMouseDown['down']=true; } this._down.onmouseup=function () { me.elementMouseDown['down']=false; } this._down.ontouchend=function () { me.elementMouseDown['down']=false; } this._down.ggUpdatePosition=function () { } 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;'; 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 () { me._up__img.style.visibility='hidden'; me._up__imgo.style.visibility='inherit'; } this._up.onmouseout=function () { me._up__img.style.visibility='inherit'; me._up__imgo.style.visibility='hidden'; me.elementMouseDown['up']=false; } this._up.onmousedown=function () { me.elementMouseDown['up']=true; } this._up.onmouseup=function () { me.elementMouseDown['up']=false; } this._up.ontouchend=function () { me.elementMouseDown['up']=false; } this._up.ggUpdatePosition=function () { } 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;'; 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 () { me._left__img.style.visibility='hidden'; me._left__imgo.style.visibility='inherit'; } this._left.onmouseout=function () { me._left__img.style.visibility='inherit'; me._left__imgo.style.visibility='hidden'; me.elementMouseDown['left']=false; } this._left.onmousedown=function () { me.elementMouseDown['left']=true; } this._left.onmouseup=function () { me.elementMouseDown['left']=false; } this._left.ontouchend=function () { me.elementMouseDown['left']=false; } this._left.ggUpdatePosition=function () { } 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;'; 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 () { me.player.openNext("{"+me.player.getNextNode()+"}",""); } this._pano_next.onmouseover=function () { me._pano_next__img.style.visibility='hidden'; me._pano_next__imgo.style.visibility='inherit'; me.elementMouseOver['pano_next']=true; } this._pano_next.onmouseout=function () { me._pano_next__img.style.visibility='inherit'; me._pano_next__imgo.style.visibility='hidden'; me.elementMouseOver['pano_next']=false; } this._pano_next.ontouchend=function () { me.elementMouseOver['pano_next']=false; } this._pano_next.ggUpdatePosition=function () { } 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;'; this._tt_next.setAttribute('style',hs); this._tt_next.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_next_white.setAttribute('style',hs); this._tt_next_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { me.player.openNext("{"+me.player.getPrevNode()+"}",""); } this._pano_prev.onmouseover=function () { me._pano_prev__img.style.visibility='hidden'; me._pano_prev__imgo.style.visibility='inherit'; me.elementMouseOver['pano_prev']=true; } this._pano_prev.onmouseout=function () { me._pano_prev__img.style.visibility='inherit'; me._pano_prev__imgo.style.visibility='hidden'; me.elementMouseOver['pano_prev']=false; } this._pano_prev.ontouchend=function () { me.elementMouseOver['pano_prev']=false; } this._pano_prev.ggUpdatePosition=function () { } 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;'; this._tt_prev.setAttribute('style',hs); this._tt_prev.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tt_prev_white.setAttribute('style',hs); this._tt_prev_white.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { ggSkinVars['panel_show'] = ggSkinVars['panel_show'] + Number("1"); ggSkinVars['panel_show'] = ggSkinVars['panel_show'] % Number("2"); } this._panel_show_icon.onmouseover=function () { me.elementMouseOver['panel_show_icon']=true; } this._panel_show_icon.onmouseout=function () { me.elementMouseOver['panel_show_icon']=false; } this._panel_show_icon.ontouchend=function () { 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 () { 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._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;'; 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 () { } 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;'; 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 () { 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 () { 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 () { } 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;'; this._marker_title.setAttribute('style',hs); this._marker_title.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { 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;'; 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 () { me._loading.style[domTransition]='none'; me._loading.style.visibility='hidden'; me._loading.ggVisible=false; } this._loading.ggUpdatePosition=function () { 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+='height : 58px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 208px;'; 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 () { } 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;'; this._loadingtext.setAttribute('style',hs); this._loadingtext.style[domTransform + 'Origin']='0% 50%'; hs ='position:absolute;'; 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 () { } 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+='height : 12px;'; hs+='left : 15px;'; hs+='position : absolute;'; hs+='top : 35px;'; hs+='visibility : inherit;'; hs+='width : 181px;'; 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 () { } this._loading.appendChild(this._loadingbar); this.divSkin.appendChild(this._loading); this._userdata=document.createElement('div'); this._userdata.ggId="userdata"; this._userdata.ggLeft=-120; this._userdata.ggTop=-80; this._userdata.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._userdata.ggVisible=false; this._userdata.className='ggskin ggskin_container '; this._userdata.ggType='container'; hs =''; hs+='cursor : pointer;'; hs+='height : 140px;'; hs+='left : -120px;'; hs+='position : absolute;'; hs+='top : -80px;'; hs+='visibility : hidden;'; hs+='width : 240px;'; this._userdata.setAttribute('style',hs); this._userdata.style[domTransform + 'Origin']='50% 50%'; me._userdata.ggIsActive=function() { return false; } me._userdata.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._userdata.ggUpdatePosition=function () { 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._userdatabg=document.createElement('div'); this._userdatabg.ggId="userdatabg"; this._userdatabg.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._userdatabg.ggVisible=true; this._userdatabg.className='ggskin ggskin_rectangle '; this._userdatabg.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+='height : 138px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 238px;'; this._userdatabg.setAttribute('style',hs); this._userdatabg.style[domTransform + 'Origin']='50% 50%'; me._userdatabg.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._userdatabg.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._userdatabg.ggUpdatePosition=function () { } this._userdata.appendChild(this._userdatabg); this._title=document.createElement('div'); this._title__text=document.createElement('div'); this._title.className='ggskin ggskin_textdiv'; this._title.ggTextDiv=this._title__text; this._title.ggId="title"; this._title.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._title.ggVisible=true; this._title.className='ggskin ggskin_text '; this._title.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 10px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 218px;'; this._title.setAttribute('style',hs); this._title.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 218px;'; hs+='height: 20px;'; 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._title__text.setAttribute('style',hs); this._title.ggUpdateText=function() { var hs=""+me.ggUserdata.title+"<\/b>"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._title.ggUpdateText(); this._title.appendChild(this._title__text); me._title.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._title.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._title.ggUpdatePosition=function () { } this._userdata.appendChild(this._title); this._description=document.createElement('div'); this._description__text=document.createElement('div'); this._description.className='ggskin ggskin_textdiv'; this._description.ggTextDiv=this._description__text; this._description.ggId="description"; this._description.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._description.ggVisible=true; this._description.className='ggskin ggskin_text '; this._description.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 10px;'; hs+='position : absolute;'; hs+='top : 30px;'; hs+='visibility : inherit;'; hs+='width : 218px;'; this._description.setAttribute('style',hs); this._description.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 218px;'; hs+='height: 20px;'; 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._description__text.setAttribute('style',hs); this._description.ggUpdateText=function() { var hs=me.ggUserdata.description; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._description.ggUpdateText(); this._description.appendChild(this._description__text); me._description.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._description.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._description.ggUpdatePosition=function () { } this._userdata.appendChild(this._description); this._author=document.createElement('div'); this._author__text=document.createElement('div'); this._author.className='ggskin ggskin_textdiv'; this._author.ggTextDiv=this._author__text; this._author.ggId="author"; this._author.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._author.ggVisible=true; this._author.className='ggskin ggskin_text '; this._author.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 10px;'; hs+='position : absolute;'; hs+='top : 50px;'; hs+='visibility : inherit;'; hs+='width : 218px;'; this._author.setAttribute('style',hs); this._author.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 218px;'; hs+='height: 20px;'; 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._author__text.setAttribute('style',hs); this._author.ggUpdateText=function() { var hs=me.ggUserdata.author; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._author.ggUpdateText(); this._author.appendChild(this._author__text); me._author.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._author.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._author.ggUpdatePosition=function () { } this._userdata.appendChild(this._author); this._datetime=document.createElement('div'); this._datetime__text=document.createElement('div'); this._datetime.className='ggskin ggskin_textdiv'; this._datetime.ggTextDiv=this._datetime__text; this._datetime.ggId="datetime"; this._datetime.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._datetime.ggVisible=true; this._datetime.className='ggskin ggskin_text '; this._datetime.ggType='text'; hs =''; hs+='height : 23px;'; hs+='left : 10px;'; hs+='position : absolute;'; hs+='top : 70px;'; hs+='visibility : inherit;'; hs+='width : 218px;'; this._datetime.setAttribute('style',hs); this._datetime.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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._datetime__text.setAttribute('style',hs); this._datetime.ggUpdateText=function() { var hs=me.ggUserdata.datetime; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._datetime.ggUpdateText(); this._datetime.appendChild(this._datetime__text); me._datetime.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._datetime.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._datetime.ggUpdatePosition=function () { } this._userdata.appendChild(this._datetime); this._copyright=document.createElement('div'); this._copyright__text=document.createElement('div'); this._copyright.className='ggskin ggskin_textdiv'; this._copyright.ggTextDiv=this._copyright__text; this._copyright.ggId="copyright"; this._copyright.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._copyright.ggVisible=true; this._copyright.className='ggskin ggskin_text '; this._copyright.ggType='text'; hs =''; hs+='height : 23px;'; hs+='left : 10px;'; hs+='position : absolute;'; hs+='top : 110px;'; hs+='visibility : inherit;'; hs+='width : 218px;'; this._copyright.setAttribute('style',hs); this._copyright.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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._copyright__text.setAttribute('style',hs); this._copyright.ggUpdateText=function() { var hs="© "+me.ggUserdata.copyright; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._copyright.ggUpdateText(); this._copyright.appendChild(this._copyright__text); me._copyright.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._copyright.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._copyright.ggUpdatePosition=function () { } this._userdata.appendChild(this._copyright); this._userdata_close=document.createElement('div'); this._userdata_close__img=document.createElement('img'); this._userdata_close__img.className='ggskin ggskin_svg'; this._userdata_close__img.setAttribute('src',basePath + 'images/userdata_close.svg'); this._userdata_close__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._userdata_close__img['ondragstart']=function() { return false; }; this._userdata_close.appendChild(this._userdata_close__img); this._userdata_close__imgo=document.createElement('img'); this._userdata_close__imgo.className='ggskin ggskin_svg'; this._userdata_close__imgo.setAttribute('src',basePath + 'images/userdata_close__o.svg'); this._userdata_close__imgo.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;visibility:hidden;pointer-events:none;'); this._userdata_close__imgo['ondragstart']=function() { return false; }; this._userdata_close.appendChild(this._userdata_close__imgo); this._userdata_close.ggId="userdata_close"; this._userdata_close.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._userdata_close.ggVisible=true; this._userdata_close.className='ggskin ggskin_svg '; this._userdata_close.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 32px;'; hs+='left : 207px;'; hs+='position : absolute;'; hs+='top : 1px;'; hs+='visibility : inherit;'; hs+='width : 32px;'; this._userdata_close.setAttribute('style',hs); this._userdata_close.style[domTransform + 'Origin']='50% 50%'; me._userdata_close.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._userdata_close.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._userdata_close.onclick=function () { me._userdata.style[domTransition]='none'; me._userdata.style.visibility='hidden'; me._userdata.ggVisible=false; me._screentint.style[domTransition]='none'; me._screentint.style.visibility='hidden'; me._screentint.ggVisible=false; } this._userdata_close.onmouseover=function () { me._userdata_close__img.style.visibility='hidden'; me._userdata_close__imgo.style.visibility='inherit'; } this._userdata_close.onmouseout=function () { me._userdata_close__img.style.visibility='inherit'; me._userdata_close__imgo.style.visibility='hidden'; } this._userdata_close.ggUpdatePosition=function () { } this._userdata.appendChild(this._userdata_close); this.divSkin.appendChild(this._userdata); 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%;'; 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 () { 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; me._screentint.style[domTransition]='none'; me._screentint.style.visibility='hidden'; me._screentint.ggVisible=false; } this._image_popup.ggUpdatePosition=function () { } 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;'; 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 () { 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%;'; 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 () { 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._screentint=document.createElement('div'); this._screentint.ggId="screentint"; this._screentint.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._screentint.ggVisible=false; this._screentint.className='ggskin ggskin_rectangle '; this._screentint.ggType='rectangle'; hs =''; hs+='background : rgba(0,0,0,0.509804);'; hs+='border : 1px solid #000000;'; hs+='height : 100%;'; hs+='left : 0%;'; hs+='position : absolute;'; hs+='top : 0%;'; hs+='visibility : hidden;'; hs+='width : 100%;'; this._screentint.setAttribute('style',hs); this._screentint.style[domTransform + 'Origin']='50% 50%'; me._screentint.ggIsActive=function() { return false; } me._screentint.ggElementNodeId=function() { return me.player.getCurrentNode(); } this._screentint.ggUpdatePosition=function () { } this.divSkin.appendChild(this._screentint); this._view=document.createElement('div'); this._view.ggId="view"; this._view.ggLeft=-316; this._view.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view.ggVisible=true; this._view.className='ggskin ggskin_container '; this._view.ggType='container'; hs =''; hs+='height : 300px;'; hs+='left : -316px;'; hs+='position : absolute;'; hs+='top : 16px;'; hs+='visibility : inherit;'; hs+='width : 300px;'; this._view.setAttribute('style',hs); this._view.style[domTransform + 'Origin']='50% 50%'; me._view.ggIsActive=function() { return false; } me._view.ggElementNodeId=function() { return me.player.getCurrentNode(); } me._view.ggCurrentLogicStatePosition = -1; me._view.ggCurrentLogicStateSize = -1; this._view.ggUpdateConditionTimer=function () { var newLogicStatePosition; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStatePosition = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStatePosition = 1; } else { newLogicStatePosition = -1; } if (me._view.ggCurrentLogicStatePosition != newLogicStatePosition) { me._view.ggCurrentLogicStatePosition = newLogicStatePosition; me._view.style[domTransition]='left none, top none, width none, height none'; if (me._view.ggCurrentLogicStatePosition == 0) { me._view.ggLeft=-600; me._view.style.top='0px'; me._view.ggUpdatePosition(); } else if (me._view.ggCurrentLogicStatePosition == 1) { me._view.ggLeft=-900; me._view.style.top='0px'; me._view.ggUpdatePosition(); } else { me._view.ggLeft=-316; me._view.style.top='16px'; me._view.ggUpdatePosition(); } } var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view.ggCurrentLogicStateSize != newLogicStateSize) { me._view.ggCurrentLogicStateSize = newLogicStateSize; me._view.style[domTransition]='left none, top none, width none, height none'; if (me._view.ggCurrentLogicStateSize == 0) { me._view.style.width='600px'; me._view.style.height='600px'; me.updateSize(me._view); } else if (me._view.ggCurrentLogicStateSize == 1) { me._view.style.width='900px'; me._view.style.height='900px'; me.updateSize(me._view); } else { me._view.style.width='300px'; me._view.style.height='300px'; me.updateSize(me._view); } } } this._view.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show=document.createElement('div'); this._view_show.ggId="view_show"; this._view_show.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_show.ggVisible=false; this._view_show.className='ggskin ggskin_container '; this._view_show.ggType='container'; hs =''; hs+='height : 270px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 30px;'; hs+='visibility : hidden;'; hs+='width : 300px;'; this._view_show.setAttribute('style',hs); this._view_show.style[domTransform + 'Origin']='50% 50%'; me._view_show.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_show.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_show.ggCurrentLogicStateSize = -1; me._view_show.ggCurrentLogicStateVisible = -1; this._view_show.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_show.ggCurrentLogicStateSize != newLogicStateSize) { me._view_show.ggCurrentLogicStateSize = newLogicStateSize; me._view_show.style[domTransition]='width none, height none'; if (me._view_show.ggCurrentLogicStateSize == 0) { me._view_show.style.width='600px'; me._view_show.style.height='570px'; me.updateSize(me._view_show); } else if (me._view_show.ggCurrentLogicStateSize == 1) { me._view_show.style.width='900px'; me._view_show.style.height='870px'; me.updateSize(me._view_show); } else { me._view_show.style.width='300px'; me._view_show.style.height='270px'; me.updateSize(me._view_show); } } var newLogicStateVisible; if ( (ggSkinVars['view_show'] > 0) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_show.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_show.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_show.style[domTransition]='width none, height none'; if (me._view_show.ggCurrentLogicStateVisible == 0) { me._view_show.style.visibility=(Number(me._view_show.style.opacity)>0||!me._view_show.style.opacity)?'inherit':'hidden'; me._view_show.ggVisible=true; } else { me._view_show.style.visibility="hidden"; me._view_show.ggVisible=false; } } } this._view_show.ggUpdatePosition=function () { } this._view_item_info=document.createElement('div'); this._view_item_info.ggId="view_item_info"; this._view_item_info.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_info.ggVisible=false; this._view_item_info.className='ggskin ggskin_container '; this._view_item_info.ggType='container'; hs =''; hs+='height : 260px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : hidden;'; hs+='width : 300px;'; this._view_item_info.setAttribute('style',hs); this._view_item_info.style[domTransform + 'Origin']='50% 50%'; me._view_item_info.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_info.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_info.ggCurrentLogicStateSize = -1; me._view_item_info.ggCurrentLogicStateVisible = -1; this._view_item_info.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (me.player.getViewerSize().width == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_info.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_info.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_info.style[domTransition]='width none, height none'; if (me._view_item_info.ggCurrentLogicStateSize == 0) { me._view_item_info.style.width='600px'; me._view_item_info.style.height='560px'; me.updateSize(me._view_item_info); } else if (me._view_item_info.ggCurrentLogicStateSize == 1) { me._view_item_info.style.width='900px'; me._view_item_info.style.height='860px'; me.updateSize(me._view_item_info); } else { me._view_item_info.style.width='300px'; me._view_item_info.style.height='260px'; me.updateSize(me._view_item_info); } } var newLogicStateVisible; if ( (ggSkinVars['view_state'] == 4) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_item_info.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_item_info.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_item_info.style[domTransition]='width none, height none'; if (me._view_item_info.ggCurrentLogicStateVisible == 0) { me._view_item_info.style.visibility=(Number(me._view_item_info.style.opacity)>0||!me._view_item_info.style.opacity)?'inherit':'hidden'; me._view_item_info.ggVisible=true; } else { me._view_item_info.style.visibility="hidden"; me._view_item_info.ggVisible=false; } } } this._view_item_info.ggUpdatePosition=function () { } this._view_item_info_background=document.createElement('div'); this._view_item_info_background.ggId="view_item_info_background"; this._view_item_info_background.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_info_background.ggVisible=true; this._view_item_info_background.className='ggskin ggskin_rectangle '; this._view_item_info_background.ggType='rectangle'; hs =''; hs+='background : rgba(128,128,128,0.784314);'; hs+='border : 1px solid #000000;'; hs+='height : 259px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 299px;'; this._view_item_info_background.setAttribute('style',hs); this._view_item_info_background.style[domTransform + 'Origin']='50% 50%'; me._view_item_info_background.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_info_background.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_info_background.ggCurrentLogicStateSize = -1; this._view_item_info_background.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_info_background.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_info_background.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_info_background.style[domTransition]='width none, height none'; if (me._view_item_info_background.ggCurrentLogicStateSize == 0) { me._view_item_info_background.style.width='600px'; me._view_item_info_background.style.height='560px'; me.updateSize(me._view_item_info_background); } else if (me._view_item_info_background.ggCurrentLogicStateSize == 1) { me._view_item_info_background.style.width='900px'; me._view_item_info_background.style.height='860px'; me.updateSize(me._view_item_info_background); } else { me._view_item_info_background.style.width='300px'; me._view_item_info_background.style.height='260px'; me.updateSize(me._view_item_info_background); } } } this._view_item_info_background.ggUpdatePosition=function () { } this._view_item_info.appendChild(this._view_item_info_background); this._view_item_info_text_body=document.createElement('div'); this._view_item_info_text_body__text=document.createElement('div'); this._view_item_info_text_body.className='ggskin ggskin_textdiv'; this._view_item_info_text_body.ggTextDiv=this._view_item_info_text_body__text; this._view_item_info_text_body.ggId="View_item_info_text_body"; this._view_item_info_text_body.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_info_text_body.ggVisible=true; this._view_item_info_text_body.className='ggskin ggskin_text '; this._view_item_info_text_body.ggType='text'; hs =''; hs+='height : 193px;'; hs+='left : 12px;'; hs+='position : absolute;'; hs+='top : 45px;'; hs+='visibility : inherit;'; hs+='width : 274px;'; hs+='font-size:12px;'; this._view_item_info_text_body.setAttribute('style',hs); this._view_item_info_text_body.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 274px;'; hs+='height: 193px;'; hs+='border: 0px solid #000000;'; hs+='color: rgba(255,255,255,1);'; hs+='text-align: left;'; hs+='white-space: pre-wrap;'; hs+='padding: 0px 1px 0px 1px;'; hs+='overflow: hidden;'; hs+='overflow-y: auto;'; this._view_item_info_text_body__text.setAttribute('style',hs); this._view_item_info_text_body.ggUpdateText=function() { var hs=me.ggUserdata.description+""+me.ggUserdata.source+""+me.ggUserdata.copyright+"Date: "+me.ggUserdata.datetime+"Location: "+me.ggUserdata.latitude+" "+me.ggUserdata.longitude+"Source: "+me.ggUserdata.author+"Info: "+me.ggUserdata.information+"Comment: "+me.ggUserdata.comment+"Pan: "+me.player.getPanN().toFixed(1)+" Tilt: "+me.player.getTilt().toFixed(1)+" Fov: "+me.player.getFov().toFixed(1)+"Status: "+(me.player.getPercentLoaded()*100.0).toFixed(1)+" \/ "+(100.0).toFixed(1)+" KB loaded ("+(me.player.getPercentLoaded()*100.0).toFixed(0)+"%)"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } me._view_item_info_text_body.ggUpdateText(); this._view_item_info_text_body.appendChild(this._view_item_info_text_body__text); me._view_item_info_text_body.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_info_text_body.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_info_text_body.ggCurrentLogicStateSize = -1; this._view_item_info_text_body.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_info_text_body.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_info_text_body.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_info_text_body__text.style[domTransition]='width none, height none'; if (me._view_item_info_text_body.ggCurrentLogicStateSize == 0) { me._view_item_info_text_body__text.style.width='576px'; me._view_item_info_text_body__text.style.height='493px'; me.updateSize(me._view_item_info_text_body); } else if (me._view_item_info_text_body.ggCurrentLogicStateSize == 1) { me._view_item_info_text_body__text.style.width='876px'; me._view_item_info_text_body__text.style.height='793px'; me.updateSize(me._view_item_info_text_body); } else { me._view_item_info_text_body__text.style.width='276px'; me._view_item_info_text_body__text.style.height='193px'; me.updateSize(me._view_item_info_text_body); } } } this._view_item_info_text_body.ggUpdatePosition=function () { } this._view_item_info.appendChild(this._view_item_info_text_body); this._view_item_info_title=document.createElement('div'); this._view_item_info_title__text=document.createElement('div'); this._view_item_info_title.className='ggskin ggskin_textdiv'; this._view_item_info_title.ggTextDiv=this._view_item_info_title__text; this._view_item_info_title.ggId="view_item_info_title"; this._view_item_info_title.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_info_title.ggVisible=true; this._view_item_info_title.className='ggskin ggskin_text '; this._view_item_info_title.ggType='text'; hs =''; hs+='height : 18px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : inherit;'; hs+='width : 298px;'; this._view_item_info_title.setAttribute('style',hs); this._view_item_info_title.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 298px;'; 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._view_item_info_title__text.setAttribute('style',hs); this._view_item_info_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._view_item_info_title.ggUpdateText(); this._view_item_info_title.appendChild(this._view_item_info_title__text); me._view_item_info_title.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_info_title.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_info_title.ggCurrentLogicStateSize = -1; this._view_item_info_title.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_info_title.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_info_title.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_info_title__text.style[domTransition]='width none, height none'; if (me._view_item_info_title.ggCurrentLogicStateSize == 0) { me._view_item_info_title__text.style.width='600px'; me._view_item_info_title__text.style.height='18px'; me.updateSize(me._view_item_info_title); } else if (me._view_item_info_title.ggCurrentLogicStateSize == 1) { me._view_item_info_title__text.style.width='900px'; me._view_item_info_title__text.style.height='18px'; me.updateSize(me._view_item_info_title); } else { me._view_item_info_title__text.style.width='300px'; me._view_item_info_title__text.style.height='18px'; me.updateSize(me._view_item_info_title); } } } this._view_item_info_title.ggUpdatePosition=function () { } this._view_item_info.appendChild(this._view_item_info_title); this._view_show.appendChild(this._view_item_info); this._view_item_compass=document.createElement('div'); this._view_item_compass__img=document.createElement('img'); this._view_item_compass__img.className='ggskin ggskin_svg'; this._view_item_compass__img.setAttribute('src',basePath + 'images/view_item_compass.svg'); this._view_item_compass__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_item_compass__img['ondragstart']=function() { return false; }; this._view_item_compass.appendChild(this._view_item_compass__img); this._view_item_compass.ggId="view_item_compass"; this._view_item_compass.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_compass.ggVisible=false; this._view_item_compass.className='ggskin ggskin_svg '; this._view_item_compass.ggType='svg'; hs =''; hs+='height : 260px;'; hs+='left : 15px;'; hs+='position : absolute;'; hs+='top : 10px;'; hs+='visibility : hidden;'; hs+='width : 270px;'; this._view_item_compass.setAttribute('style',hs); this._view_item_compass.style[domTransform + 'Origin']='50% 50%'; me._view_item_compass.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_compass.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_compass.ggCurrentLogicStateSize = -1; me._view_item_compass.ggCurrentLogicStateVisible = -1; this._view_item_compass.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_compass.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_compass.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_compass.style[domTransition]='width none, height none'; if (me._view_item_compass.ggCurrentLogicStateSize == 0) { me._view_item_compass.style.width='570px'; me._view_item_compass.style.height='560px'; me.updateSize(me._view_item_compass); } else if (me._view_item_compass.ggCurrentLogicStateSize == 1) { me._view_item_compass.style.width='870px'; me._view_item_compass.style.height='860px'; me.updateSize(me._view_item_compass); } else { me._view_item_compass.style.width='270px'; me._view_item_compass.style.height='260px'; me.updateSize(me._view_item_compass); } } var newLogicStateVisible; if ( (ggSkinVars['view_state'] == 3) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_item_compass.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_item_compass.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_item_compass.style[domTransition]='width none, height none'; if (me._view_item_compass.ggCurrentLogicStateVisible == 0) { me._view_item_compass.style.visibility=(Number(me._view_item_compass.style.opacity)>0||!me._view_item_compass.style.opacity)?'inherit':'hidden'; me._view_item_compass.ggVisible=true; } else { me._view_item_compass.style.visibility="hidden"; me._view_item_compass.ggVisible=false; } } } this._view_item_compass.ggUpdatePosition=function () { } this._view_show.appendChild(this._view_item_compass); this._view_item_images=document.createElement('div'); this._view_item_images__content=document.createElement('div'); this._view_item_images.ggContent=this._view_item_images__content; this._view_item_images.appendChild(this._view_item_images__content); hs =''; hs+='background : rgba(163,163,163,0.784314);'; hs+='left : 0px;'; hs+='overflow : visible;'; hs+='position : absolute;'; hs+='top : 0px;'; this._view_item_images__content.setAttribute('style',hs); this._view_item_images.ggId="view_item_images"; this._view_item_images.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_images.ggVisible=false; this._view_item_images.className='ggskin ggskin_scrollarea '; this._view_item_images.ggType='scrollarea'; hs =''; hs+='-webkit-overflow-scrolling : touch;'; hs+='background : rgba(163,163,163,0.784314);'; hs+='border : 1px solid #ffffff;'; hs+='cursor : pointer;'; hs+='height : 263px;'; hs+='left : 0px;'; hs+='overflow-x : auto;'; hs+='overflow-y : auto;'; hs+='position : absolute;'; hs+='top : 6px;'; hs+='visibility : hidden;'; hs+='width : 299px;'; hs+='border-radius: 5px;'; this._view_item_images.setAttribute('style',hs); this._view_item_images.style[domTransform + 'Origin']='50% 50%'; me._view_item_images.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_images.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_images.ggCurrentLogicStateSize = -1; me._view_item_images.ggCurrentLogicStateVisible = -1; this._view_item_images.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_item_images.ggCurrentLogicStateSize != newLogicStateSize) { me._view_item_images.ggCurrentLogicStateSize = newLogicStateSize; me._view_item_images.style[domTransition]='width none, height none'; if (me._view_item_images.ggCurrentLogicStateSize == 0) { me._view_item_images.style.width='600px'; me._view_item_images.style.height='558px'; me.updateSize(me._view_item_images); } else if (me._view_item_images.ggCurrentLogicStateSize == 1) { me._view_item_images.style.width='900px'; me._view_item_images.style.height='860px'; me.updateSize(me._view_item_images); } else { me._view_item_images.style.width='300px'; me._view_item_images.style.height='264px'; me.updateSize(me._view_item_images); } } var newLogicStateVisible; if ( (ggSkinVars['view_state'] == 2) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_item_images.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_item_images.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_item_images.style[domTransition]='width none, height none'; if (me._view_item_images.ggCurrentLogicStateVisible == 0) { me._view_item_images.style.visibility=(Number(me._view_item_images.style.opacity)>0||!me._view_item_images.style.opacity)?'inherit':'hidden'; me._view_item_images.ggVisible=true; } else { me._view_item_images.style.visibility="hidden"; me._view_item_images.ggVisible=false; } } } this._view_item_images.ggUpdatePosition=function () { { this.ggContent.style.left = '0px'; this.ggContent.style.marginLeft = '0px'; this.ggContent.style.top = '0px'; this.ggContent.style.marginTop = '0px'; } } this._view_item_images_cloner=document.createElement('div'); this._view_item_images_cloner.ggNumRepeat = 4; this._view_item_images_cloner.ggWidth = 98; this._view_item_images_cloner.ggHeight = 60; this._view_item_images_cloner.ggUpdating = false; this._view_item_images_cloner.ggFilter = []; this._view_item_images_cloner.ggUpdate = function(filter) { if(me._view_item_images_cloner.ggUpdating == true) return; me._view_item_images_cloner.ggUpdating = true; if (typeof filter=='object') { me._view_item_images_cloner.ggFilter = filter; } else { filter = me._view_item_images_cloner.ggFilter; }; if (me._view_item_images_cloner.hasChildNodes() == true) { while (me._view_item_images_cloner.firstChild) { me._view_item_images_cloner.removeChild(me._view_item_images_cloner.firstChild); } } var tourNodes = me.player.getNodeIds(); var row = 0; var column = 0; var numRows = me._view_item_images_cloner.ggNumRepeat; if (numRows < 1) numRows = 1; for (i=0; i < tourNodes.length; i++) { var nodeId = tourNodes[i]; var passed = false; if (filter.length > 0) { var nodeData = me.player.getNodeUserdata(nodeId); for (j=0; j < filter.length; j++) { if (nodeData['tags'].indexOf(filter[j]) != -1) passed = true; } } else passed = true; if (passed) { me._view_item_images_cloner__node = document.createElement('div'); me._view_item_images_cloner.appendChild(me._view_item_images_cloner__node); me._view_item_images_cloner__node.setAttribute('style','position: absolute; top: ' + (row * me._view_item_images_cloner.ggHeight) + 'px; left:' + (column * me._view_item_images_cloner.ggWidth) + 'px; height: ' + me._view_item_images_cloner.ggHeight + 'px; width: ' + me._view_item_images_cloner.ggWidth + 'px; overflow: hidden;'); var inst = new SkinCloner_view_item_images_cloner_Class(nodeId, me); me._view_item_images_cloner__node.appendChild(inst.__div); me._view_item_images_cloner__node.ggObj=inst; me.updateSize(inst.__div); row++; if (row >= numRows) { row = 0; column++; } } } me._view_item_images_cloner.ggClonerCallChildFunctions('ggUpdateConditionTimer'); me._view_item_images_cloner.ggUpdating = false; } this._view_item_images_cloner.ggClonerCallChildFunctions = function(functionname){ var stack = []; var i; for(i=0; i 0) { var e = stack.pop(); if (typeof e[functionname] == 'function') e[functionname](); if(e.hasChildNodes()) { for(i=0; i0||!me._view_item_map.style.opacity)?'inherit':'hidden'; me._view_item_map.ggVisible=true; } else { me._view_item_map.style.visibility="hidden"; me._view_item_map.ggVisible=false; } } } this._view_item_map.ggUpdatePosition=function () { } this._view_item_map.ggNodeChange=function () { if (this.ggLastActivMarker) { if (this.ggLastActivMarker._div.ggDeactivate) this.ggLastActivMarker._div.ggDeactivate(); } var id=me.player.getCurrentNode(); var marker=this.ggMarkerArray[id]; if (marker) { if (marker._div.ggActivate) marker._div.ggActivate(); } this.ggLastActivMarker=marker; } this._view_show.appendChild(this._view_item_map); this._view_menu_background=document.createElement('div'); this._view_menu_background.ggId="view_menu_background"; this._view_menu_background.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_menu_background.ggVisible=true; this._view_menu_background.className='ggskin ggskin_rectangle '; this._view_menu_background.ggType='rectangle'; hs =''; hs+='background : #548cd9;'; hs+='border : 0px solid #000000;'; hs+='height : 40px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : -30px;'; hs+='visibility : inherit;'; hs+='width : 300px;'; hs+='z-index:1000;'; this._view_menu_background.setAttribute('style',hs); this._view_menu_background.style[domTransform + 'Origin']='50% 50%'; me._view_menu_background.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_menu_background.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_menu_background.ggCurrentLogicStateSize = -1; this._view_menu_background.ggUpdateConditionTimer=function () { var newLogicStateSize; if ( (ggSkinVars['view_size'] == 1) ) { newLogicStateSize = 0; } else if ( (ggSkinVars['view_size'] == 2) ) { newLogicStateSize = 1; } else { newLogicStateSize = -1; } if (me._view_menu_background.ggCurrentLogicStateSize != newLogicStateSize) { me._view_menu_background.ggCurrentLogicStateSize = newLogicStateSize; me._view_menu_background.style[domTransition]='width none, height none'; if (me._view_menu_background.ggCurrentLogicStateSize == 0) { me._view_menu_background.style.width='600px'; me._view_menu_background.style.height='40px'; me.updateSize(me._view_menu_background); } else if (me._view_menu_background.ggCurrentLogicStateSize == 1) { me._view_menu_background.style.width='900px'; me._view_menu_background.style.height='40px'; me.updateSize(me._view_menu_background); } else { me._view_menu_background.style.width='300px'; me._view_menu_background.style.height='40px'; me.updateSize(me._view_menu_background); } } } this._view_menu_background.ggUpdatePosition=function () { } this._view_show.appendChild(this._view_menu_background); this._view_zoom_icon=document.createElement('div'); this._view_zoom_icon__img=document.createElement('img'); this._view_zoom_icon__img.className='ggskin ggskin_svg'; this._view_zoom_icon__img.setAttribute('src',basePath + 'images/view_zoom_icon.svg'); this._view_zoom_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_zoom_icon__img['ondragstart']=function() { return false; }; this._view_zoom_icon.appendChild(this._view_zoom_icon__img); this._view_zoom_icon.ggId="view_zoom_icon"; this._view_zoom_icon.ggLeft=-50; this._view_zoom_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_zoom_icon.ggVisible=true; this._view_zoom_icon.className='ggskin ggskin_svg '; this._view_zoom_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : -50px;'; hs+='position : absolute;'; hs+='top : -23px;'; hs+='visibility : inherit;'; hs+='width : 24px;'; hs+='z-index:1001;'; this._view_zoom_icon.setAttribute('style',hs); this._view_zoom_icon.style[domTransform + 'Origin']='50% 50%'; me._view_zoom_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_zoom_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_zoom_icon.onclick=function () { ggSkinVars['view_size'] = ggSkinVars['view_size'] + Number("1"); ggSkinVars['view_size'] = ggSkinVars['view_size'] % Number("3"); } this._view_zoom_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show.appendChild(this._view_zoom_icon); this._view_info_icon=document.createElement('div'); this._view_info_icon__img=document.createElement('img'); this._view_info_icon__img.className='ggskin ggskin_svg'; this._view_info_icon__img.setAttribute('src',basePath + 'images/view_info_icon.svg'); this._view_info_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_info_icon__img['ondragstart']=function() { return false; }; this._view_info_icon.appendChild(this._view_info_icon__img); this._view_info_icon.ggId="view_info_icon"; this._view_info_icon.ggLeft=-81; this._view_info_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_info_icon.ggVisible=true; this._view_info_icon.className='ggskin ggskin_svg '; this._view_info_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 26px;'; hs+='left : -81px;'; hs+='position : absolute;'; hs+='top : -24px;'; hs+='visibility : inherit;'; hs+='width : 26px;'; hs+='z-index:1001;'; this._view_info_icon.setAttribute('style',hs); this._view_info_icon.style[domTransform + 'Origin']='50% 50%'; me._view_info_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_info_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_info_icon.onclick=function () { ggSkinVars['view_state'] = Number("4"); } this._view_info_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show.appendChild(this._view_info_icon); this._view_compass_icon=document.createElement('div'); this._view_compass_icon__img=document.createElement('img'); this._view_compass_icon__img.className='ggskin ggskin_svg'; this._view_compass_icon__img.setAttribute('src',basePath + 'images/view_compass_icon.svg'); this._view_compass_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_compass_icon__img['ondragstart']=function() { return false; }; this._view_compass_icon.appendChild(this._view_compass_icon__img); this._view_compass_icon.ggId="view_compass_icon"; this._view_compass_icon.ggLeft=-110; this._view_compass_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_compass_icon.ggVisible=true; this._view_compass_icon.className='ggskin ggskin_svg '; this._view_compass_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 20px;'; hs+='left : -110px;'; hs+='position : absolute;'; hs+='top : -21px;'; hs+='visibility : inherit;'; hs+='width : 20px;'; hs+='z-index:1001;'; this._view_compass_icon.setAttribute('style',hs); this._view_compass_icon.style[domTransform + 'Origin']='50% 50%'; me._view_compass_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_compass_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_compass_icon.onclick=function () { ggSkinVars['view_state'] = Number("3"); } this._view_compass_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show.appendChild(this._view_compass_icon); this._view_images_icon=document.createElement('div'); this._view_images_icon__img=document.createElement('img'); this._view_images_icon__img.className='ggskin ggskin_svg'; this._view_images_icon__img.setAttribute('src',basePath + 'images/view_images_icon.svg'); this._view_images_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_images_icon__img['ondragstart']=function() { return false; }; this._view_images_icon.appendChild(this._view_images_icon__img); this._view_images_icon.ggId="view_images_icon"; this._view_images_icon.ggLeft=-145; this._view_images_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_images_icon.ggVisible=true; this._view_images_icon.className='ggskin ggskin_svg '; this._view_images_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : -145px;'; hs+='position : absolute;'; hs+='top : -22px;'; hs+='visibility : inherit;'; hs+='width : 24px;'; hs+='z-index:1001;'; this._view_images_icon.setAttribute('style',hs); this._view_images_icon.style[domTransform + 'Origin']='50% 50%'; me._view_images_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_images_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_images_icon.onclick=function () { ggSkinVars['view_state'] = Number("2"); } this._view_images_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show.appendChild(this._view_images_icon); this._view_map_icon=document.createElement('div'); this._view_map_icon__img=document.createElement('img'); this._view_map_icon__img.className='ggskin ggskin_svg'; this._view_map_icon__img.setAttribute('src',basePath + 'images/view_map_icon.svg'); this._view_map_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_map_icon__img['ondragstart']=function() { return false; }; this._view_map_icon.appendChild(this._view_map_icon__img); this._view_map_icon.ggId="view_map_icon"; this._view_map_icon.ggLeft=-180; this._view_map_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_map_icon.ggVisible=true; this._view_map_icon.className='ggskin ggskin_svg '; this._view_map_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : -180px;'; hs+='position : absolute;'; hs+='top : -22px;'; hs+='visibility : inherit;'; hs+='width : 24px;'; hs+='z-index:1001;'; this._view_map_icon.setAttribute('style',hs); this._view_map_icon.style[domTransform + 'Origin']='50% 50%'; me._view_map_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_map_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_map_icon.onclick=function () { ggSkinVars['view_state'] = Number("1"); } this._view_map_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view_show.appendChild(this._view_map_icon); this._view_menu_title=document.createElement('div'); this._view_menu_title__text=document.createElement('div'); this._view_menu_title.className='ggskin ggskin_textdiv'; this._view_menu_title.ggTextDiv=this._view_menu_title__text; this._view_menu_title.ggId="view_menu_title"; this._view_menu_title.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_menu_title.ggVisible=true; this._view_menu_title.className='ggskin ggskin_text '; this._view_menu_title.ggType='text'; hs =''; hs+='height : 20px;'; hs+='left : 30px;'; hs+='position : absolute;'; hs+='top : -18px;'; hs+='visibility : inherit;'; hs+='width : 98px;'; hs+='font-size:14px; z-index:1001;'; this._view_menu_title.setAttribute('style',hs); this._view_menu_title.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 98px;'; hs+='height: 20px;'; 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._view_menu_title__text.setAttribute('style',hs); this._view_menu_title__text.innerHTML=""; this._view_menu_title.appendChild(this._view_menu_title__text); me._view_menu_title.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_menu_title.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_menu_title.onclick=function () { ggSkinVars['view_state'] = Number("1"); } me._view_menu_title.ggCurrentLogicStateText = -1; this._view_menu_title.ggUpdateConditionTimer=function () { var newLogicStateText; if ( (ggSkinVars['view_state'] == 1) ) { newLogicStateText = 0; } else if ( (ggSkinVars['view_state'] == 2) ) { newLogicStateText = 1; } else if ( (ggSkinVars['view_state'] == 3) ) { newLogicStateText = 2; } else if ( (ggSkinVars['view_state'] == 4) ) { newLogicStateText = 3; } else { newLogicStateText = -1; } if (me._view_menu_title.ggCurrentLogicStateText != newLogicStateText) { me._view_menu_title.ggCurrentLogicStateText = newLogicStateText; me._view_menu_title.style[domTransition]=''; if (me._view_menu_title.ggCurrentLogicStateText == 0) { me._view_menu_title.ggText="Map"; me._view_menu_title__text.innerHTML=me._view_menu_title.ggText; if (me._view_menu_title.ggUpdateText) { me._view_menu_title.ggUpdateText=function() { var hs="Map"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } } else { if (me._view_menu_title.ggUpdatePosition) me._view_menu_title.ggUpdatePosition(); } } else if (me._view_menu_title.ggCurrentLogicStateText == 1) { me._view_menu_title.ggText="Panoramas"; me._view_menu_title__text.innerHTML=me._view_menu_title.ggText; if (me._view_menu_title.ggUpdateText) { me._view_menu_title.ggUpdateText=function() { var hs="Panoramas"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } } else { if (me._view_menu_title.ggUpdatePosition) me._view_menu_title.ggUpdatePosition(); } } else if (me._view_menu_title.ggCurrentLogicStateText == 2) { me._view_menu_title.ggText="Compass"; me._view_menu_title__text.innerHTML=me._view_menu_title.ggText; if (me._view_menu_title.ggUpdateText) { me._view_menu_title.ggUpdateText=function() { var hs="Compass"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } } else { if (me._view_menu_title.ggUpdatePosition) me._view_menu_title.ggUpdatePosition(); } } else if (me._view_menu_title.ggCurrentLogicStateText == 3) { me._view_menu_title.ggText="Information"; me._view_menu_title__text.innerHTML=me._view_menu_title.ggText; if (me._view_menu_title.ggUpdateText) { me._view_menu_title.ggUpdateText=function() { var hs="Information"; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } } else { if (me._view_menu_title.ggUpdatePosition) me._view_menu_title.ggUpdatePosition(); } } else { me._view_menu_title.ggText=""; me._view_menu_title__text.innerHTML=me._view_menu_title.ggText; if (me._view_menu_title.ggUpdateText) { me._view_menu_title.ggUpdateText=function() { var hs=""; if (hs!=this.ggText) { this.ggText=hs; this.ggTextDiv.innerHTML=hs; if (this.ggUpdatePosition) this.ggUpdatePosition(); } } } else { if (me._view_menu_title.ggUpdatePosition) me._view_menu_title.ggUpdatePosition(); } } } } this._view_menu_title.ggUpdatePosition=function () { } this._view_show.appendChild(this._view_menu_title); this._view_menu_icon=document.createElement('div'); this._view_menu_icon__img=document.createElement('img'); this._view_menu_icon__img.className='ggskin ggskin_svg'; this._view_menu_icon__img.setAttribute('src',basePath + 'images/view_menu_icon.svg'); this._view_menu_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_menu_icon__img['ondragstart']=function() { return false; }; this._view_menu_icon.appendChild(this._view_menu_icon__img); this._view_menu_icon.ggId="view_menu_icon"; this._view_menu_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_menu_icon.ggVisible=true; this._view_menu_icon.className='ggskin ggskin_svg '; this._view_menu_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : 4px;'; hs+='position : absolute;'; hs+='top : -22px;'; hs+='visibility : inherit;'; hs+='width : 24px;'; hs+='z-index:1001;'; this._view_menu_icon.setAttribute('style',hs); this._view_menu_icon.style[domTransform + 'Origin']='50% 50%'; me._view_menu_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_menu_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_menu_icon.ggUpdatePosition=function () { } this._view_show.appendChild(this._view_menu_icon); this._view.appendChild(this._view_show); this._view_close_icon=document.createElement('div'); this._view_close_icon__img=document.createElement('img'); this._view_close_icon__img.className='ggskin ggskin_svg'; this._view_close_icon__img.setAttribute('src',basePath + 'images/view_close_icon.svg'); this._view_close_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_close_icon__img['ondragstart']=function() { return false; }; this._view_close_icon.appendChild(this._view_close_icon__img); this._view_close_icon.ggId="view_close_icon"; this._view_close_icon.ggLeft=-22; this._view_close_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_close_icon.ggVisible=false; this._view_close_icon.className='ggskin ggskin_svg '; this._view_close_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 20px;'; hs+='left : -22px;'; hs+='position : absolute;'; hs+='top : 4px;'; hs+='visibility : hidden;'; hs+='width : 20px;'; hs+='z-index:1001;'; this._view_close_icon.setAttribute('style',hs); this._view_close_icon.style[domTransform + 'Origin']='50% 50%'; me._view_close_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_close_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_close_icon.onclick=function () { ggSkinVars['view_show'] = ggSkinVars['view_show'] + Number("1"); ggSkinVars['view_show'] = ggSkinVars['view_show'] % Number("2"); } me._view_close_icon.ggCurrentLogicStateVisible = -1; this._view_close_icon.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (ggSkinVars['view_show'] > 0) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_close_icon.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_close_icon.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_close_icon.style[domTransition]=''; if (me._view_close_icon.ggCurrentLogicStateVisible == 0) { me._view_close_icon.style.visibility=(Number(me._view_close_icon.style.opacity)>0||!me._view_close_icon.style.opacity)?'inherit':'hidden'; me._view_close_icon.ggVisible=true; } else { me._view_close_icon.style.visibility="hidden"; me._view_close_icon.ggVisible=false; } } } this._view_close_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view.appendChild(this._view_close_icon); this._view_open_icon=document.createElement('div'); this._view_open_icon__img=document.createElement('img'); this._view_open_icon__img.className='ggskin ggskin_svg'; this._view_open_icon__img.setAttribute('src',basePath + 'images/view_open_icon.svg'); this._view_open_icon__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_open_icon__img['ondragstart']=function() { return false; }; this._view_open_icon.appendChild(this._view_open_icon__img); this._view_open_icon.ggId="view_open_icon"; this._view_open_icon.ggLeft=-24; this._view_open_icon.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_open_icon.ggVisible=false; this._view_open_icon.className='ggskin ggskin_svg '; this._view_open_icon.ggType='svg'; hs =''; hs+='cursor : pointer;'; hs+='height : 24px;'; hs+='left : -24px;'; hs+='position : absolute;'; hs+='top : 2px;'; hs+='visibility : hidden;'; hs+='width : 24px;'; hs+='z-index:1001;'; this._view_open_icon.setAttribute('style',hs); this._view_open_icon.style[domTransform + 'Origin']='50% 50%'; me._view_open_icon.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_open_icon.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_open_icon.onclick=function () { ggSkinVars['view_show'] = ggSkinVars['view_show'] + Number("1"); ggSkinVars['view_show'] = ggSkinVars['view_show'] % Number("2"); ggSkinVars['view_size'] = ggSkinVars['view_size'] % Number("3"); } me._view_open_icon.ggCurrentLogicStateVisible = -1; this._view_open_icon.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (ggSkinVars['view_show'] > 0) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_open_icon.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_open_icon.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_open_icon.style[domTransition]=''; if (me._view_open_icon.ggCurrentLogicStateVisible == 0) { me._view_open_icon.style.visibility="hidden"; me._view_open_icon.ggVisible=false; } else { me._view_open_icon.style.visibility="hidden"; me._view_open_icon.ggVisible=false; } } } this._view_open_icon.ggUpdatePosition=function () { this.style[domTransition]='none'; if (this.parentNode) { var w=this.parentNode.offsetWidth; this.style.left=(this.ggLeft - 0 + w) + 'px'; } } this._view.appendChild(this._view_open_icon); this.divSkin.appendChild(this._view); 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._view_item_map.ggRadar={ lastFov : -1, lastPan : -1, lastZoom : -1,activeNodeLatLng : null, poly : null } this._view_item_map.ggRadar.update=function() { if ((typeof google !== 'object') || (typeof google.maps !== 'object')) return; var radar=me._view_item_map.ggRadar; var map=me._view_item_map.ggMap; if (!map) return; var d2r = Math.PI/180 ; var r2d = 180/Math.PI ; var fov = me.player.getFov(); var pan = me.player.getPanNorth(); var zoom = map.getZoom(); var gps=me.player.getNodeLatLng(); if ((gps.length>=2) && ((gps[0]!=0) || (gps[1]!=0))) { if (zoom<6) zoom = 6; // avoid large radar beams on world map if ((fov==radar.lastFov) && (pan==radar.lastPan) && (zoom==radar.lastZoom) && (gps[0]==radar.activeNodeLatLng.lat()) && (gps[1]==activeNodeLatLng.lng())) return; radar.lastPan=pan;radar.lastFov=fov;radar.lastZoom=zoom; radar.activeNodeLatLng = new google.maps.LatLng(gps[0], gps[1]); var rLat = 4.0*r2d / Math.pow(2,zoom); // beam size var rLng = rLat/Math.cos(radar.activeNodeLatLng.lat() * d2r); var radar_path = []; radar_path.push(radar.activeNodeLatLng); var segments=5; for (i=-segments; i<=segments; i++) { var angle = (fov / (2*segments)) * i; var x = -rLng * Math.sin((pan+angle)*d2r) + radar.activeNodeLatLng.lng(); var y = rLat * Math.cos((pan+angle)*d2r) + radar.activeNodeLatLng.lat(); radar_path.push(new google.maps.LatLng(y, x)); } if (radar.poly) { radar.poly.setMap(null); radar.poly = null; } radar.poly = new google.maps.Polygon({ paths: radar_path, strokeColor: '#ff0000', strokeOpacity: 0.8, strokeWeight: 1, fillColor: '#ff0000', fillOpacity: 0.35 }); radar.poly.setMap(map); } else { if (radar) { activeNodeLatLng = new google.maps.LatLng(0,0); if (radar.poly) { radar.poly.setMap(null); radar.poly = null; } } } } this._view_item_map.ggMarkerArray=[]; this._view_item_map.ggInitMap=function() { if ((typeof google !== 'object') || (typeof google.maps !== 'object')) return; var gps=me.player.getNodeLatLng(); if ((gps.length>=2) && ((gps[0]!=0) || (gps[1]!=0))) { activeNodeLatLng = new google.maps.LatLng(gps[0], gps[1]); } else { activeNodeLatLng = new google.maps.LatLng(0,0); } var mapOptions = { zoom: 14, center: activeNodeLatLng, mapTypeId: google.maps.MapTypeId.ROADMAP, streetViewControl: false }; me._view_item_map.ggMap = new google.maps.Map(me._view_item_map, mapOptions); var ids=me.player.getNodeIds(); var marker; var markerLocation; var bounds=new google.maps.LatLngBounds(); for(var i=0;i=2) && ((gps[0]!=0) || (gps[1]!=0))) { markerLocation = new google.maps.LatLng(gps[0], gps[1]); marker = new google.maps.Marker({position: markerLocation,map: me._view_item_map.ggMap}); marker.setTitle(me.player.getNodeTitle(id)); marker.setAnimation(google.maps.Animation.DROP); marker.setClickable(true); marker.ggId=id; google.maps.event.addListener(marker, 'click', function() { me.player.openNext('{' + this.ggId + '}'); activeNodeLatLng=this.position; lastFov=-1; // force radar update }); bounds.extend(markerLocation); } } if (ids.length > 1 && !bounds.isEmpty()) { me._view_item_map.ggMap.fitBounds(bounds); } } this.divSkin.ggUpdateSize=function(w,h) { me.updateSize(me.divSkin); } this.divSkin.ggViewerInit=function() { me._view_item_images_cloner.ggUpdate(me._view_item_images_cloner.ggTags); me._view_item_map.ggInitMap(); } 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 () { } 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+='height : 99px;'; hs+='left : 0px;'; hs+='position : absolute;'; hs+='top : 0px;'; hs+='visibility : inherit;'; hs+='width : 149px;'; 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 () { } 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;'; 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 () { } 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+='height : 20px;'; hs+='left : 5px;'; hs+='position : absolute;'; hs+='top : 77px;'; hs+='visibility : inherit;'; hs+='width : 140px;'; 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 () { } 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;'; this._tooltip_drop_shadow.setAttribute('style',hs); this._tooltip_drop_shadow.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; this._tooltip.setAttribute('style',hs); this._tooltip.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { } 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;'; 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 () { me.skin._screentint.style[domTransition]='none'; me.skin._screentint.style.visibility=(Number(me.skin._screentint.style.opacity)>0||!me.skin._screentint.style.opacity)?'inherit':'hidden'; me.skin._screentint.ggVisible=true; me.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function () { me.player.setActiveHotspot(me.hotspot); me.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function () { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function () { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function () { } 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;'; 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 () { } 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;'; this._tt_information.setAttribute('style',hs); this._tt_information.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { 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._screentint.style[domTransition]='none'; me.skin._screentint.style.visibility=(Number(me.skin._screentint.style.opacity)>0||!me.skin._screentint.style.opacity)?'inherit':'hidden'; me.skin._screentint.ggVisible=true; me.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function () { me.player.setActiveHotspot(me.hotspot); me.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function () { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function () { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function () { } 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;'; this._hstext_image.setAttribute('style',hs); this._hstext_image.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { } 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;'; 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 () { } 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;'; 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 () { me.player.openUrl(me.hotspot.url,me.hotspot.target); me.skin.hotspotProxyClick(me.hotspot.id); } this.__div.onmouseover=function () { me.player.setActiveHotspot(me.hotspot); me.elementMouseOver['_div']=true; me.skin.hotspotProxyOver(me.hotspot.id); } this.__div.onmouseout=function () { me.player.setActiveHotspot(null); me.elementMouseOver['_div']=false; me.skin.hotspotProxyOut(me.hotspot.id); } this.__div.ontouchend=function () { me.elementMouseOver['_div']=false; } this.__div.ggUpdatePosition=function () { } 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;'; 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 () { } 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;'; this._hstext_url.setAttribute('style',hs); this._hstext_url.style[domTransform + 'Origin']='50% 50%'; hs ='position:absolute;'; 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 () { 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;'; 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 () { } 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;'; 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 () { } this._marker_normal.ggNodeChangeMain=function() { } return this._marker_normal; }; function SkinCloner_view_item_images_cloner_Class(nodeId, parent) { var me=this; this.skin=parent; this.player=this.skin.player; this.ggNodeId=nodeId; this.ggUserdata=this.skin.player.getNodeUserdata(nodeId); this.elementMouseDown=[]; this.elementMouseOver=[]; this.__div=document.createElement('div'); this.__div.setAttribute('style','position: absolute; left: 0px; top: 0px; width: 98px; height: 60px; visibility: inherit;'); this.__div.ggIsActive = function() { return me.player.getCurrentNode()==me.ggNodeId; } this.__div.ggElementNodeId=function() { return me.ggNodeId; } this._view_item_images_nodeimage=document.createElement('div'); this._view_item_images_nodeimage__img=document.createElement('img'); this._view_item_images_nodeimage__img.className='ggskin ggskin_nodeimage'; this._view_item_images_nodeimage__img.setAttribute('src',basePath + "images/view_item_images_nodeimage_" + nodeId + ".jpg"); this._view_item_images_nodeimage.ggNodeId=nodeId; this._view_item_images_nodeimage__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_item_images_nodeimage__img.className='ggskin ggskin_nodeimage'; this._view_item_images_nodeimage__img['ondragstart']=function() { return false; }; this._view_item_images_nodeimage.appendChild(this._view_item_images_nodeimage__img); this._view_item_images_nodeimage.ggId="view_item_images_nodeimage"; this._view_item_images_nodeimage.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_images_nodeimage.ggVisible=true; this._view_item_images_nodeimage.className='ggskin ggskin_nodeimage '; this._view_item_images_nodeimage.ggType='nodeimage'; hs =''; hs+='cursor : pointer;'; hs+='height : 60px;'; hs+='left : 2px;'; hs+='position : absolute;'; hs+='top : 2px;'; hs+='visibility : inherit;'; hs+='width : 100px;'; this._view_item_images_nodeimage.setAttribute('style',hs); this._view_item_images_nodeimage.style[domTransform + 'Origin']='50% 50%'; me._view_item_images_nodeimage.ggIsActive=function() { return me.player.getCurrentNode()==this.ggElementNodeId(); } me._view_item_images_nodeimage.ggElementNodeId=function() { return this.ggNodeId; } this._view_item_images_nodeimage.onclick=function () { me.player.openNext("{"+me.ggNodeId+"}",me.player.hotspot.target); } this._view_item_images_nodeimage.ggUpdatePosition=function () { } this._view_item_images_checkmark_tick=document.createElement('div'); this._view_item_images_checkmark_tick__img=document.createElement('img'); this._view_item_images_checkmark_tick__img.className='ggskin ggskin_svg'; this._view_item_images_checkmark_tick__img.setAttribute('src',basePath + 'images/view_item_images_checkmark_tick.svg'); this._view_item_images_checkmark_tick__img.setAttribute('style','position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;-webkit-user-drag:none;pointer-events:none;'); this._view_item_images_checkmark_tick__img['ondragstart']=function() { return false; }; this._view_item_images_checkmark_tick.appendChild(this._view_item_images_checkmark_tick__img); this._view_item_images_checkmark_tick.ggId="view_item_images_checkmark_tick"; this._view_item_images_checkmark_tick.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_images_checkmark_tick.ggVisible=false; this._view_item_images_checkmark_tick.className='ggskin ggskin_svg '; this._view_item_images_checkmark_tick.ggType='svg'; hs =''; hs+='height : 26px;'; hs+='left : 69px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : hidden;'; hs+='width : 26px;'; this._view_item_images_checkmark_tick.setAttribute('style',hs); this._view_item_images_checkmark_tick.style[domTransform + 'Origin']='50% 50%'; me._view_item_images_checkmark_tick.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_images_checkmark_tick.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } me._view_item_images_checkmark_tick.ggCurrentLogicStateVisible = -1; this._view_item_images_checkmark_tick.ggUpdateConditionTimer=function () { var newLogicStateVisible; if ( (me.player.nodeVisited(me._view_item_images_checkmark_tick.ggElementNodeId()) == true) || (me._view_item_images_checkmark_tick.ggIsActive() == true) ) { newLogicStateVisible = 0; } else { newLogicStateVisible = -1; } if (me._view_item_images_checkmark_tick.ggCurrentLogicStateVisible != newLogicStateVisible) { me._view_item_images_checkmark_tick.ggCurrentLogicStateVisible = newLogicStateVisible; me._view_item_images_checkmark_tick.style[domTransition]=''; if (me._view_item_images_checkmark_tick.ggCurrentLogicStateVisible == 0) { me._view_item_images_checkmark_tick.style.visibility=(Number(me._view_item_images_checkmark_tick.style.opacity)>0||!me._view_item_images_checkmark_tick.style.opacity)?'inherit':'hidden'; me._view_item_images_checkmark_tick.ggVisible=true; } else { me._view_item_images_checkmark_tick.style.visibility="hidden"; me._view_item_images_checkmark_tick.ggVisible=false; } } } this._view_item_images_checkmark_tick.ggUpdatePosition=function () { } this._view_item_images_nodeimage.appendChild(this._view_item_images_checkmark_tick); this._view_item_images_active=document.createElement('div'); this._view_item_images_active.ggId="view_item_images_active"; this._view_item_images_active.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._view_item_images_active.ggVisible=true; this._view_item_images_active.className='ggskin ggskin_rectangle '; this._view_item_images_active.ggType='rectangle'; hs =''; hs+='border : 3px solid #d1d1d1;'; hs+='height : 53px;'; hs+='left : -1px;'; hs+='position : absolute;'; hs+='top : -1px;'; hs+='visibility : inherit;'; hs+='width : 91px;'; this._view_item_images_active.setAttribute('style',hs); this._view_item_images_active.style[domTransform + 'Origin']='50% 50%'; me._view_item_images_active.ggIsActive=function() { if ((this.parentNode) && (this.parentNode.ggIsActive)) { return this.parentNode.ggIsActive(); } return false; } me._view_item_images_active.ggElementNodeId=function() { if ((this.parentNode) && (this.parentNode.ggElementNodeId)) { return this.parentNode.ggElementNodeId(); } return me.player.getCurrentNode(); } this._view_item_images_active.onmouseover=function () { me.elementMouseOver['view_item_images_active']=true; } this._view_item_images_active.onmouseout=function () { me.elementMouseOver['view_item_images_active']=false; } this._view_item_images_active.ontouchend=function () { me.elementMouseOver['view_item_images_active']=false; } me._view_item_images_active.ggCurrentLogicStateBorderColor = -1; this._view_item_images_active.ggUpdateConditionTimer=function () { var newLogicStateBorderColor; if ( (me._view_item_images_active.ggIsActive() == true) ) { newLogicStateBorderColor = 0; } else if ( (me.elementMouseOver['view_item_images_active'] == true) ) { newLogicStateBorderColor = 1; } else { newLogicStateBorderColor = -1; } if (me._view_item_images_active.ggCurrentLogicStateBorderColor != newLogicStateBorderColor) { me._view_item_images_active.ggCurrentLogicStateBorderColor = newLogicStateBorderColor; me._view_item_images_active.style[domTransition]='border-color none'; if (me._view_item_images_active.ggCurrentLogicStateBorderColor == 0) { me._view_item_images_active.style.borderColor="rgba(255,255,255,1)"; } else if (me._view_item_images_active.ggCurrentLogicStateBorderColor == 1) { me._view_item_images_active.style.borderColor="rgba(255,255,255,1)"; } else { me._view_item_images_active.style.borderColor="rgba(209,209,209,1)"; } } } this._view_item_images_active.ggUpdatePosition=function () { } this._view_item_images_nodeimage.appendChild(this._view_item_images_active); this.__div.appendChild(this._view_item_images_nodeimage); }; this.addSkin(); };