Skip to content

Instantly share code, notes, and snippets.

@mpetroff

mpetroff/index.html

Created October 24, 2017 13:05
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mpetroff/188340f1e66bbb316005c988fe661289 to your computer and use it in GitHub Desktop.
Save mpetroff/188340f1e66bbb316005c988fe661289 to your computer and use it in GitHub Desktop.
Download ZIP
Pannellum NEAREST interpolation test
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>NEAREST interpolation test</title>
<link rel="stylesheet" href="pannellum.css"/>
<script type="text/javascript" src="pannellum.js"></script>
<style>
html, body, #panorama {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="panorama"></div>
<script>
pannellum.viewer('panorama', {
"type": "equirectangular",
"panorama": "https://i.imgur.com/G7t9QD9.jpg"
});
</script>
</html>
Raw
pannellum.css
/* Pannellum 793918c, https://github.com/mpetroff/pannellum */
.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica,"Nimbus Sans L","Liberation Sans",Arial,sans-serif;background:#f4f4f4 url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A') repeat;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;-ms-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:grab;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-grabbing{cursor:grabbing;cursor:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A') 12 8,default}.pnlm-sprite{background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A')}.pnlm-container:-moz-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-webkit-full-screen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:-ms-fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-container:fullscreen{height:100%!important;width:100%!important;position:static!important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:4px;background-color:#fff;border:1px solid #999;border-color:rgba(0,0,0,0.4);border-radius:3px;cursor:pointer;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:4px;z-index:1}.pnlm-zoom-controls{width:26px;height:52px}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:3px 3px 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -26px;border-top:1px solid #ddd;border-top-color:rgba(0,0,0,0.10);border-radius:0 0 3px 3px}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:26px;height:26px}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:26px;height:26px;margin:-13px 0 0 -13px;background-color:rgba(255,255,255,0.5);border-radius:13px;display:none}.pnlm-orientation-button-inactive{background-position:0 -156px}.pnlm-orientation-button-active{background-position:0 -182px}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -52px}.pnlm-fullscreen-toggle-button-active{background-position:0 -78px}.pnlm-panorama-info{position:absolute;bottom:4px;background-color:rgba(0,0,0,0.7);border-radius:0 3px 3px 0;padding-right:10px;color:#fff;text-align:left;display:none;z-index:2;-webkit-transform:translateZ(9999px);transform:translateZ(9999px)}.pnlm-title-box{position:relative;font-size:20px;display:table;padding-left:5px;margin-bottom:3px}.pnlm-author-box{position:relative;font-size:12px;display:table;padding-left:5px}.pnlm-load-box{position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:rgba(0,0,0,0.7);border-radius:3px;text-align:center;font-size:20px;display:none;color:#fff}.pnlm-load-box p{margin:20px 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:10px;width:10px;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}@-webkit-keyframes pnlm-mv{from{left:0;top:0}25%{left:10px;top:0}50%{left:10px;top:10px}75%{left:0;top:10px}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:200px;height:100px;margin:-50px 0 0 -100px;background-color:rgba(0,0,0,.7);border-radius:3px;text-align:center;font-size:20px;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0,0,0,.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:15px;position:absolute;top:50%;left:50%;width:200px;height:150px;margin:-75px 0 0 -100px;background-color:#000;border-radius:3px;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 5px 0 5px}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:11px;line-height:11px;color:#fff;padding:5px 8px 5px 8px;background:rgba(0,0,0,0.7);border-radius:3px;position:absolute;top:50px;left:50px;display:none;opacity:0;-moz-transition:opacity .3s ease-in-out;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;-ms-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:26px;width:26px;border-radius:13px}.pnlm-hotspot:hover{background-color:rgba(255,255,255,0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -104px}.pnlm-hotspot.pnlm-scene{background-position:0 -130px}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:3px;background-color:rgba(0,0,0,0.7);color:#fff;text-align:center;max-width:200px;padding:5px 10px;margin-left:-220px;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:'';position:absolute;width:0;height:0;border-width:10px;border-style:solid;border-color:rgba(0,0,0,0.7) transparent transparent transparent;bottom:-20px;left:-10px;margin:0 50%}.pnlm-compass{position:absolute;width:50px;height:50px;right:4px;bottom:4px;border-radius:25px;background-image:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A');cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:150px;margin:0 auto;border:#fff 1px solid;height:6px}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:12px}.pnlm-fade-img{position:absolute;top:0;left:0}
Raw
pannellum.js
// Pannellum 793918c, https://github.com/mpetroff/pannellum
window.libpannellum=function(E,f,r){function Aa(O){function bb(a,e){return 1==a.level&&1!=e.level?-1:1==e.level&&1!=a.level?1:e.timestamp-a.timestamp}function U(a,e){return a.level!=e.level?a.level-e.level:a.diff-e.diff}function V(a,e,d,f,q,b){this.vertices=a;this.side=e;this.level=d;this.x=f;this.y=q;this.path=b.replace("%s",e).replace("%l",d).replace("%x",f).replace("%y",q)}function W(a,e,f,r,q){var b;var h=e.vertices;b=ca(a,h.slice(0,3));var g=ca(a,h.slice(3,6)),B=ca(a,h.slice(6,9)),h=ca(a,h.slice(9,
12)),l=b[0]+g[0]+B[0]+h[0];-4==l||4==l?b=!1:(l=b[1]+g[1]+B[1]+h[1],b=-4==l||4==l?!1:4!=b[2]+g[2]+B[2]+h[2]);if(b){b=e.vertices;g=b[0]+b[3]+b[6]+b[9];B=b[1]+b[4]+b[7]+b[10];h=b[2]+b[5]+b[8]+b[11];l=Math.sqrt(g*g+B*B+h*h);h=Math.asin(h/l);g=Math.atan2(B,g)-r;g+=g>Math.PI?-2*Math.PI:g<-Math.PI?2*Math.PI:0;g=Math.abs(g);e.diff=Math.acos(Math.sin(f)*Math.sin(h)+Math.cos(f)*Math.cos(h)*Math.cos(g));g=!1;for(B=0;B<d.nodeCache.length;B++)if(d.nodeCache[B].path==e.path){g=!0;d.nodeCache[B].timestamp=d.nodeCacheTimestamp++;
d.nodeCache[B].diff=e.diff;d.currentNodes.push(d.nodeCache[B]);break}g||(e.timestamp=d.nodeCacheTimestamp++,d.currentNodes.push(e),d.nodeCache.push(e));if(e.level<d.level){var h=t.cubeResolution*Math.pow(2,e.level-t.maxLevel),g=Math.ceil(h*t.invTileResolution)-1,B=h%t.tileResolution*2,z=2*h%t.tileResolution;0===z&&(z=t.tileResolution);0===B&&(B=2*t.tileResolution);l=0.5;if(e.x==g||e.y==g)l=1-t.tileResolution/(t.tileResolution+z);var u=1-l,h=[],x=l,K=l,G=l,L=u,A=u,y=u;if(z<t.tileResolution)if(e.x==
g&&e.y!=g){if(A=K=0.5,"d"==e.side||"u"==e.side)y=G=0.5}else e.x!=g&&e.y==g&&(L=x=0.5,"l"==e.side||"r"==e.side)&&(y=G=0.5);B<=t.tileResolution&&(e.x==g&&(x=0,L=1,"l"==e.side||"r"==e.side)&&(G=0,y=1),e.y==g&&(K=0,A=1,"d"==e.side||"u"==e.side)&&(G=0,y=1));z=[b[0],b[1],b[2],b[0]*x+b[3]*L,b[1]*l+b[4]*u,b[2]*G+b[5]*y,b[0]*x+b[6]*L,b[1]*K+b[7]*A,b[2]*G+b[8]*y,b[0]*l+b[9]*u,b[1]*K+b[10]*A,b[2]*G+b[11]*y];z=new V(z,e.side,e.level+1,2*e.x,2*e.y,t.fullpath);h.push(z);e.x==g&&B<=t.tileResolution||(z=[b[0]*x+
b[3]*L,b[1]*l+b[4]*u,b[2]*G+b[5]*y,b[3],b[4],b[5],b[3]*l+b[6]*u,b[4]*K+b[7]*A,b[5]*G+b[8]*y,b[0]*x+b[6]*L,b[1]*K+b[7]*A,b[2]*G+b[8]*y],z=new V(z,e.side,e.level+1,2*e.x+1,2*e.y,t.fullpath),h.push(z));e.x==g&&B<=t.tileResolution||e.y==g&&B<=t.tileResolution||(z=[b[0]*x+b[6]*L,b[1]*K+b[7]*A,b[2]*G+b[8]*y,b[3]*l+b[6]*u,b[4]*K+b[7]*A,b[5]*G+b[8]*y,b[6],b[7],b[8],b[9]*x+b[6]*L,b[10]*l+b[7]*u,b[11]*G+b[8]*y],z=new V(z,e.side,e.level+1,2*e.x+1,2*e.y+1,t.fullpath),h.push(z));e.y==g&&B<=t.tileResolution||(z=
[b[0]*l+b[9]*u,b[1]*K+b[10]*A,b[2]*G+b[11]*y,b[0]*x+b[6]*L,b[1]*K+b[7]*A,b[2]*G+b[8]*y,b[9]*x+b[6]*L,b[10]*l+b[7]*u,b[11]*G+b[8]*y,b[9],b[10],b[11]],z=new V(z,e.side,e.level+1,2*e.x,2*e.y+1,t.fullpath),h.push(z));for(e=0;e<h.length;e++)W(a,h[e],f,r,q)}}}function Ca(){return[-1,1,-1,1,1,-1,1,-1,-1,-1,-1,-1,1,1,1,-1,1,1,-1,-1,1,1,-1,1,-1,1,1,1,1,1,1,1,-1,-1,1,-1,-1,-1,-1,1,-1,-1,1,-1,1,-1,-1,1,-1,1,1,-1,1,-1,-1,-1,-1,-1,-1,1,1,1,-1,1,1,1,1,-1,1,1,-1,-1]}function qa(a,e,d){var f=Math.sin(e);e=Math.cos(e);
if("x"==d)return[a[0],e*a[1]+f*a[2],e*a[2]-f*a[1],a[3],e*a[4]+f*a[5],e*a[5]-f*a[4],a[6],e*a[7]+f*a[8],e*a[8]-f*a[7]];if("y"==d)return[e*a[0]-f*a[2],a[1],e*a[2]+f*a[0],e*a[3]-f*a[5],a[4],e*a[5]+f*a[3],e*a[6]-f*a[8],a[7],e*a[8]+f*a[6]];if("z"==d)return[e*a[0]+f*a[1],e*a[1]-f*a[0],a[2],e*a[3]+f*a[4],e*a[4]-f*a[3],a[5],e*a[6]+f*a[7],e*a[7]-f*a[6],a[8]]}function ra(a){return[a[0],a[4],a[8],a[12],a[1],a[5],a[9],a[13],a[2],a[6],a[10],a[14],a[3],a[7],a[11],a[15]]}function Ja(a){a.textureLoad||(a.textureLoad=
!0,ha(encodeURI(a.path+"."+t.extension),function(e){a.texture=e;a.textureLoaded=!0}))}function ca(a,e){var d=[a[0]*e[0]+a[1]*e[1]+a[2]*e[2],a[4]*e[0]+a[5]*e[1]+a[6]*e[2],a[11]+a[8]*e[0]+a[9]*e[1]+a[10]*e[2],1/(a[12]*e[0]+a[13]*e[1]+a[14]*e[2])],f=d[0]*d[3],q=d[1]*d[3],d=d[2]*d[3],b=[0,0,0];-1>f&&(b[0]=-1);1<f&&(b[0]=1);-1>q&&(b[1]=-1);1<q&&(b[1]=1);if(-1>d||1<d)b[2]=1;return b}function sa(){console.log("Reducing canvas size due to error 1286!");x.width=Math.round(x.width/2);x.height=Math.round(x.height/
2)}var x=f.createElement("canvas");x.style.width=x.style.height="100%";O.appendChild(x);var d,a,T,M,la,P,ta,da,t,y,ua,ia,A,Y,Da;this.init=function(k,e,Pa,ba,q,b,h,g){typeof e===r&&(e="equirectangular");if("equirectangular"!=e&&"cubemap"!=e&&"multires"!=e)throw console.log("Error: invalid image type specified!"),{type:"config error"};y=e;t=k;ua=Pa;if(d){T&&(a.detachShader(d,T),a.deleteShader(T));M&&(a.detachShader(d,M),a.deleteShader(M));a.bindBuffer(a.ARRAY_BUFFER,null);a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,
null);d.texture&&a.deleteTexture(d.texture);if(d.nodeCache)for(k=0;k<d.nodeCache.length;k++)a.deleteTexture(d.nodeCache[k].texture);a.deleteProgram(d);d=r}da=r;"cubemap"==y&&0!==(t[0].width&t[0].width-1)&&(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)||navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 9_/)||navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 10_/)||navigator.userAgent.match(/Trident.*rv[ :]*11\./))||(a||(a=x.getContext("experimental-webgl",
{alpha:!1,depth:!1})),a&&1286==a.getError()&&sa());if(!a&&("multires"==y&&t.hasOwnProperty("fallbackPath")||"cubemap"==y)&&("WebkitAppearance"in f.documentElement.style||navigator.userAgent.match(/Trident.*rv[ :]*11\./)||-1!==navigator.appVersion.indexOf("MSIE 10"))){P&&O.removeChild(P);P=f.createElement("div");P.className="pnlm-world";ba=t.basePath?t.basePath+t.fallbackPath:t.fallbackPath;var B="frblud".split(""),E=0;q=function(){var a=f.createElement("canvas");a.className="pnlm-face pnlm-"+B[this.side]+
"face";P.appendChild(a);var b=a.getContext("2d");a.style.width=this.width+4+"px";a.style.height=this.height+4+"px";a.width=this.width+4;a.height=this.height+4;b.drawImage(this,2,2);var e=b.getImageData(0,0,a.width,a.height),d=e.data,k,g;for(k=2;k<a.width-2;k++)for(g=0;4>g;g++)d[4*(k+a.width)+g]=d[4*(k+2*a.width)+g],d[4*(k+a.width*(a.height-2))+g]=d[4*(k+a.width*(a.height-3))+g];for(k=2;k<a.height-2;k++)for(g=0;4>g;g++)d[4*(k*a.width+1)+g]=d[4*(k*a.width+2)+g],d[4*((k+1)*a.width-2)+g]=d[4*((k+1)*a.width-
3)+g];for(g=0;4>g;g++)d[4*(a.width+1)+g]=d[4*(2*a.width+2)+g],d[4*(2*a.width-2)+g]=d[4*(3*a.width-3)+g],d[4*(a.width*(a.height-2)+1)+g]=d[4*(a.width*(a.height-3)+2)+g],d[4*(a.width*(a.height-1)-2)+g]=d[4*(a.width*(a.height-2)-3)+g];for(k=1;k<a.width-1;k++)for(g=0;4>g;g++)d[4*k+g]=d[4*(k+a.width)+g],d[4*(k+a.width*(a.height-1))+g]=d[4*(k+a.width*(a.height-2))+g];for(k=1;k<a.height-1;k++)for(g=0;4>g;g++)d[k*a.width*4+g]=d[4*(k*a.width+1)+g],d[4*((k+1)*a.width-1)+g]=d[4*((k+1)*a.width-2)+g];for(g=0;4>
g;g++)d[g]=d[4*(a.width+1)+g],d[4*(a.width-1)+g]=d[4*(2*a.width-2)+g],d[a.width*(a.height-1)*4+g]=d[4*(a.width*(a.height-2)+1)+g],d[4*(a.width*a.height-1)+g]=d[4*(a.width*(a.height-1)-2)+g];b.putImageData(e,0,0);E++;6==E&&(la=this.width,O.appendChild(P),h())};for(k=0;6>k;k++)b=new Image,b.crossOrigin="anonymous",b.side=k,b.onload=q,b.src="multires"==y?encodeURI(ba.replace("%s",B[k])+"."+t.extension):encodeURI(t[k].src)}else{if(!a)throw console.log("Error: no WebGL support detected!"),{type:"no webgl"};
t.fullpath=t.basePath?t.basePath+t.path:t.path;t.invTileResolution=1/t.tileResolution;e=Ca();ta=[];for(k=0;6>k;k++)ta[k]=e.slice(12*k,12*k+12),e=Ca();if("equirectangular"==y){if(k=Math.max(t.width,t.height),e=a.getParameter(a.MAX_TEXTURE_SIZE),k>e)throw console.log("Error: The image is too big; it's "+k+"px wide, but this device's maximum supported width is "+e+"px."),{type:"webgl size error",width:k,maxWidth:e};}else if("cubemap"==y&&(k=t[0].width,e=a.getParameter(a.MAX_CUBE_MAP_TEXTURE_SIZE),k>
e))throw console.log("Error: The cube face image is too big; it's "+k+"px wide, but this device's maximum supported width is "+e+"px."),{type:"webgl size error",width:k,maxWidth:e};g===r||g.horizonPitch===r&&g.horizonRoll===r||(da=[g.horizonPitch==r?0:g.horizonPitch,g.horizonRoll==r?0:g.horizonRoll]);k=a.TEXTURE_2D;a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight);T=a.createShader(a.VERTEX_SHADER);e=l;"multires"==y&&(e=u);a.shaderSource(T,e);a.compileShader(T);M=a.createShader(a.FRAGMENT_SHADER);
e=Ka;"cubemap"==y?(k=a.TEXTURE_CUBE_MAP,e=La):"multires"==y&&(e=ma);a.shaderSource(M,e);a.compileShader(M);d=a.createProgram();a.attachShader(d,T);a.attachShader(d,M);a.linkProgram(d);a.getShaderParameter(T,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(T));a.getShaderParameter(M,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(M));a.getProgramParameter(d,a.LINK_STATUS)||console.log(a.getProgramInfoLog(d));a.useProgram(d);d.drawInProgress=!1;d.texCoordLocation=a.getAttribLocation(d,"a_texCoord");
a.enableVertexAttribArray(d.texCoordLocation);"multires"!=y?(ia||(ia=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,ia),a.bufferData(a.ARRAY_BUFFER,new Float32Array([-1,1,1,1,1,-1,-1,1,1,-1,-1,-1]),a.STATIC_DRAW),a.vertexAttribPointer(d.texCoordLocation,2,a.FLOAT,!1,0,0),d.aspectRatio=a.getUniformLocation(d,"u_aspectRatio"),a.uniform1f(d.aspectRatio,x.clientWidth/x.clientHeight),d.psi=a.getUniformLocation(d,"u_psi"),d.theta=a.getUniformLocation(d,"u_theta"),d.f=a.getUniformLocation(d,"u_f"),d.h=a.getUniformLocation(d,
"u_h"),d.v=a.getUniformLocation(d,"u_v"),d.vo=a.getUniformLocation(d,"u_vo"),d.rot=a.getUniformLocation(d,"u_rot"),a.uniform1f(d.h,ba/(2*Math.PI)),a.uniform1f(d.v,q/Math.PI),a.uniform1f(d.vo,b/Math.PI*2),"equirectangular"==y&&(d.backgroundColor=a.getUniformLocation(d,"u_backgroundColor"),a.uniform4fv(d.backgroundColor,(g.backgroundColor?g.backgroundColor:[0,0,0]).concat([1]))),d.texture=a.createTexture(),a.bindTexture(k,d.texture),"cubemap"==y?(a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_X,0,a.RGB,a.RGB,
a.UNSIGNED_BYTE,t[1]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t[3]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t[4]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t[5]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t[0]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t[2])):a.texImage2D(k,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,t),a.texParameteri(k,a.TEXTURE_WRAP_S,
a.CLAMP_TO_EDGE),a.texParameteri(k,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(k,a.TEXTURE_MIN_FILTER,a.NEAREST),a.texParameteri(k,a.TEXTURE_MAG_FILTER,a.NEAREST)):(d.vertPosLocation=a.getAttribLocation(d,"a_vertCoord"),a.enableVertexAttribArray(d.vertPosLocation),A||(A=a.createBuffer()),Y||(Y=a.createBuffer()),Da||(Da=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,Y),a.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,1,1,0,1]),a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,Da),a.bufferData(a.ELEMENT_ARRAY_BUFFER,
new Uint16Array([0,1,2,0,2,3]),a.STATIC_DRAW),d.perspUniform=a.getUniformLocation(d,"u_perspMatrix"),d.cubeUniform=a.getUniformLocation(d,"u_cubeMatrix"),d.level=-1,d.currentNodes=[],d.nodeCache=[],d.nodeCacheTimestamp=0);ba=a.getError();if(0!==ba)throw console.log("Error: Something went wrong with WebGL!",ba),{type:"webgl error"};h()}};this.destroy=function(){O!==r&&(x!==r&&O.contains(x)&&O.removeChild(x),P!==r&&O.contains(P)&&O.removeChild(P));if(a){var d=a.getExtension("WEBGL_lose_context");d&&
d.loseContext()}};this.resize=function(){var k=E.devicePixelRatio||1;x.width=x.clientWidth*k;x.height=x.clientHeight*k;a&&(1286==a.getError()&&sa(),a.viewport(0,0,a.drawingBufferWidth,a.drawingBufferHeight),"multires"!=y&&a.uniform1f(d.aspectRatio,x.clientWidth/x.clientHeight))};this.resize();this.setPose=function(a,d){da=[a,d]};this.render=function(k,e,f,l){var q;q=0;l===r&&(l={});l.roll&&(q=l.roll);if(da!==r){var b=da[0],h=da[1],g=k,u=e,E=Math.cos(h)*Math.sin(k)*Math.sin(b)+Math.cos(k)*(Math.cos(b)*
Math.cos(e)+Math.sin(h)*Math.sin(b)*Math.sin(e)),z=-Math.sin(k)*Math.sin(h)+Math.cos(k)*Math.cos(h)*Math.sin(e);k=Math.cos(h)*Math.cos(b)*Math.sin(k)+Math.cos(k)*(-Math.cos(e)*Math.sin(b)+Math.cos(b)*Math.sin(h)*Math.sin(e));k=Math.asin(Math.max(Math.min(k,1),-1));e=Math.atan2(z,E);b=[Math.cos(g)*(Math.sin(h)*Math.sin(b)*Math.cos(u)-Math.cos(b)*Math.sin(u)),Math.cos(g)*Math.cos(h)*Math.cos(u),Math.cos(g)*(Math.cos(b)*Math.sin(h)*Math.cos(u)+Math.sin(u)*Math.sin(b))];h=[-Math.cos(k)*Math.sin(e),Math.cos(k)*
Math.cos(e)];h=Math.acos(Math.max(Math.min((b[0]*h[0]+b[1]*h[1])/(Math.sqrt(b[0]*b[0]+b[1]*b[1]+b[2]*b[2])*Math.sqrt(h[0]*h[0]+h[1]*h[1])),1),-1));0>b[2]&&(h=2*Math.PI-h);q+=h}if(a||"multires"!=y&&"cubemap"!=y){if("multires"!=y)f=2*Math.atan(Math.tan(0.5*f)/(x.clientWidth/x.clientHeight)),f=1/Math.tan(0.5*f),a.uniform1f(d.psi,e),a.uniform1f(d.theta,k),a.uniform1f(d.rot,q),a.uniform1f(d.f,f),!0===ua&&"equirectangular"==y&&(a.bindTexture(a.TEXTURE_2D,d.texture),a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,
a.UNSIGNED_BYTE,t)),a.drawArrays(a.TRIANGLES,0,6);else{b=x.clientWidth/x.clientHeight;h=2*Math.atan(Math.tan(f/2)*x.clientHeight/x.clientWidth);h=1/Math.tan(h/2);b=[h/b,0,0,0,0,h,0,0,0,0,100.1/-99.9,20/-99.9,0,0,-1,0];for(h=1;h<t.maxLevel&&x.width>t.tileResolution*Math.pow(2,h-1)*Math.tan(f/2)*0.707;)h++;d.level=h;h=[1,0,0,0,1,0,0,0,1];h=qa(h,-q,"z");h=qa(h,-k,"x");h=qa(h,e,"y");h=[h[0],h[1],h[2],0,h[3],h[4],h[5],0,h[6],h[7],h[8],0,0,0,0,1];a.uniformMatrix4fv(d.perspUniform,!1,new Float32Array(ra(b)));
a.uniformMatrix4fv(d.cubeUniform,!1,new Float32Array(ra(h)));b=[b[0]*h[0],b[0]*h[1],b[0]*h[2],0,b[5]*h[4],b[5]*h[5],b[5]*h[6],0,b[10]*h[8],b[10]*h[9],b[10]*h[10],b[11],-h[8],-h[9],-h[10],0];d.nodeCache.sort(bb);if(200<d.nodeCache.length&&d.nodeCache.length>d.currentNodes.length+50)for(h=d.nodeCache.splice(200,d.nodeCache.length-200),q=0;q<h.length;q++)a.deleteTexture(h[q].texture);d.currentNodes=[];h="fbudlr".split("");for(q=0;6>q;q++)g=new V(ta[q],h[q],1,0,0,t.fullpath),W(b,g,k,e,f);d.currentNodes.sort(U);
for(q=0;q<d.currentNodes.length;q++)if(!d.currentNodes[q].texture){setTimeout(Ja,0,d.currentNodes[q]);break}if(!d.drawInProgress){d.drawInProgress=!0;for(k=0;k<d.currentNodes.length;k++)d.currentNodes[k].textureLoaded&&(a.bindBuffer(a.ARRAY_BUFFER,A),a.bufferData(a.ARRAY_BUFFER,new Float32Array(d.currentNodes[k].vertices),a.STATIC_DRAW),a.vertexAttribPointer(d.vertPosLocation,3,a.FLOAT,!1,0,0),a.bindBuffer(a.ARRAY_BUFFER,Y),a.vertexAttribPointer(d.texCoordLocation,2,a.FLOAT,!1,0,0),a.bindTexture(a.TEXTURE_2D,
d.currentNodes[k].texture),a.drawElements(a.TRIANGLES,6,a.UNSIGNED_SHORT,0));d.drawInProgress=!1}}if(l.returnImage!==r)return x.toDataURL("image/png")}else for(q=la/2,l={f:"translate3d(-"+(q+2)+"px, -"+(q+2)+"px, -"+q+"px)",b:"translate3d("+(q+2)+"px, -"+(q+2)+"px, "+q+"px) rotateX(180deg) rotateZ(180deg)",u:"translate3d(-"+(q+2)+"px, -"+q+"px, "+(q+2)+"px) rotateX(270deg)",d:"translate3d(-"+(q+2)+"px, "+q+"px, -"+(q+2)+"px) rotateX(90deg)",l:"translate3d(-"+q+"px, -"+(q+2)+"px, "+(q+2)+"px) rotateX(180deg) rotateY(90deg) rotateZ(180deg)",
r:"translate3d("+q+"px, -"+(q+2)+"px, -"+(q+2)+"px) rotateY(270deg)"},f=1/Math.tan(f/2),f=f*x.clientWidth/2+"px",k="perspective("+f+") translateZ("+f+") rotateX("+k+"rad) rotateY("+e+"rad) ",e=Object.keys(l),q=0;6>q;q++)f=P.querySelector(".pnlm-"+e[q]+"face").style,f.webkitTransform=k+l[e[q]],f.transform=k+l[e[q]]};this.isLoading=function(){if(a&&"multires"==y)for(var f=0;f<d.currentNodes.length;f++)if(!d.currentNodes[f].textureLoaded)return!0;return!1};this.getCanvas=function(){return x};var ha=
function(){function d(){var b=this;this.texture=this.callback=null;this.image=new Image;this.image.crossOrigin="anonymous";this.image.addEventListener("load",function(){var d=b.image;a.bindTexture(a.TEXTURE_2D,b.texture);a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,d);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MAG_FILTER,a.LINEAR);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_MIN_FILTER,a.LINEAR);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE);a.texParameteri(a.TEXTURE_2D,a.TEXTURE_WRAP_T,
a.CLAMP_TO_EDGE);a.bindTexture(a.TEXTURE_2D,null);b.callback(b.texture);q.length?(d=q.shift(),b.loadTexture(d.src,d.texture,d.callback)):l[f++]=b})}function e(a,b,d){this.src=a;this.texture=b;this.callback=d}var f=4,l={},q=[];d.prototype.loadTexture=function(a,b,d){this.texture=b;this.callback=d;this.image.src=a};for(var b=0;b<f;b++)l[b]=new d;return function(b,d){var k=a.createTexture();f?l[--f].loadTexture(b,k,d):q.push(new e(b,k,d));return k}}()}var l="attribute vec2 a_texCoord;varying vec2 v_texCoord;void main() {gl_Position = vec4(a_texCoord, 0.0, 1.0);v_texCoord = a_texCoord;}",
u="attribute vec3 a_vertCoord;attribute vec2 a_texCoord;uniform mat4 u_cubeMatrix;uniform mat4 u_perspMatrix;varying mediump vec2 v_texCoord;void main(void) {gl_Position = u_perspMatrix * u_cubeMatrix * vec4(a_vertCoord, 1.0);v_texCoord = a_texCoord;}",La="precision mediump float;\nuniform float u_aspectRatio;\nuniform float u_psi;\nuniform float u_theta;\nuniform float u_f;\nuniform float u_h;\nuniform float u_v;\nuniform float u_vo;\nuniform float u_rot;\nconst float PI = 3.14159265358979323846264;\nuniform sampler2D u_image;\nuniform samplerCube u_imageCube;\nvarying vec2 v_texCoord;\nuniform vec4 u_backgroundColor;\nvoid main() {\nfloat x = v_texCoord.x * u_aspectRatio;\nfloat y = v_texCoord.y;\nfloat sinrot = sin(u_rot);\nfloat cosrot = cos(u_rot);\nfloat rot_x = x * cosrot - y * sinrot;\nfloat rot_y = x * sinrot + y * cosrot;\nfloat sintheta = sin(u_theta);\nfloat costheta = cos(u_theta);\nfloat a = u_f * costheta - rot_y * sintheta;\nfloat root = sqrt(rot_x * rot_x + a * a);\nfloat lambda = atan(rot_x / root, a / root) + u_psi;\nfloat phi = atan((rot_y * costheta + u_f * sintheta) / root);float cosphi = cos(phi);\ngl_FragColor = textureCube(u_imageCube, vec3(cosphi*sin(lambda), sin(phi), cosphi*cos(lambda)));\n}",
Ka="precision mediump float;\nuniform float u_aspectRatio;\nuniform float u_psi;\nuniform float u_theta;\nuniform float u_f;\nuniform float u_h;\nuniform float u_v;\nuniform float u_vo;\nuniform float u_rot;\nconst float PI = 3.14159265358979323846264;\nuniform sampler2D u_image;\nuniform samplerCube u_imageCube;\nvarying vec2 v_texCoord;\nuniform vec4 u_backgroundColor;\nvoid main() {\nfloat x = v_texCoord.x * u_aspectRatio;\nfloat y = v_texCoord.y;\nfloat sinrot = sin(u_rot);\nfloat cosrot = cos(u_rot);\nfloat rot_x = x * cosrot - y * sinrot;\nfloat rot_y = x * sinrot + y * cosrot;\nfloat sintheta = sin(u_theta);\nfloat costheta = cos(u_theta);\nfloat a = u_f * costheta - rot_y * sintheta;\nfloat root = sqrt(rot_x * rot_x + a * a);\nfloat lambda = atan(rot_x / root, a / root) + u_psi;\nfloat phi = atan((rot_y * costheta + u_f * sintheta) / root);lambda = mod(lambda + PI, PI * 2.0) - PI;\nvec2 coord = vec2(lambda / PI, phi / (PI / 2.0));\nif(coord.x < -u_h || coord.x > u_h || coord.y < -u_v + u_vo || coord.y > u_v + u_vo)\ngl_FragColor = u_backgroundColor;\nelse\ngl_FragColor = texture2D(u_image, vec2((coord.x + u_h) / (u_h * 2.0), (-coord.y + u_v + u_vo) / (u_v * 2.0)));\n}",
ma="varying mediump vec2 v_texCoord;uniform sampler2D u_sampler;void main(void) {gl_FragColor = texture2D(u_sampler, v_texCoord);}";return{renderer:function(f,l,r,u){return new Aa(f,l,r,u)}}}(window,document);window.requestAnimationFrame||(window.requestAnimationFrame=function(){return window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(E,f){window.setTimeout(E,1E3/60)}}());
window.pannellum=function(E,f,r){function Aa(l,u){function La(m){E.removeEventListener("deviceorientation",La);m&&null!==m.alpha&&null!==m.beta&&null!==m.gamma?(v.container.appendChild(v.orientation),na=!0,Ya&&Ia()):na=!1}function Ka(){var m=f.createElement("div");m.innerHTML="\x3c!--[if lte IE 9]><i></i><![endif]--\x3e";if(1==m.getElementsByTagName("i").length)U();else{va=c.hfov;Ea=c.pitch;var a;if("cubemap"==c.type){N=[];for(m=0;6>m;m++)N.push(new Image),N[m].crossOrigin="anonymous";n.load.lbox.style.display=
"block";n.load.lbar.style.display="none"}else if("multires"==c.type)m=JSON.parse(JSON.stringify(c.multiRes)),c.basePath&&c.multiRes.basePath&&!/^(?:[a-z]+:)?\/\//i.test(c.multiRes.basePath)?m.basePath=c.basePath+c.multiRes.basePath:c.multiRes.basePath?m.basePath=c.multiRes.basePath:c.basePath&&(m.basePath=c.basePath),N=m;else if(!0===c.dynamic)N=c.panorama;else{if(c.panorama===r){U(c.strings.noPanoramaError);return}N=new Image}if("cubemap"==c.type)for(var Z=6,b=function(){Z--;0===Z&&O()},d=function(a){var m=
f.createElement("a");m.href=a.target.src;m.innerHTML=m.href;U(c.strings.fileAccessError.replace("%s",m.outerHTML))},m=0;m<N.length;m++)N[m].onload=b,N[m].onerror=d,a=c.cubeMap[m],c.basePath&&!ma(a)&&(a=c.basePath+a),N[m].src=encodeURI(a);else if("multires"==c.type)O();else if(a="",c.basePath&&(a=c.basePath),!0!==c.dynamic){a=ma(c.panorama)?c.panorama:a+c.panorama;N.onload=function(){E.URL.revokeObjectURL(this.src);O()};var e=new XMLHttpRequest;e.onloadend=function(){if(200!=e.status){var m=f.createElement("a");
m.href=encodeURI(a);m.innerHTML=m.href;U(c.strings.fileAccessError.replace("%s",m.outerHTML))}Aa(this.response);n.load.msg.innerHTML=""};e.onprogress=function(m){if(m.lengthComputable){n.load.lbarFill.style.width=m.loaded/m.total*100+"%";var a,c;1E6<m.total?(a="MB",c=(m.loaded/1E6).toFixed(2),m=(m.total/1E6).toFixed(2)):1E3<m.total?(a="kB",c=(m.loaded/1E3).toFixed(1),m=(m.total/1E3).toFixed(1)):(a="B",c=m.loaded,m=m.total);n.load.msg.innerHTML=c+" / "+m+" "+a}else n.load.lbox.style.display="block",
n.load.lbar.style.display="none"};try{e.open("GET",a,!0)}catch(g){U(c.strings.malformedURLError)}e.responseType="blob";e.setRequestHeader("Accept","image/*,*/*;q=0.9");e.send()}c.draggable&&D.classList.add("pnlm-grab");D.classList.remove("pnlm-grabbing")}}function ma(m){return/^(?:[a-z]+:)?\/\//i.test(m)||"/"==m[0]||"blob:"==m.slice(0,5)}function O(){C||(C=new libpannellum.renderer(J));Ra||(Ra=!0,F.addEventListener("mousedown",Ca,!1),f.addEventListener("mousemove",Ja,!1),f.addEventListener("mouseup",
ca,!1),c.mouseZoom&&(D.addEventListener("mousewheel",la,!1),D.addEventListener("DOMMouseScroll",la,!1)),c.doubleClickZoom&&F.addEventListener("dblclick",qa,!1),D.addEventListener("mozfullscreenchange",z,!1),D.addEventListener("webkitfullscreenchange",z,!1),D.addEventListener("msfullscreenchange",z,!1),D.addEventListener("fullscreenchange",z,!1),E.addEventListener("resize",ia,!1),E.addEventListener("orientationchange",ia,!1),c.disableKeyboardCtrl||(l.addEventListener("keydown",P,!1),l.addEventListener("keyup",
da,!1),l.addEventListener("blur",ta,!1)),f.addEventListener("mouseleave",ca,!1),F.addEventListener("touchstart",sa,!1),F.addEventListener("touchmove",x,!1),F.addEventListener("touchend",d,!1),F.addEventListener("pointerdown",a,!1),F.addEventListener("pointermove",T,!1),F.addEventListener("pointerup",M,!1),F.addEventListener("pointerleave",M,!1),E.navigator.pointerEnabled&&(l.style.touchAction="none"));e();setTimeout(function(){},500)}function Aa(m){var a=new FileReader;a.addEventListener("loadend",
function(){var Z=a.result;if(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)){var b=Z.indexOf("\u00ff\u00c2");(0>b||65536<b)&&U(c.strings.iOS8WebGLError)}b=Z.indexOf("<x:xmpmeta");if(-1<b&&!0!==c.ignoreGPanoXMP){var d=Z.substring(b,Z.indexOf("</x:xmpmeta>")+12),e=function(m){var a;0<=d.indexOf(m+'="')?(a=d.substring(d.indexOf(m+'="')+m.length+2),a=a.substring(0,a.indexOf('"'))):0<=d.indexOf(m+">")&&(a=d.substring(d.indexOf(m+">")+m.length+1),a=a.substring(0,a.indexOf("<")));
return a!==r?Number(a):null},Z=e("GPano:FullPanoWidthPixels"),b=e("GPano:CroppedAreaImageWidthPixels"),f=e("GPano:FullPanoHeightPixels"),g=e("GPano:CroppedAreaImageHeightPixels"),h=e("GPano:CroppedAreaTopPixels"),k=e("GPano:PoseHeadingDegrees"),l=e("GPano:PosePitchDegrees"),e=e("GPano:PoseRollDegrees");null!==Z&&null!==b&&null!==f&&null!==g&&null!==h&&(0>$.indexOf("haov")&&(c.haov=b/Z*360),0>$.indexOf("vaov")&&(c.vaov=g/f*180),0>$.indexOf("vOffset")&&(c.vOffset=-180*((h+g/2)/f-0.5)),null!==k&&0>$.indexOf("northOffset")&&
(c.northOffset=k,!1!==c.compass&&(c.compass=!0)),null!==l&&null!==e&&(0>$.indexOf("horizonPitch")&&(c.horizonPitch=l),0>$.indexOf("horizonRoll")&&(c.horizonRoll=e)))}N.src=E.URL.createObjectURL(m)});a.readAsBinaryString!==r?a.readAsBinaryString(m):a.readAsText(m)}function U(m){m===r&&(m=c.strings.genericWebGLError);n.errorMsg.innerHTML="<p>"+m+"</p>";v.load.style.display="none";n.load.box.style.display="none";n.errorMsg.style.display="table";Ma=!0;J.style.display="none";ea("error",m)}function V(m){var a=
W(m);fa.style.left=a.x+"px";fa.style.top=a.y+"px";clearTimeout(V.t1);clearTimeout(V.t2);fa.style.display="block";fa.style.opacity=1;V.t1=setTimeout(function(){fa.style.opacity=0},2E3);V.t2=setTimeout(function(){fa.style.display="none"},2500);m.preventDefault()}function W(m){var a=l.getBoundingClientRect(),c={};c.x=m.clientX-a.left;c.y=m.clientY-a.top;return c}function Ca(m){m.preventDefault();l.focus();if(I&&c.draggable){var a=W(m);if(c.hotSpotDebug){var b=ra(m);console.log("Pitch: "+b[0]+", Yaw: "+
b[1]+", Center Pitch: "+c.pitch+", Center Yaw: "+c.yaw+", HFOV: "+c.hfov)}K();Ba();c.roll=0;w.hfov=0;ja=!0;Q=Date.now();wa=a.x;xa=a.y;Na=c.yaw;Oa=c.pitch;D.classList.add("pnlm-grabbing");D.classList.remove("pnlm-grab");ea("mousedown",m);A()}}function qa(a){c.minHfov===c.hfov?ya.setHfov(va,1E3):(a=ra(a),ya.lookAt(a[0],a[1],c.minHfov,1E3))}function ra(a){var p=W(a);a=C.getCanvas();var b=a.clientWidth,d=a.clientHeight;a=p.x/b*2-1;var d=(1-p.y/d*2)*d/b,e=1/Math.tan(c.hfov*Math.PI/360),f=Math.sin(c.pitch*
Math.PI/180),g=Math.cos(c.pitch*Math.PI/180),p=e*g-d*f,b=Math.sqrt(a*a+p*p),d=180*Math.atan((d*g+e*f)/b)/Math.PI;a=180*Math.atan2(a/b,p/b)/Math.PI+c.yaw;-180>a&&(a+=360);180<a&&(a-=360);return[d,a]}function Ja(a){if(ja&&I){Q=Date.now();var p=C.getCanvas(),b=p.clientWidth,p=p.clientHeight;a=W(a);var d=180*(Math.atan(wa/b*2-1)-Math.atan(a.x/b*2-1))/Math.PI*c.hfov/90+Na;w.yaw=(d-c.yaw)%360*0.2;c.yaw=d;b=360*Math.atan(Math.tan(c.hfov/360*Math.PI)*p/b)/Math.PI;b=180*(Math.atan(a.y/p*2-1)-Math.atan(xa/
p*2-1))/Math.PI*b/90+Oa;w.pitch=0.2*(b-c.pitch);c.pitch=b}}function ca(a){ja&&(ja=!1,15<Date.now()-Q&&(w.pitch=w.yaw=0),D.classList.add("pnlm-grab"),D.classList.remove("pnlm-grabbing"),Q=Date.now(),ea("mouseup",a))}function sa(a){if(I&&c.draggable){K();Ba();c.roll=0;w.hfov=0;var p=W(a.targetTouches[0]);wa=p.x;xa=p.y;if(2==a.targetTouches.length){var b=W(a.targetTouches[1]);wa+=0.5*(b.x-p.x);xa+=0.5*(b.y-p.y);Fa=Math.sqrt((p.x-b.x)*(p.x-b.x)+(p.y-b.y)*(p.y-b.y))}ja=!0;Q=Date.now();Na=c.yaw;Oa=c.pitch;
ea("touchstart",a);A()}}function x(a){if(c.draggable&&(a.preventDefault(),I&&(Q=Date.now()),ja&&I)){var p=W(a.targetTouches[0]),b=p.x,d=p.y;2==a.targetTouches.length&&-1!=Fa&&(a=W(a.targetTouches[1]),b+=0.5*(a.x-p.x),d+=0.5*(a.y-p.y),p=Math.sqrt((p.x-a.x)*(p.x-a.x)+(p.y-a.y)*(p.y-a.y)),S(c.hfov+0.1*(Fa-p)),Fa=p);p=c.hfov/360;b=(wa-b)*p+Na;w.yaw=(b-c.yaw)%360*0.2;c.yaw=b;d=(d-xa)*p+Oa;w.pitch=0.2*(d-c.pitch);c.pitch=d}}function d(){ja=!1;150<Date.now()-Q&&(w.pitch=w.yaw=0);Fa=-1;Q=Date.now();ea("touchend",
event)}function a(a){"touch"==a.pointerType&&(ka.push(a.pointerId),za.push({clientX:a.clientX,clientY:a.clientY}),a.targetTouches=za,sa(a),a.preventDefault())}function T(a){if("touch"==a.pointerType)for(var c=0;c<ka.length;c++)if(a.pointerId==ka[c]){za[c].clientX=a.clientX;za[c].clientY=a.clientY;a.targetTouches=za;x(a);break}}function M(a){if("touch"==a.pointerType){for(var c=!1,b=0;b<ka.length;b++)a.pointerId==ka[b]&&(ka[b]=r),ka[b]&&(c=!0);c||(ka=[],za=[],d());a.preventDefault()}}function la(a){I&&
("fullscreenonly"!=c.mouseZoom||Ga)&&(a.preventDefault(),K(),Q=Date.now(),a.wheelDeltaY?(S(c.hfov-0.05*a.wheelDeltaY),w.hfov=0>a.wheelDelta?1:-1):a.wheelDelta?(S(c.hfov-0.05*a.wheelDelta),w.hfov=0>a.wheelDelta?1:-1):a.detail&&(S(c.hfov+1.5*a.detail),w.hfov=0<a.detail?1:-1),A())}function P(a){K();Q=Date.now();Ba();c.roll=0;var p=a.which||a.keycode;0>Za.indexOf(p)||(a.preventDefault(),27==p?Ga&&Qa():t(p,!0))}function ta(){for(var a=0;10>a;a++)s[a]=!1}function da(a){var c=a.which||a.keycode;0>Za.indexOf(c)||
(a.preventDefault(),t(c,!1))}function t(a,c){var b=!1;switch(a){case 109:case 189:case 17:case 173:s[0]!=c&&(b=!0);s[0]=c;break;case 107:case 187:case 16:case 61:s[1]!=c&&(b=!0);s[1]=c;break;case 38:s[2]!=c&&(b=!0);s[2]=c;break;case 87:s[6]!=c&&(b=!0);s[6]=c;break;case 40:s[3]!=c&&(b=!0);s[3]=c;break;case 83:s[7]!=c&&(b=!0);s[7]=c;break;case 37:s[4]!=c&&(b=!0);s[4]=c;break;case 65:s[8]!=c&&(b=!0);s[8]=c;break;case 39:s[5]!=c&&(b=!0);s[5]=c;break;case 68:s[9]!=c&&(b=!0),s[9]=c}b&&c&&(ga="undefined"!==
typeof performance&&performance.now()?performance.now():Date.now(),A())}function y(){if(I){var a=!1,p=c.pitch,b=c.yaw,d=c.hfov,e;e="undefined"!==typeof performance&&performance.now()?performance.now():Date.now();ga===r&&(ga=e);var f=(e-ga)*c.hfov/1700,f=Math.min(f,1);s[0]&&!0===c.keyboardZoom&&(S(c.hfov+(0.8*w.hfov+0.5)*f),a=!0);s[1]&&!0===c.keyboardZoom&&(S(c.hfov+(0.8*w.hfov-0.2)*f),a=!0);if(s[2]||s[6])c.pitch+=(0.8*w.pitch+0.2)*f,a=!0;if(s[3]||s[7])c.pitch+=(0.8*w.pitch-0.2)*f,a=!0;if(s[4]||s[8])c.yaw+=
(0.8*w.yaw-0.2)*f,a=!0;if(s[5]||s[9])c.yaw+=(0.8*w.yaw+0.2)*f,a=!0;a&&(Q=Date.now());Date.now();if(c.autoRotate){if(0.001<e-ga){var a=(e-ga)/1E3,g=(w.yaw/a*f-0.2*c.autoRotate)*a,g=(0<-c.autoRotate?1:-1)*Math.min(Math.abs(c.autoRotate*a),Math.abs(g));c.yaw+=g}c.autoRotateStopDelay&&(c.autoRotateStopDelay-=e-ga,0>=c.autoRotateStopDelay&&(c.autoRotateStopDelay=!1,X=c.autoRotate,c.autoRotate=0))}H.pitch&&(ua("pitch"),p=c.pitch);H.yaw&&(ua("yaw"),b=c.yaw);H.hfov&&(ua("hfov"),d=c.hfov);0<f&&!c.autoRotate&&
(s[4]||s[5]||s[8]||s[9]||H.yaw||(c.yaw+=w.yaw*f*0.85),s[2]||s[3]||s[6]||s[7]||H.pitch||(c.pitch+=w.pitch*f*0.85),s[0]||s[1]||H.hfov||S(c.hfov+w.hfov*f*0.85));ga=e;0<f&&(w.yaw=0.8*w.yaw+(c.yaw-b)/f*0.2,w.pitch=0.8*w.pitch+(c.pitch-p)/f*0.2,w.hfov=0.8*w.hfov+(c.hfov-d)/f*0.2,p=c.autoRotate?Math.abs(c.autoRotate):5,w.yaw=Math.min(p,Math.max(w.yaw,-p)),w.pitch=Math.min(p,Math.max(w.pitch,-p)),w.hfov=Math.min(p,Math.max(w.hfov,-p)));s[0]&&s[0]&&(w.hfov=0);(s[2]||s[6])&&(s[3]||s[7])&&(w.pitch=0);(s[4]||
s[8])&&(s[5]||s[9])&&(w.yaw=0)}}function ua(a){var p=H[a],b=Math.min(1,Math.max((Date.now()-p.startTime)/1E3/(p.duration/1E3),0)),b=p.startPosition+c.animationTimingFunction(b)*(p.endPosition-p.startPosition);if(p.endPosition>p.startPosition&&b>=p.endPosition||p.endPosition<p.startPosition&&b<=p.endPosition||p.endPosition===p.startPosition){b=p.endPosition;w[a]=0;var p=H[a].callback,d=H[a].callbackArgs;delete H[a];"function"==typeof p&&p(d)}c[a]=b}function ia(){z()}function A(){Sa||(Sa=!0,Y())}function Y(){Da();
Ta&&clearTimeout(Ta);if(ja||!0===aa)requestAnimationFrame(Y);else if(s[0]||s[1]||s[2]||s[3]||s[4]||s[5]||s[6]||s[7]||s[8]||s[9]||c.autoRotate||H.pitch||H.yaw||H.hfov||0.01<Math.abs(w.yaw)||0.01<Math.abs(w.pitch)||0.01<Math.abs(w.hfov))y(),0<=c.autoRotateInactivityDelay&&X&&Date.now()-Q>c.autoRotateInactivityDelay&&!c.autoRotate&&(c.autoRotate=X,ya.lookAt(Ea,r,va,3E3)),requestAnimationFrame(Y);else if(C&&(C.isLoading()||!0===c.dynamic&&$a))requestAnimationFrame(Y);else{Sa=!1;ga=r;var a=c.autoRotateInactivityDelay-
(Date.now()-Q);0<a?Ta=setTimeout(function(){c.autoRotate=X;ya.lookAt(Ea,r,va,3E3);A()},a):0<=c.autoRotateInactivityDelay&&X&&(c.autoRotate=X,ya.lookAt(Ea,r,va,3E3),A())}}function Da(){var a;if(I){180<c.yaw?c.yaw-=360:-180>c.yaw&&(c.yaw+=360);a=c.yaw;var b=c.maxYaw-c.minYaw,d=-180,e=180;360>b&&(d=c.minYaw+c.hfov/2,e=c.maxYaw-c.hfov/2,b<c.hfov&&(d=e=(d+e)/2));c.yaw=Math.max(d,Math.min(e,c.yaw));!1!==c.autoRotate&&a!=c.yaw&&(c.autoRotate*=-1);a=C.getCanvas();a=2*Math.atan(Math.tan(c.hfov/180*Math.PI*
0.5)/(a.width/a.height))/Math.PI*180;b=c.minPitch+a/2;d=c.maxPitch-a/2;c.maxPitch-c.minPitch<a&&(b=d=(b+d)/2);isNaN(b)&&(b=-90);isNaN(d)&&(d=90);c.pitch=Math.max(b,Math.min(d,c.pitch));C.render(c.pitch*Math.PI/180,c.yaw*Math.PI/180,c.hfov*Math.PI/180,{roll:c.roll*Math.PI/180});c.hotSpots.forEach(h);c.compass&&(Ha.style.transform="rotate("+(-c.yaw-c.northOffset)+"deg)",Ha.style.webkitTransform="rotate("+(-c.yaw-c.northOffset)+"deg)")}}function ha(a,c,b,d){this.w=a;this.x=c;this.y=b;this.z=d}function k(a){var b;
b=a.alpha;var d=a.beta;a=a.gamma;d=[d?d*Math.PI/180/2:0,a?a*Math.PI/180/2:0,b?b*Math.PI/180/2:0];b=[Math.cos(d[0]),Math.cos(d[1]),Math.cos(d[2])];d=[Math.sin(d[0]),Math.sin(d[1]),Math.sin(d[2])];b=new ha(b[0]*b[1]*b[2]-d[0]*d[1]*d[2],d[0]*b[1]*b[2]-b[0]*d[1]*d[2],b[0]*d[1]*b[2]+d[0]*b[1]*d[2],b[0]*b[1]*d[2]+d[0]*d[1]*b[2]);b=b.multiply(new ha(Math.sqrt(0.5),-Math.sqrt(0.5),0,0));d=E.orientation?-E.orientation*Math.PI/180/2:0;b=b.multiply(new ha(Math.cos(d),0,-Math.sin(d),0)).toEulerAngles();"number"==
typeof aa&&10>aa?aa+=1:10===aa?(ab=b[2]/Math.PI*180+c.yaw,aa=!0,requestAnimationFrame(Y)):(c.pitch=b[0]/Math.PI*180,c.roll=-b[1]/Math.PI*180,c.yaw=-b[2]/Math.PI*180+ab)}function e(){try{var a={};c.horizonPitch!==r&&(a.horizonPitch=c.horizonPitch*Math.PI/180);c.horizonRoll!==r&&(a.horizonRoll=c.horizonRoll*Math.PI/180);c.backgroundColor!==r&&(a.backgroundColor=c.backgroundColor);C.init(N,c.type,c.dynamic,c.haov*Math.PI/180,c.vaov*Math.PI/180,c.vOffset*Math.PI/180,Pa,a);!0!==c.dynamic&&(N=r)}catch(b){if("webgl error"==
b.type||"no webgl"==b.type)U();else if("webgl size error"==b.type)U(c.strings.textureSizeError.replace("%s",b.width).replace("%s",b.maxWidth));else throw U(c.strings.unknownError),b;}}function Pa(){if(c.sceneFadeDuration&&C.fadeImg!==r){C.fadeImg.style.opacity=0;var a=C.fadeImg;delete C.fadeImg;setTimeout(function(){J.removeChild(a);ea("scenechangefadedone")},c.sceneFadeDuration)}Ha.style.display=c.compass?"inline":"none";q();n.load.box.style.display="none";oa!==r&&(J.removeChild(oa),oa=r);I=!0;ea("load");
A()}function ba(a){a.pitch=Number(a.pitch)||0;a.yaw=Number(a.yaw)||0;var b=f.createElement("div");b.className="pnlm-hotspot-base";b.className=a.cssClass?b.className+(" "+a.cssClass):b.className+(" pnlm-hotspot pnlm-sprite pnlm-"+pa(a.type));var d=f.createElement("span");a.text&&(d.innerHTML=pa(a.text));var e;if(a.video){e=f.createElement("video");var g=a.video;c.basePath&&!ma(g)&&(g=c.basePath+g);e.src=encodeURI(g);e.controls=!0;e.style.width=a.width+"px";J.appendChild(b);d.appendChild(e)}else if(a.image){g=
a.image;c.basePath&&!ma(g)&&(g=c.basePath+g);e=f.createElement("a");e.href=encodeURI(a.URL?a.URL:g);e.target="_blank";d.appendChild(e);var h=f.createElement("img");h.src=encodeURI(g);h.style.width=a.width+"px";h.style.paddingTop="5px";J.appendChild(b);e.appendChild(h);d.style.maxWidth="initial"}else a.URL?(e=f.createElement("a"),e.href=encodeURI(a.URL),e.target="_blank",J.appendChild(e),b.style.cursor="pointer",d.style.cursor="pointer",e.appendChild(b)):(a.sceneId&&(b.onclick=b.ontouchend=function(){b.clicked||
(b.clicked=!0,L(a.sceneId,a.targetPitch,a.targetYaw,a.targetHfov));return!1},b.style.cursor="pointer",d.style.cursor="pointer"),J.appendChild(b));if(a.createTooltipFunc)a.createTooltipFunc(b,a.createTooltipArgs);else if(a.text||a.video||a.image)b.classList.add("pnlm-tooltip"),b.appendChild(d),d.style.width=d.scrollWidth-20+"px",d.style.marginLeft=-(d.scrollWidth-b.offsetWidth)/2+"px",d.style.marginTop=-d.scrollHeight-12+"px";a.clickHandlerFunc&&(b.addEventListener("click",function(c){a.clickHandlerFunc(c,
a.clickHandlerArgs)},"false"),b.style.cursor="pointer",d.style.cursor="pointer");a.div=b}function q(){Ua||(c.hotSpots?(c.hotSpots=c.hotSpots.sort(function(a,c){return a.pitch<c.pitch}),c.hotSpots.forEach(ba)):c.hotSpots=[],Ua=!0,c.hotSpots.forEach(h))}function b(){var a=c.hotSpots;Ua=!1;delete c.hotSpots;if(a)for(var b=0;b<a.length;b++){for(var d=a[b].div;d.parentNode!=J;)d=d.parentNode;J.removeChild(d);delete a.div}}function h(a){var b=Math.sin(a.pitch*Math.PI/180),d=Math.cos(a.pitch*Math.PI/180),
e=Math.sin(c.pitch*Math.PI/180),f=Math.cos(c.pitch*Math.PI/180),g=Math.cos((-a.yaw+c.yaw)*Math.PI/180),h=b*e+d*g*f;if(90>=a.yaw&&-90<a.yaw&&0>=h||(90<a.yaw||-90>=a.yaw)&&0>=h)a.div.style.visibility="hidden";else{var k=Math.sin((-a.yaw+c.yaw)*Math.PI/180),l=Math.tan(c.hfov*Math.PI/360);a.div.style.visibility="visible";var q=C.getCanvas(),n=q.clientWidth,q=q.clientHeight,b=[-n/l*k*d/h/2,-n/l*(b*f-d*g*e)/h/2],d=Math.sin(c.roll*Math.PI/180),e=Math.cos(c.roll*Math.PI/180),b=[b[0]*e-b[1]*d,b[0]*d+b[1]*
e];b[0]+=(n-a.div.offsetWidth)/2;b[1]+=(q-a.div.offsetHeight)/2;n="translate("+b[0]+"px, "+b[1]+"px) translateZ(9999px) rotate("+c.roll+"deg)";a.div.style.webkitTransform=n;a.div.style.MozTransform=n;a.div.style.transform=n}}function g(a){c={};var b,d,e="haov vaov vOffset northOffset horizonPitch horizonRoll".split(" ");$=[];for(b in Va)Va.hasOwnProperty(b)&&(c[b]=Va[b]);for(b in u.default)if(u.default.hasOwnProperty(b))if("strings"==b)for(d in u.default.strings)u.default.strings.hasOwnProperty(d)&&
(c.strings[d]=pa(u.default.strings[d]));else c[b]=u.default[b],0<=e.indexOf(b)&&$.push(b);if(null!==a&&""!==a&&u.scenes&&u.scenes[a]){var f=u.scenes[a];for(b in f)if(f.hasOwnProperty(b))if("strings"==b)for(d in f.strings)f.strings.hasOwnProperty(d)&&(c.strings[d]=pa(f.strings[d]));else c[b]=f[b],0<=e.indexOf(b)&&$.push(b);c.scene=a}for(b in u)if(u.hasOwnProperty(b))if("strings"==b)for(d in u.strings)u.strings.hasOwnProperty(d)&&(c.strings[d]=pa(u.strings[d]));else c[b]=u[b],0<=e.indexOf(b)&&$.push(b)}
function B(a){if((a=a?a:!1)&&"preview"in c){var b=c.preview;c.basePath&&!ma(b)&&(b=c.basePath+b);oa=f.createElement("div");oa.className="pnlm-preview-img";oa.style.backgroundImage="url('"+encodeURI(b)+"')";J.appendChild(oa)}var b=c.title,d=c.author;a&&("previewTitle"in c&&(c.title=c.previewTitle),"previewAuthor"in c&&(c.author=c.previewAuthor));c.hasOwnProperty("title")||(n.title.innerHTML="");c.hasOwnProperty("author")||(n.author.innerHTML="");c.hasOwnProperty("title")||c.hasOwnProperty("author")||
(n.container.style.display="none");v.load.innerHTML="<p>"+c.strings.loadButtonLabel+"</p>";n.load.boxp.innerHTML=c.strings.loadingLabel;for(var e in c)if(c.hasOwnProperty(e))switch(e){case "title":n.title.innerHTML=pa(c[e]);n.container.style.display="inline";break;case "author":n.author.innerHTML=c.strings.bylineLabel.replace("%s",pa(c[e]));n.container.style.display="inline";break;case "fallback":n.errorMsg.innerHTML='<p>Your browser does not support WebGL.<br><a href="'+encodeURI(c[e])+'" target="_blank">Click here to view this panorama in an alternative viewer.</a></p>';
break;case "hfov":S(Number(c[e]));break;case "autoLoad":!0===c[e]&&C===r&&(n.load.box.style.display="inline",v.load.style.display="none",Ka());break;case "showZoomCtrl":v.zoom.style.display=c[e]&&!1!=c.showControls?"block":"none";break;case "showFullscreenCtrl":v.fullscreen.style.display=c[e]&&!1!=c.showControls&&("fullscreen"in f||"mozFullScreen"in f||"webkitIsFullScreen"in f||"msFullscreenElement"in f)?"block":"none";break;case "hotSpotDebug":Wa.style.display=c[e]?"block":"none";break;case "showControls":c[e]||
(v.orientation.style.display="none",v.zoom.style.display="none",v.fullscreen.style.display="none");break;case "orientationOnByDefault":c[e]&&(na===r?Ya=!0:!0===na&&Ia())}a&&(b?c.title=b:delete c.title,d?c.author=d:delete c.author)}function Qa(){if(I&&!Ma)if(Ga)f.exitFullscreen?f.exitFullscreen():f.mozCancelFullScreen?f.mozCancelFullScreen():f.webkitCancelFullScreen?f.webkitCancelFullScreen():f.msExitFullscreen&&f.msExitFullscreen();else try{l.requestFullscreen?l.requestFullscreen():l.mozRequestFullScreen?
l.mozRequestFullScreen():l.msRequestFullscreen?l.msRequestFullscreen():l.webkitRequestFullScreen()}catch(a){}}function z(){f.fullscreen||f.mozFullScreen||f.webkitIsFullScreen||f.msFullscreenElement?(v.fullscreen.classList.add("pnlm-fullscreen-toggle-button-active"),Ga=!0):(v.fullscreen.classList.remove("pnlm-fullscreen-toggle-button-active"),Ga=!1);C.resize();S(c.hfov);A()}function Xa(a){var b=c.minHfov;"multires"==c.type&&C&&(b=Math.min(b,C.getCanvas().width/(c.multiRes.cubeResolution/90*0.9)));
return b>c.maxHfov?(console.log("HFOV bounds do not make sense (minHfov > maxHfov)."),c.hfov):a<b?b:a>c.maxHfov?c.maxHfov:a}function S(a){c.hfov=Xa(a)}function K(){H={};X=c.autoRotate?c.autoRotate:X;c.autoRotate=!1}function G(){Ma&&(n.load.box.style.display="none",n.errorMsg.style.display="none",Ma=!1,ea("errorcleared"));v.load.style.display="none";n.load.box.style.display="inline";Ka()}function L(a,d,e,f,h){I=!1;H={};var k,l;if(c.sceneFadeDuration&&!h&&(k=C.render(c.pitch*Math.PI/180,c.yaw*Math.PI/
180,c.hfov*Math.PI/180,{returnImage:!0}),k!==r)){h=new Image;h.className="pnlm-fade-img";h.style.transition="opacity "+c.sceneFadeDuration/1E3+"s";h.style.width="100%";h.style.height="100%";h.onload=function(){L(a,d,e,f,!0)};h.src=k;J.appendChild(h);C.fadeImg=h;return}h="same"===d?c.pitch:d;k="same"===e?c.yaw:"sameAzimuth"===e?c.yaw+(c.northOffset||0)-(u.scenes[a].northOffset||0):e;l="same"===f?c.hfov:f;b();g(a);w.yaw=w.pitch=w.hfov=0;B();h!==r&&(c.pitch=h);k!==r&&(c.yaw=k);l!==r&&(c.hfov=l);ea("scenechange",
a);G()}function Ba(){E.removeEventListener("deviceorientation",k);v.orientation.classList.remove("pnlm-orientation-button-active");aa=!1}function Ia(){aa=1;E.addEventListener("deviceorientation",k);v.orientation.classList.add("pnlm-orientation-button-active")}function pa(a){return u.escapeHTML?String(a).split(/&/g).join("&amp;").split('"').join("&quot;").split("'").join("&#39;").split("<").join("&lt;").split(">").join("&gt;").split("/").join("&#x2f;").split("\n").join("<br>"):String(a).split("\n").join("<br>")}
function ea(a){if(a in R)for(var c=R[a].length;0<c;c--)R[a][R[a].length-c].apply(null,[].slice.call(arguments,1))}var ya=this,c,C,oa,ja=!1,Q=Date.now(),wa=0,xa=0,Fa=-1,Na=0,Oa=0,s=Array(10),Ga=!1,I=!1,Ma=!1,Ra=!1,N,ga,w={yaw:0,pitch:0,hfov:0},Sa=!1,aa=!1,ab=0,Ta,X=0,va,Ea,H={},R={},$=[],$a=!1,Ua=!1,Va={hfov:100,minHfov:50,maxHfov:120,pitch:0,minPitch:r,maxPitch:r,yaw:0,minYaw:-180,maxYaw:180,roll:0,haov:360,vaov:180,vOffset:0,autoRotate:!1,autoRotateInactivityDelay:-1,autoRotateStopDelay:r,type:"equirectangular",
northOffset:0,showFullscreenCtrl:!0,dynamic:!1,doubleClickZoom:!0,keyboardZoom:!0,mouseZoom:!0,showZoomCtrl:!0,autoLoad:!1,showControls:!0,orientationOnByDefault:!1,hotSpotDebug:!1,backgroundColor:[0,0,0],animationTimingFunction:function(a){return 0.5>a?2*a*a:-1+(4-2*a)*a},draggable:!0,disableKeyboardCtrl:!1,strings:{loadButtonLabel:"Click to<br>Load<br>Panorama",loadingLabel:"Loading...",bylineLabel:"by %s",noPanoramaError:"No panorama image was specified.",fileAccessError:"The file %s could not be accessed.",
malformedURLError:"There is something wrong with the panorama URL.",iOS8WebGLError:"Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).",genericWebGLError:"Your browser does not have the necessary WebGL support to display this panorama.",textureSizeError:"This panorama is too big for your device! It's %spx wide, but your device only supports images up to %spx wide. Try another device. (If you're the author, try scaling down the image.)",
unknownError:"Unknown error. Check developer console."}},Za=[16,17,27,37,38,39,40,61,65,68,83,87,107,109,173,187,189];l="string"===typeof l?f.getElementById(l):l;l.classList.add("pnlm-container");l.tabIndex=0;var D=f.createElement("div");D.className="pnlm-ui";l.appendChild(D);var J=f.createElement("div");J.className="pnlm-render-container";l.appendChild(J);var F=f.createElement("div");F.className="pnlm-dragfix";D.appendChild(F);var fa=f.createElement("span");fa.className="pnlm-about-msg";fa.innerHTML=
'<a href="https://pannellum.org/" target="_blank">Pannellum</a> 793918c';D.appendChild(fa);F.addEventListener("contextmenu",V);var n={},Wa=f.createElement("div");Wa.className="pnlm-sprite pnlm-hot-spot-debug-indicator";D.appendChild(Wa);n.container=f.createElement("div");n.container.className="pnlm-panorama-info";n.title=f.createElement("div");n.title.className="pnlm-title-box";n.container.appendChild(n.title);n.author=f.createElement("div");n.author.className="pnlm-author-box";n.container.appendChild(n.author);
D.appendChild(n.container);n.load={};n.load.box=f.createElement("div");n.load.box.className="pnlm-load-box";n.load.boxp=f.createElement("p");n.load.box.appendChild(n.load.boxp);n.load.lbox=f.createElement("div");n.load.lbox.className="pnlm-lbox";n.load.lbox.innerHTML='<div class="pnlm-loading"></div>';n.load.box.appendChild(n.load.lbox);n.load.lbar=f.createElement("div");n.load.lbar.className="pnlm-lbar";n.load.lbarFill=f.createElement("div");n.load.lbarFill.className="pnlm-lbar-fill";n.load.lbar.appendChild(n.load.lbarFill);
n.load.box.appendChild(n.load.lbar);n.load.msg=f.createElement("p");n.load.msg.className="pnlm-lmsg";n.load.box.appendChild(n.load.msg);D.appendChild(n.load.box);n.errorMsg=f.createElement("div");n.errorMsg.className="pnlm-error-msg pnlm-info-box";D.appendChild(n.errorMsg);var v={};v.container=f.createElement("div");v.container.className="pnlm-controls-container";D.appendChild(v.container);v.load=f.createElement("div");v.load.className="pnlm-load-button";v.load.addEventListener("click",function(){B();
G()});D.appendChild(v.load);v.zoom=f.createElement("div");v.zoom.className="pnlm-zoom-controls pnlm-controls";v.zoomIn=f.createElement("div");v.zoomIn.className="pnlm-zoom-in pnlm-sprite pnlm-control";v.zoomIn.addEventListener("click",function(){I&&(S(c.hfov-5),A())});v.zoom.appendChild(v.zoomIn);v.zoomOut=f.createElement("div");v.zoomOut.className="pnlm-zoom-out pnlm-sprite pnlm-control";v.zoomOut.addEventListener("click",function(){I&&(S(c.hfov+5),A())});v.zoom.appendChild(v.zoomOut);v.container.appendChild(v.zoom);
v.fullscreen=f.createElement("div");v.fullscreen.addEventListener("click",Qa);v.fullscreen.className="pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control";(f.fullscreenEnabled||f.mozFullScreenEnabled||f.webkitFullscreenEnabled||f.msFullscreenEnabled)&&v.container.appendChild(v.fullscreen);v.orientation=f.createElement("div");v.orientation.addEventListener("click",function(a){aa?Ba():Ia()});v.orientation.addEventListener("mousedown",function(a){a.stopPropagation()});
v.orientation.addEventListener("touchstart",function(a){a.stopPropagation()});v.orientation.addEventListener("pointerdown",function(a){a.stopPropagation()});v.orientation.className="pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";var na,Ya=!1;E.DeviceOrientationEvent?E.addEventListener("deviceorientation",La):na=!1;var Ha=f.createElement("div");Ha.className="pnlm-compass pnlm-controls pnlm-control";D.appendChild(Ha);u.firstScene?g(u.firstScene):u.default&&
u.default.firstScene?g(u.default.firstScene):g(null);B(!0);var ka=[],za=[];ha.prototype.multiply=function(a){return new ha(this.w*a.w-this.x*a.x-this.y*a.y-this.z*a.z,this.x*a.w+this.w*a.x+this.y*a.z-this.z*a.y,this.y*a.w+this.w*a.y+this.z*a.x-this.x*a.z,this.z*a.w+this.w*a.z+this.x*a.y-this.y*a.x)};ha.prototype.toEulerAngles=function(){var a=Math.atan2(2*(this.w*this.x+this.y*this.z),1-2*(this.x*this.x+this.y*this.y)),c=Math.asin(2*(this.w*this.y-this.z*this.x)),b=Math.atan2(2*(this.w*this.z+this.x*
this.y),1-2*(this.y*this.y+this.z*this.z));return[a,c,b]};this.isLoaded=function(){return I};this.getPitch=function(){return c.pitch};this.setPitch=function(a,b,d,e){(b=b==r?1E3:Number(b))?H.pitch={startTime:Date.now(),startPosition:c.pitch,endPosition:a,duration:b,callback:d,callbackArgs:e}:c.pitch=a;A();return this};this.getPitchBounds=function(){return[c.minPitch,c.maxPitch]};this.setPitchBounds=function(a){c.minPitch=Math.max(-90,Math.min(a[0],90));c.maxPitch=Math.max(-90,Math.min(a[1],90));return this};
this.getYaw=function(){return c.yaw};this.setYaw=function(a,b,d,e){b=b==r?1E3:Number(b);a=(a+180)%360-180;b?(180<c.yaw-a?a+=360:180<a-c.yaw&&(a-=360),H.yaw={startTime:Date.now(),startPosition:c.yaw,endPosition:a,duration:b,callback:d,callbackArgs:e}):c.yaw=a;A();return this};this.getYawBounds=function(){return[c.minYaw,c.maxYaw]};this.setYawBounds=function(a){c.minYaw=Math.max(-180,Math.min(a[0],180));c.maxYaw=Math.max(-180,Math.min(a[1],180));return this};this.getHfov=function(){return c.hfov};this.setHfov=
function(a,b,d,e){(b=b==r?1E3:Number(b))?H.hfov={startTime:Date.now(),startPosition:c.hfov,endPosition:Xa(a),duration:b,callback:d,callbackArgs:e}:S(a);A();return this};this.getHfovBounds=function(){return[c.minHfov,c.maxHfov]};this.setHfovBounds=function(a){c.minHfov=Math.max(0,a[0]);c.maxHfov=Math.max(0,a[1]);return this};this.lookAt=function(a,c,b,d,e,f){d=d==r?1E3:Number(d);a!==r&&(this.setPitch(a,d,e,f),e=r);c!==r&&(this.setYaw(c,d,e,f),e=r);b!==r&&this.setHfov(b,d,e,f);return this};this.getNorthOffset=
function(){return c.northOffset};this.setNorthOffset=function(a){c.northOffset=Math.min(360,Math.max(0,a));A();return this};this.getHorizonRoll=function(){return c.horizonRoll};this.setHorizonRoll=function(a){c.horizonRoll=Math.min(90,Math.max(-90,a));C.setPose(c.horizonPitch*Math.PI/180,c.horizonRoll*Math.PI/180);A();return this};this.getHorizonPitch=function(){return c.horizonPitch};this.setHorizonPitch=function(a){c.horizonPitch=Math.min(90,Math.max(-90,a));C.setPose(c.horizonPitch*Math.PI/180,
c.horizonRoll*Math.PI/180);A();return this};this.startAutoRotate=function(a){a=a||X||1;c.autoRotate=a;ya.lookAt(Ea,r,va,3E3);A();return this};this.stopAutoRotate=function(){X=c.autoRotate?c.autoRotate:X;c.autoRotate=!1;c.autoRotateInactivityDelay=-1;return this};this.getRenderer=function(){return C};this.setUpdate=function(a){$a=!0===a;C===r?O():A();return this};this.mouseEventToCoords=function(a){return ra(a)};this.loadScene=function(a,c,b,d){I&&L(a,c,b,d);return this};this.getScene=function(){return c.scene};
this.addScene=function(a,c){u.scenes[a]=c;return this};this.removeScene=function(a){if(c.scene===a||!u.scenes.hasOwnProperty(a))return!1;delete u.scenes[a];return!0};this.toggleFullscreen=function(){Qa();return this};this.getConfig=function(){return c};this.addHotSpot=function(a,b){if(b===r&&c.scene===r)c.hotSpots.push(a);else{var d=b!==r?b:c.scene;if(u.scenes.hasOwnProperty(d))u.scenes[d].hasOwnProperty("hotSpots")||(u.scenes[d].hotSpots=[],d==c.scene&&(c.hotSpots=u.scenes[d].hotSpots)),u.scenes[d].hotSpots.push(a);
else throw"Invalid scene ID!";}if(b===r||c.scene==b)ba(a),I&&h(a);return this};this.removeHotSpot=function(a){if(!c.hotSpots)return!1;for(var b=0;b<c.hotSpots.length;b++)if(c.hotSpots[b].hasOwnProperty("id")&&c.hotSpots[b].id===a){for(a=c.hotSpots[b].div;a.parentNode!=J;)a=a.parentNode;J.removeChild(a);delete c.hotSpots[b].div;c.hotSpots.splice(b,1);return!0}return!1};this.resize=function(){z()};this.isLoaded=function(){return I};this.isOrientationSupported=function(){return na||!1};this.stopOrientation=
function(){Ba()};this.startOrientation=function(){na&&Ia()};this.on=function(a,b){R[a]=R[a]||[];R[a].push(b);return this};this.off=function(a,b){if(!a)return R={},this;if(b){var c=R[a].indexOf(b);0<=c&&R[a].splice(c,1);0==R[a].length&&delete R[a]}else delete R[a];return this};this.destroy=function(){C&&C.destroy();Ra&&(F.removeEventListener("mousedown",Ca,!1),F.removeEventListener("dblclick",qa,!1),f.removeEventListener("mousemove",Ja,!1),f.removeEventListener("mouseup",ca,!1),l.removeEventListener("mousewheel",
la,!1),l.removeEventListener("DOMMouseScroll",la,!1),l.removeEventListener("mozfullscreenchange",z,!1),l.removeEventListener("webkitfullscreenchange",z,!1),l.removeEventListener("msfullscreenchange",z,!1),l.removeEventListener("fullscreenchange",z,!1),E.removeEventListener("resize",ia,!1),E.removeEventListener("orientationchange",ia,!1),l.removeEventListener("keydown",P,!1),l.removeEventListener("keyup",da,!1),l.removeEventListener("blur",ta,!1),f.removeEventListener("mouseleave",ca,!1),F.removeEventListener("touchstart",
sa,!1),F.removeEventListener("touchmove",x,!1),F.removeEventListener("touchend",d,!1),F.removeEventListener("pointerdown",a,!1),F.removeEventListener("pointermove",T,!1),F.removeEventListener("pointerup",M,!1),F.removeEventListener("pointerleave",M,!1));l.innerHTML="";l.classList.remove("pnlm-container");D.classList.remove("pnlm-grab");D.classList.remove("pnlm-grabbing")}}return{viewer:function(f,r){return new Aa(f,r)}}}(window,document);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment