// Garden Gnome Software - Skin // Pano2VR 3.1.4/1952 // Filename: yellow_xml.ggsk // Generated Wed Jul 11 00:58:29 2012 function pano2vrSkin(player,base) { var me=this; var flag=false; this.player=player; this.player.skinObj=this; this.divSkin=player.divSkin; var basePath="https://assets.finda.co.nz/media-lib/1ywk/"; /*// 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=new Array(); this.elementMouseOver=new Array(); var cssPrefix=''; var domTransition='transition'; var domTransform='transform'; var prefixes='Webkit,Moz,O,ms,Ms'.split(','); var i; for(i=0;i0) { e=stack.pop(); if (e.ggUpdatePosition) { e.ggUpdatePosition(); } if (e.hasChildNodes()) { for(i=0;i0) { 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(i=0;i"+me.player.userdata.title+"<\/b><\/font>"; this.ggUpdatePosition(); } this._title.ggUpdateText(); this._ctr_info.appendChild(this._title); this._text_24=document.createElement('div'); this._text_24.ggId='Text 24' this._text_24.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._text_24.ggVisible=true; hs ='position:absolute;'; hs+='left: 67px;'; hs+='top: 72px;'; hs+='width: 275px;'; hs+='height: 20px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; hs+='cursor: pointer;'; hs+='border: 0px solid #000000;'; hs+='color: #ffffff;'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;' hs+='overflow: hidden;'; this._text_24.setAttribute('style',hs); this._text_24.innerHTML="_________________________________"; this._ctr_info.appendChild(this._text_24); this._steuerung=document.createElement('div'); this._steuerung.ggId='Steuerung' this._steuerung.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._steuerung.ggVisible=true; hs ='position:absolute;'; hs+='left: 159px;'; hs+='top: 115px;'; hs+='width: 98px;'; hs+='height: 20px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; hs+='cursor: pointer;'; hs+='border: 0px solid #000000;'; hs+='color: #ffffff;'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;' hs+='overflow: hidden;'; this._steuerung.setAttribute('style',hs); this._steuerung.innerHTML="Navigation:"; this._ctr_info.appendChild(this._steuerung); this._bedienung=document.createElement('div'); this._bedienung.ggId='Bedienung' this._bedienung.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._bedienung.ggVisible=true; hs ='position:absolute;'; hs+='left: 51px;'; hs+='top: 131px;'; hs+='width: 311px;'; hs+='height: auto;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; hs+='cursor: pointer;'; hs+='border: 0px solid #000000;'; hs+='color: #ffffff;'; hs+='text-align: center;'; hs+='white-space: pre-wrap;'; hs+='padding: 0px 1px 0px 1px;' hs+='overflow: hidden;'; this._bedienung.setAttribute('style',hs); this._bedienung.innerHTML="Please use the mouse or the controller buttons."; this._ctr_info.appendChild(this._bedienung); this._copyright=document.createElement('div'); this._copyright.ggId='copyright' this._copyright.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._copyright.ggVisible=true; hs ='position:absolute;'; hs+='left: 22px;'; hs+='top: 188px;'; hs+='width: 363px;'; hs+='height: 19px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; hs+='cursor: pointer;'; hs+='border: 0px solid #000000;'; hs+='color: #e6e6e6;'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;' hs+='overflow: hidden;'; this._copyright.setAttribute('style',hs); this._copyright.ggUpdateText=function() { this.innerHTML="Copyright: © "+me.player.userdata.copyright; } this._copyright.ggUpdateText(); this._ctr_info.appendChild(this._copyright); this.divSkin.appendChild(this._ctr_info); this._sv_logo_untenrechts=document.createElement('div'); this._sv_logo_untenrechts.ggId='sv_Logo_UntenRechts' this._sv_logo_untenrechts.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._sv_logo_untenrechts.ggVisible=true; this._sv_logo_untenrechts.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-75 + w) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-53 + h) + 'px'; } } hs ='position:absolute;'; hs+='left: -75px;'; hs+='top: -53px;'; hs+='width: 72px;'; hs+='height: 50px;'; hs+=cssPrefix + 'transform-origin: 100% 100%;'; hs+='opacity: 0.6;'; hs+='visibility: inherit;'; this._sv_logo_untenrechts.setAttribute('style',hs); this._sv_logo_untenrechts__img=document.createElement('img'); this._sv_logo_untenrechts__img.setAttribute('src',basePath + 'images/sv_logo_untenrechts.png'); this._sv_logo_untenrechts__img.setAttribute('style','position: absolute;top: 0px;left: 0px;'); me.player.checkLoaded.push(this._sv_logo_untenrechts__img); this._sv_logo_untenrechts.appendChild(this._sv_logo_untenrechts__img); this._sv_logo_untenrechts.onmouseover=function () { if (me.player.transitionsDisabled) { me._sv_logo_untenrechts.style[domTransition]='none'; } else { me._sv_logo_untenrechts.style[domTransition]='all 500ms ease-out 0ms'; } me._sv_logo_untenrechts.style.opacity='1'; me._sv_logo_untenrechts.style.visibility=me._sv_logo_untenrechts.ggVisible?'inherit':'hidden'; } this._sv_logo_untenrechts.onmouseout=function () { if (me.player.transitionsDisabled) { me._sv_logo_untenrechts.style[domTransition]='none'; } else { me._sv_logo_untenrechts.style[domTransition]='all 500ms ease-out 0ms'; } me._sv_logo_untenrechts.style.opacity='0.6'; me._sv_logo_untenrechts.style.visibility=me._sv_logo_untenrechts.ggVisible?'inherit':'hidden'; } this.divSkin.appendChild(this._sv_logo_untenrechts); this._loader=document.createElement('div'); this._loader.ggId='loader' this._loader.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loader.ggVisible=true; this._loader.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-113 + w/2) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-80 + h/2) + 'px'; } } hs ='position:absolute;'; hs+='left: -113px;'; hs+='top: -80px;'; hs+='width: 224px;'; hs+='height: 74px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; this._loader.setAttribute('style',hs); this._loader_image=document.createElement('div'); this._loader_image.ggId='loader_image' this._loader_image.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loader_image.ggVisible=true; hs ='position:absolute;'; hs+='left: 5px;'; hs+='top: 1px;'; hs+='width: 217px;'; hs+='height: 62px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; this._loader_image.setAttribute('style',hs); this._loader_image__img=document.createElement('img'); this._loader_image__img.setAttribute('src',basePath + 'images/loader_image.png'); this._loader_image__img.setAttribute('style','position: absolute;top: 0px;left: 0px;'); me.player.checkLoaded.push(this._loader_image__img); this._loader_image.appendChild(this._loader_image__img); this._loader.appendChild(this._loader_image); this._bar=document.createElement('div'); this._bar.ggId='bar' this._bar.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._bar.ggVisible=true; hs ='position:absolute;'; hs+='left: 20px;'; hs+='top: 22px;'; hs+='width: 183px;'; hs+='height: 12px;'; hs+=cssPrefix + 'transform-origin: 0% 50%;'; hs+='visibility: inherit;'; this._bar.setAttribute('style',hs); this._bar__img=document.createElement('img'); this._bar__img.setAttribute('src',basePath + 'images/bar.png'); this._bar__img.setAttribute('style','position: absolute;top: 0px;left: 0px;'); me.player.checkLoaded.push(this._bar__img); this._bar.appendChild(this._bar__img); this._loader.appendChild(this._bar); this._tip=document.createElement('div'); this._tip.ggId='tip' this._tip.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._tip.ggVisible=true; hs ='position:absolute;'; hs+='left: 6px;'; hs+='top: 14px;'; hs+='width: 43px;'; hs+='height: 27px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; this._tip.setAttribute('style',hs); this._tip__img=document.createElement('img'); this._tip__img.setAttribute('src',basePath + 'images/tip.png'); this._tip__img.setAttribute('style','position: absolute;top: 0px;left: 0px;'); me.player.checkLoaded.push(this._tip__img); this._tip.appendChild(this._tip__img); this._loader.appendChild(this._tip); this._loadingtext=document.createElement('div'); this._loadingtext.ggId='LoadingText' this._loadingtext.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._loadingtext.ggVisible=true; hs ='position:absolute;'; hs+='left: 21px;'; hs+='top: 36px;'; hs+='width: 182px;'; hs+='height: 21px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; hs+='border: 0px solid #000000;'; hs+='color: #0f0f0f;'; hs+='text-align: center;'; hs+='white-space: nowrap;'; hs+='padding: 0px 1px 0px 1px;' hs+='overflow: hidden;'; this._loadingtext.setAttribute('style',hs); this._loadingtext.ggUpdateText=function() { this.innerHTML="Loading "+(me.player.getPercentLoaded()*100.0).toFixed(0)+" %<\/b><\/font>"; } this._loadingtext.ggUpdateText(); this._loader.appendChild(this._loadingtext); this.divSkin.appendChild(this._loader); this._controllerelementson=document.createElement('div'); this._controllerelementson.ggId='ControllerElementsOn' this._controllerelementson.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._controllerelementson.ggVisible=false; this._controllerelementson.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-5 + w/2) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-85 + h) + 'px'; } } hs ='position:absolute;'; hs+='left: -5px;'; hs+='top: -85px;'; hs+='width: 9px;'; hs+='height: 9px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: hidden;'; hs+='border: 1px solid #000000;'; hs+='background-color: #00aa00;'; this._controllerelementson.setAttribute('style',hs); this._controllerelementson.onclick=function () { if (me.player.transitionsDisabled) { me._ctr_controllerelementsother.style[domTransition]='none'; } else { me._ctr_controllerelementsother.style[domTransition]='all 500ms ease-out 0ms'; } me._ctr_controllerelementsother.style.opacity='1'; me._ctr_controllerelementsother.style.visibility=me._ctr_controllerelementsother.ggVisible?'inherit':'hidden'; if (me.player.transitionsDisabled) { me._sv_b_0_empty_288x32.style[domTransition]='none'; } else { me._sv_b_0_empty_288x32.style[domTransition]='all 500ms ease-out 0ms'; } me._sv_b_0_empty_288x32.style.opacity='1'; me._sv_b_0_empty_288x32.style.visibility=me._sv_b_0_empty_288x32.ggVisible?'inherit':'hidden'; } this.divSkin.appendChild(this._controllerelementson); this._controllerelementsoff=document.createElement('div'); this._controllerelementsoff.ggId='ControllerElementsOff' this._controllerelementsoff.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._controllerelementsoff.ggVisible=false; this._controllerelementsoff.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-5 + w/2) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-70 + h) + 'px'; } } hs ='position:absolute;'; hs+='left: -5px;'; hs+='top: -70px;'; hs+='width: 9px;'; hs+='height: 9px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: hidden;'; hs+='border: 1px solid #000000;'; hs+='background-color: #ff0000;'; this._controllerelementsoff.setAttribute('style',hs); this._controllerelementsoff.onclick=function () { if (me.player.transitionsDisabled) { me._ctr_controllerelementsother.style[domTransition]='none'; } else { me._ctr_controllerelementsother.style[domTransition]='all 500ms ease-out 0ms'; } me._ctr_controllerelementsother.style.opacity='0.5'; me._ctr_controllerelementsother.style.visibility=me._ctr_controllerelementsother.ggVisible?'inherit':'hidden'; if (me.player.transitionsDisabled) { me._sv_b_0_empty_288x32.style[domTransition]='none'; } else { me._sv_b_0_empty_288x32.style[domTransition]='all 500ms ease-out 0ms'; } me._sv_b_0_empty_288x32.style.opacity='0'; me._sv_b_0_empty_288x32.style.visibility='hidden'; } this.divSkin.appendChild(this._controllerelementsoff); this._ctr_controllerelementsother=document.createElement('div'); this._ctr_controllerelementsother.ggId='CTR_ControllerElementsOther' this._ctr_controllerelementsother.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._ctr_controllerelementsother.ggVisible=true; this._ctr_controllerelementsother.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-144 + w/2) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-35 + h) + 'px'; } } hs ='position:absolute;'; hs+='left: -144px;'; hs+='top: -35px;'; hs+='width: 288px;'; hs+='height: 32px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; this._ctr_controllerelementsother.setAttribute('style',hs); this._ctr_controllerelementsother.onmouseover=function () { me._controllerelementson.onclick(); } this._ctr_controllerelementsother.onmouseout=function () { me._controllerelementsoff.onclick(); } this._sv_b_0_empty_288x32=document.createElement('div'); this._sv_b_0_empty_288x32.ggId='sv_b_0_empty_288x32' this._sv_b_0_empty_288x32.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._sv_b_0_empty_288x32.ggVisible=true; hs ='position:absolute;'; hs+='left: 0px;'; hs+='top: 0px;'; hs+='width: 288px;'; hs+='height: 32px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='opacity: 0;'; hs+='visibility: hidden;'; this._sv_b_0_empty_288x32.setAttribute('style',hs); this._sv_b_0_empty_288x32__img=document.createElement('img'); this._sv_b_0_empty_288x32__img.setAttribute('src',basePath + 'images/sv_b_0_empty_288x32.png'); this._sv_b_0_empty_288x32__img.setAttribute('style','position: absolute;top: 0px;left: 0px;'); me.player.checkLoaded.push(this._sv_b_0_empty_288x32__img); this._sv_b_0_empty_288x32.appendChild(this._sv_b_0_empty_288x32__img); this._ctr_controllerelementsother.appendChild(this._sv_b_0_empty_288x32); this.divSkin.appendChild(this._ctr_controllerelementsother); this._ctr_controllerelementscenter=document.createElement('div'); this._ctr_controllerelementscenter.ggId='CTR_ControllerElementsCenter' this._ctr_controllerelementscenter.ggParameter={ rx:0,ry:0,a:0,sx:1,sy:1 }; this._ctr_controllerelementscenter.ggVisible=true; this._ctr_controllerelementscenter.ggUpdatePosition=function() { this.style[domTransition]='none'; if (this.parentNode) { w=this.parentNode.offsetWidth; this.style.left=(-48 + w/2) + 'px'; h=this.parentNode.offsetHeight; this.style.top=(-35 + h) + 'px'; } } hs ='position:absolute;'; hs+='left: -48px;'; hs+='top: -35px;'; hs+='width: 96px;'; hs+='height: 32px;'; hs+=cssPrefix + 'transform-origin: 50% 50%;'; hs+='visibility: inherit;'; this._ctr_controllerelementscenter.setAttribute('style',hs); this._ctr_controllerelementscenter.onmouseover=function () { me._controllerelementson.onclick(); } this._ctr_controllerelementscenter.onmouseout=function () { me._controllerelementsoff.onclick(); } this.divSkin.appendChild(this._ctr_controllerelementscenter); me._ctr_info.style[domTransition]='none'; me._ctr_info.style.visibility='hidden'; me._ctr_info.ggVisible=false; this.preloadImages(); this.divSkin.ggUpdateSize=function(w,h) { me.updateSize(me.divSkin); } this.divSkin.ggViewerInit=function() { } this.divSkin.ggLoaded=function() { if (me.player.transitionsDisabled) { me._loader.style[domTransition]='none'; } else { me._loader.style[domTransition]='all 500ms ease-out 0ms'; } me._loader.style.opacity='0'; me._loader.style.visibility='hidden'; me._controllerelementsoff.onclick(); } this.divSkin.ggReLoaded=function() { } this.divSkin.ggEnterFullscreen=function() { } this.divSkin.ggExitFullscreen=function() { } this.skinTimerEvent(); }; this.hotspotProxyClick=function(id) { } this.hotspotProxyOver=function(id) { } this.hotspotProxyOut=function(id) { } this.skinTimerEvent=function() { setTimeout(function() { me.skinTimerEvent(); }, 10); if (me.elementMouseOver['ctr_info']) { me._close_0.style[domTransition]='none'; me._close_0.style.visibility='hidden'; me._close_0.ggVisible=false; me._close.style[domTransition]='none'; me._close.style.visibility='inherit'; me._close.ggVisible=true; } this._title.ggUpdateText(); this._copyright.ggUpdateText(); var hs=''; if (me._bar.ggParameter) { hs+=parameterToTransform(me._bar.ggParameter) + ' '; } hs+='scale(' + (1 * me.player.getPercentLoaded() + 0) + ',1.0) '; me._bar.style[domTransform]=hs; var hs=''; if (me._tip.ggParameter) { hs+=parameterToTransform(me._tip.ggParameter) + ' '; } hs+='translate(' + (168 * me.player.getPercentLoaded() + 0) + 'px,0px) '; me._tip.style[domTransform]=hs; this._loadingtext.ggUpdateText(); }; this.addSkin(); };