-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpannellum.js
93 lines (93 loc) · 47.5 KB
/
pannellum.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
// Pannellum 2.3.2, https://github.com/mpetroff/pannellum
window.libpannellum=function(z,k,g){function ia($){function S(a,e){return 1==a.level&&1!=e.level?-1:1==e.level&&1!=a.level?1:e.timestamp-a.timestamp}function ea(a,e){return a.level!=e.level?a.level-e.level:a.diff-e.diff}function J(a,e,d,k,q,b){this.vertices=a;this.side=e;this.level=d;this.x=k;this.y=q;this.path=b.replace("%s",e).replace("%l",d).replace("%x",k).replace("%y",q)}function ta(a,e,k,l,q){var b;var h=e.vertices;b=aa(a,h.slice(0,3));var s=aa(a,h.slice(3,6)),g=aa(a,h.slice(6,9)),h=aa(a,h.slice(9,
12)),A=b[0]+s[0]+g[0]+h[0];-4==A||4==A?b=!1:(A=b[1]+s[1]+g[1]+h[1],b=-4==A||4==A?!1:4!=b[2]+s[2]+g[2]+h[2]);if(b){b=e.vertices;s=b[0]+b[3]+b[6]+b[9];g=b[1]+b[4]+b[7]+b[10];h=b[2]+b[5]+b[8]+b[11];A=Math.sqrt(s*s+g*g+h*h);h=Math.asin(h/A);s=Math.atan2(g,s)-l;s+=s>Math.PI?-2*Math.PI:s<-Math.PI?2*Math.PI:0;s=Math.abs(s);e.diff=Math.acos(Math.sin(k)*Math.sin(h)+Math.cos(k)*Math.cos(h)*Math.cos(s));s=!1;for(g=0;g<d.nodeCache.length;g++)if(d.nodeCache[g].path==e.path){s=!0;d.nodeCache[g].timestamp=d.nodeCacheTimestamp++;
d.nodeCache[g].diff=e.diff;d.currentNodes.push(d.nodeCache[g]);break}s||(e.timestamp=d.nodeCacheTimestamp++,d.currentNodes.push(e),d.nodeCache.push(e));if(e.level<d.level){var h=r.cubeResolution*Math.pow(2,e.level-r.maxLevel),s=Math.ceil(h*r.invTileResolution)-1,g=h%r.tileResolution*2,B=2*h%r.tileResolution;0===B&&(B=r.tileResolution);0===g&&(g=2*r.tileResolution);A=0.5;if(e.x==s||e.y==s)A=1-r.tileResolution/(r.tileResolution+B);var v=1-A,h=[],z=A,O=A,D=A,I=v,x=v,y=v;if(B<r.tileResolution)if(e.x==
s&&e.y!=s){if(x=O=0.5,"d"==e.side||"u"==e.side)y=D=0.5}else e.x!=s&&e.y==s&&(I=z=0.5,"l"==e.side||"r"==e.side)&&(y=D=0.5);g<=r.tileResolution&&(e.x==s&&(z=0,I=1,"l"==e.side||"r"==e.side)&&(D=0,y=1),e.y==s&&(O=0,x=1,"d"==e.side||"u"==e.side)&&(D=0,y=1));B=[b[0],b[1],b[2],b[0]*z+b[3]*I,b[1]*A+b[4]*v,b[2]*D+b[5]*y,b[0]*z+b[6]*I,b[1]*O+b[7]*x,b[2]*D+b[8]*y,b[0]*A+b[9]*v,b[1]*O+b[10]*x,b[2]*D+b[11]*y];B=new J(B,e.side,e.level+1,2*e.x,2*e.y,r.fullpath);h.push(B);e.x==s&&g<=r.tileResolution||(B=[b[0]*z+
b[3]*I,b[1]*A+b[4]*v,b[2]*D+b[5]*y,b[3],b[4],b[5],b[3]*A+b[6]*v,b[4]*O+b[7]*x,b[5]*D+b[8]*y,b[0]*z+b[6]*I,b[1]*O+b[7]*x,b[2]*D+b[8]*y],B=new J(B,e.side,e.level+1,2*e.x+1,2*e.y,r.fullpath),h.push(B));e.x==s&&g<=r.tileResolution||e.y==s&&g<=r.tileResolution||(B=[b[0]*z+b[6]*I,b[1]*O+b[7]*x,b[2]*D+b[8]*y,b[3]*A+b[6]*v,b[4]*O+b[7]*x,b[5]*D+b[8]*y,b[6],b[7],b[8],b[9]*z+b[6]*I,b[10]*A+b[7]*v,b[11]*D+b[8]*y],B=new J(B,e.side,e.level+1,2*e.x+1,2*e.y+1,r.fullpath),h.push(B));e.y==s&&g<=r.tileResolution||(B=
[b[0]*A+b[9]*v,b[1]*O+b[10]*x,b[2]*D+b[11]*y,b[0]*z+b[6]*I,b[1]*O+b[7]*x,b[2]*D+b[8]*y,b[9]*z+b[6]*I,b[10]*A+b[7]*v,b[11]*D+b[8]*y,b[9],b[10],b[11]],B=new J(B,e.side,e.level+1,2*e.x,2*e.y+1,r.fullpath),h.push(B));for(e=0;e<h.length;e++)ta(a,h[e],k,l,q)}}}function ua(){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 ka(a,e,d){var g=Math.sin(e);e=Math.cos(e);
if("x"==d)return[a[0],e*a[1]+g*a[2],e*a[2]-g*a[1],a[3],e*a[4]+g*a[5],e*a[5]-g*a[4],a[6],e*a[7]+g*a[8],e*a[8]-g*a[7]];if("y"==d)return[e*a[0]-g*a[2],a[1],e*a[2]+g*a[0],e*a[3]-g*a[5],a[4],e*a[5]+g*a[3],e*a[6]-g*a[8],a[7],e*a[8]+g*a[6]];if("z"==d)return[e*a[0]+g*a[1],e*a[1]-g*a[0],a[2],e*a[3]+g*a[4],e*a[4]-g*a[3],a[5],e*a[6]+g*a[7],e*a[7]-g*a[6],a[8]]}function fa(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 va(a){a.textureLoad||(a.textureLoad=
!0,Ea(encodeURI(a.path+"."+r.extension),function(e){a.texture=e;a.textureLoaded=!0}))}function aa(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])],g=d[0]*d[3],k=d[1]*d[3],d=d[2]*d[3],b=[0,0,0];-1>g&&(b[0]=-1);1<g&&(b[0]=1);-1>k&&(b[1]=-1);1<k&&(b[1]=1);if(-1>d||1<d)b[2]=1;return b}var v=k.createElement("canvas");v.style.width=v.style.height="100%";$.appendChild(v);var d,a,K,L,wa,R,la,ba,r,y,ga,E,X,ma,
V;this.init=function(f,e,z,sa,q,b,h,s){typeof e===g&&(e="equirectangular");y=e;r=f;ga=z;if(d){K&&(a.detachShader(d,K),a.deleteShader(K));L&&(a.detachShader(d,L),a.deleteShader(L));a.bindBuffer(a.ARRAY_BUFFER,null);a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,null);d.texture&&a.deleteTexture(d.texture);if(d.nodeCache)for(f=0;f<d.nodeCache.length;f++)a.deleteTexture(d.nodeCache[f].texture);a.deleteProgram(d);d=g}ba=g;"cubemap"==y&&0!==(r[0].width&r[0].width-1)&&(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)||
navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 9_/)||navigator.userAgent.match(/Trident.*rv[ :]*11\./))||a||(a=v.getContext("experimental-webgl",{alpha:!1,depth:!1}));if(!a&&("multires"==y&&r.hasOwnProperty("fallbackPath")||"cubemap"==y)&&("WebkitAppearance"in k.documentElement.style||navigator.userAgent.match(/Trident.*rv[ :]*11\./)||-1!==navigator.appVersion.indexOf("MSIE 10"))){R&&$.removeChild(R);R=k.createElement("div");R.className="pnlm-world";sa=r.basePath?r.basePath+r.fallbackPath:
r.fallbackPath;var ja="frblud".split(""),A=0;q=function(){var a=k.createElement("canvas");a.className="pnlm-face pnlm-"+ja[this.side]+"face";R.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,g,f;for(g=2;g<a.width-2;g++)for(f=0;4>f;f++)d[4*(g+a.width)+f]=d[4*(g+2*a.width)+f],d[4*(g+a.width*(a.height-2))+f]=d[4*(g+a.width*(a.height-
3))+f];for(g=2;g<a.height-2;g++)for(f=0;4>f;f++)d[4*(g*a.width+1)+f]=d[4*(g*a.width+2)+f],d[4*((g+1)*a.width-2)+f]=d[4*((g+1)*a.width-3)+f];for(f=0;4>f;f++)d[4*(a.width+1)+f]=d[4*(2*a.width+2)+f],d[4*(2*a.width-2)+f]=d[4*(3*a.width-3)+f],d[4*(a.width*(a.height-2)+1)+f]=d[4*(a.width*(a.height-3)+2)+f],d[4*(a.width*(a.height-1)-2)+f]=d[4*(a.width*(a.height-2)-3)+f];for(g=1;g<a.width-1;g++)for(f=0;4>f;f++)d[4*g+f]=d[4*(g+a.width)+f],d[4*(g+a.width*(a.height-1))+f]=d[4*(g+a.width*(a.height-2))+f];for(g=
1;g<a.height-1;g++)for(f=0;4>f;f++)d[g*a.width*4+f]=d[4*(g*a.width+1)+f],d[4*((g+1)*a.width-1)+f]=d[4*((g+1)*a.width-2)+f];for(f=0;4>f;f++)d[f]=d[4*(a.width+1)+f],d[4*(a.width-1)+f]=d[4*(2*a.width-2)+f],d[a.width*(a.height-1)*4+f]=d[4*(a.width*(a.height-2)+1)+f],d[4*(a.width*a.height-1)+f]=d[4*(a.width*(a.height-1)-2)+f];b.putImageData(e,0,0);A++;6==A&&(wa=this.width,$.appendChild(R),h())};for(f=0;6>f;f++)b=new Image,b.crossOrigin="anonymous",b.side=f,b.onload=q,b.src="multires"==y?encodeURI(sa.replace("%s",
ja[f])+"."+r.extension):encodeURI(r[f].src)}else{if(!a)throw console.log("Error: no WebGL support detected!"),{type:"no webgl"};r.fullpath=r.basePath?r.basePath+r.path:r.path;r.invTileResolution=1/r.tileResolution;e=ua();la=[];for(f=0;6>f;f++)la[f]=e.slice(12*f,12*f+12),e=ua();if("equirectangular"==y){if(f=Math.max(r.width,r.height),e=a.getParameter(a.MAX_TEXTURE_SIZE),f>e)throw console.log("Error: The image is too big; it's "+f+"px wide, but this device's maximum supported width is "+e+"px."),{type:"webgl size error",
width:f,maxWidth:e};}else if("cubemap"==y&&(f=r[0].width,e=a.getParameter(a.MAX_CUBE_MAP_TEXTURE_SIZE),f>e))throw console.log("Error: The cube face image is too big; it's "+f+"px wide, but this device's maximum supported width is "+e+"px."),{type:"webgl size error",width:f,maxWidth:e};s===g||s.horizonPitch===g&&s.horizonRoll===g||(ba=[s.horizonPitch==g?0:s.horizonPitch,s.horizonRoll==g?0:s.horizonRoll]);f=a.TEXTURE_2D;a.viewport(0,0,v.width,v.height);K=a.createShader(a.VERTEX_SHADER);e=l;"multires"==
y&&(e=x);a.shaderSource(K,e);a.compileShader(K);L=a.createShader(a.FRAGMENT_SHADER);e=na;"cubemap"==y?(f=a.TEXTURE_CUBE_MAP,e=Fa):"multires"==y&&(e=oa);a.shaderSource(L,e);a.compileShader(L);d=a.createProgram();a.attachShader(d,K);a.attachShader(d,L);a.linkProgram(d);a.getShaderParameter(K,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(K));a.getShaderParameter(L,a.COMPILE_STATUS)||console.log(a.getShaderInfoLog(L));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?(E||(E=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,E),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,v.width/v.height),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,sa/(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,(s.backgroundColor?s.backgroundColor:[0,0,0]).concat([1]))),d.texture=a.createTexture(),a.bindTexture(f,d.texture),
"cubemap"==y?(a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[1]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_X,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[3]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[4]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Y,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[5]),a.texImage2D(a.TEXTURE_CUBE_MAP_POSITIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[0]),a.texImage2D(a.TEXTURE_CUBE_MAP_NEGATIVE_Z,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r[2])):a.texImage2D(f,
0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r),a.texParameteri(f,a.TEXTURE_WRAP_S,a.CLAMP_TO_EDGE),a.texParameteri(f,a.TEXTURE_WRAP_T,a.CLAMP_TO_EDGE),a.texParameteri(f,a.TEXTURE_MIN_FILTER,a.LINEAR),a.texParameteri(f,a.TEXTURE_MAG_FILTER,a.LINEAR)):(d.vertPosLocation=a.getAttribLocation(d,"a_vertCoord"),a.enableVertexAttribArray(d.vertPosLocation),X||(X=a.createBuffer()),ma||(ma=a.createBuffer()),V||(V=a.createBuffer()),a.bindBuffer(a.ARRAY_BUFFER,ma),a.bufferData(a.ARRAY_BUFFER,new Float32Array([0,0,1,0,1,1,
0,1]),a.STATIC_DRAW),a.bindBuffer(a.ELEMENT_ARRAY_BUFFER,V),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);if(0!==a.getError())throw console.log("Error: Something went wrong with WebGL!"),{type:"webgl error"};h()}};this.destroy=function(){$!==g&&(v!==g&&$.removeChild(v),R!==g&&$.removeChild(R));
if(a){var d=a.getExtension("WEBGL_lose_context");d&&d.loseContext()}};this.resize=function(){var g=z.devicePixelRatio||1;v.width=v.clientWidth*g;v.height=v.clientHeight*g;a&&(a.viewport(0,0,v.width,v.height),"multires"!=y&&a.uniform1f(d.aspectRatio,v.width/v.height))};this.resize();this.render=function(f,e,k,l){var q;q=0;l===g&&(l={});l.roll&&(q=l.roll);if(ba!==g){var b=ba[0],h=ba[1],s=f,x=e,A=Math.cos(h)*Math.sin(f)*Math.sin(b)+Math.cos(f)*(Math.cos(b)*Math.cos(e)+Math.sin(h)*Math.sin(b)*Math.sin(e)),
B=-Math.sin(f)*Math.sin(h)+Math.cos(f)*Math.cos(h)*Math.sin(e);f=Math.cos(h)*Math.cos(b)*Math.sin(f)+Math.cos(f)*(-Math.cos(e)*Math.sin(b)+Math.cos(b)*Math.sin(h)*Math.sin(e));f=Math.asin(Math.max(Math.min(f,1),-1));e=Math.atan2(B,A);b=[Math.cos(s)*(Math.sin(h)*Math.sin(b)*Math.cos(x)-Math.cos(b)*Math.sin(x)),Math.cos(s)*Math.cos(h)*Math.cos(x),Math.cos(s)*(Math.cos(b)*Math.sin(h)*Math.cos(x)+Math.sin(x)*Math.sin(b))];h=[-Math.cos(f)*Math.sin(e),Math.cos(f)*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)k=2*Math.atan(Math.tan(0.5*k)/(v.width/v.height)),k=1/Math.tan(0.5*k),a.uniform1f(d.psi,e),a.uniform1f(d.theta,f),a.uniform1f(d.rot,q),a.uniform1f(d.f,k),!0===ga&&"equirectangular"==y&&(a.bindTexture(a.TEXTURE_2D,d.texture),a.texImage2D(a.TEXTURE_2D,0,a.RGB,a.RGB,a.UNSIGNED_BYTE,r)),a.drawArrays(a.TRIANGLES,0,6);else{b=v.width/
v.height;h=2*Math.atan(Math.tan(k/2)*v.height/v.width);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<r.maxLevel&&v.width>r.tileResolution*Math.pow(2,h-1)*Math.tan(k/2)*0.707;)h++;d.level=h;h=[1,0,0,0,1,0,0,0,1];h=ka(h,-q,"z");h=ka(h,-f,"x");h=ka(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(fa(b)));a.uniformMatrix4fv(d.cubeUniform,!1,new Float32Array(fa(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(S);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++)s=new J(la[q],h[q],1,0,0,r.fullpath),ta(b,s,f,e,k);d.currentNodes.sort(ea);for(q=0;q<d.currentNodes.length;q++)if(!d.currentNodes[q].texture){setTimeout(va(d.currentNodes[q]),
0);break}if(!d.drawInProgress){d.drawInProgress=!0;for(f=0;f<d.currentNodes.length;f++)d.currentNodes[f].textureLoaded&&(a.bindBuffer(a.ARRAY_BUFFER,X),a.bufferData(a.ARRAY_BUFFER,new Float32Array(d.currentNodes[f].vertices),a.STATIC_DRAW),a.vertexAttribPointer(d.vertPosLocation,3,a.FLOAT,!1,0,0),a.bindBuffer(a.ARRAY_BUFFER,ma),a.vertexAttribPointer(d.texCoordLocation,2,a.FLOAT,!1,0,0),a.bindTexture(a.TEXTURE_2D,d.currentNodes[f].texture),a.drawElements(a.TRIANGLES,6,a.UNSIGNED_SHORT,0));d.drawInProgress=
!1}}if(l.returnImage!==g)return v.toDataURL("image/png")}else for(q=wa/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)"},
k=1/Math.tan(k/2),k=k*v.width/(z.devicePixelRatio||1)/2+"px",f="perspective("+k+") translateZ("+k+") rotateX("+f+"rad) rotateY("+e+"rad) ",e=Object.keys(l),q=0;6>q;q++)k=R.querySelector(".pnlm-"+e[q]+"face").style,k.webkitTransform=f+l[e[q]],k.transform=f+l[e[q]]};this.isLoading=function(){if(a&&"multires"==y)for(var g=0;g<d.currentNodes.length;g++)if(!d.currentNodes[g].textureLoaded)return!0;return!1};this.getCanvas=function(){return v};var Ea=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);
l.length?(d=l.shift(),b.loadTexture(d.src,d.texture,d.callback)):k[g++]=b})}function e(a,b,d){this.src=a;this.texture=b;this.callback=d}var g=4,k={},l=[];d.prototype.loadTexture=function(a,b,d){this.texture=b;this.callback=d;this.image.src=a};for(var b=0;b<g;b++)k[b]=new d;return function(b,d){var f=a.createTexture();g?k[--g].loadTexture(b,f,d):l.push(new e(b,f,d));return f}}()}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;}",
x="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;}",Fa="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}",
na="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}",
oa="varying mediump vec2 v_texCoord;uniform sampler2D u_sampler;void main(void) {gl_FragColor = texture2D(u_sampler, v_texCoord);}";return{renderer:function(g,k,l,x){return new ia(g,k,l,x)}}}(window,document);window.requestAnimationFrame||(window.requestAnimationFrame=function(){return window.webkitRequestAnimationFrame||window.mozRequestAnimationFrame||window.oRequestAnimationFrame||window.msRequestAnimationFrame||function(z,k){window.setTimeout(z,1E3/60)}}());
window.pannellum=function(z,k,g){function ia(l,x){function Fa(){var w=k.createElement("div");w.innerHTML="\x3c!--[if lte IE 9]><i></i><![endif]--\x3e";if(1==w.getElementsByTagName("i").length)S();else{xa=c.hfov;ya=c.pitch;var a;if("cubemap"==c.type){M=[];for(w=0;6>w;w++)M.push(new Image),M[w].crossOrigin="anonymous";n.load.lbox.style.display="block";n.load.lbar.style.display="none"}else if("multires"==c.type)w=JSON.parse(JSON.stringify(c.multiRes)),c.basePath&&c.multiRes.basePath&&!/^(?:[a-z]+:)?\/\//i.test(c.multiRes.basePath)?
w.basePath=c.basePath+c.multiRes.basePath:c.multiRes.basePath?w.basePath=c.multiRes.basePath:c.basePath&&(w.basePath=c.basePath),M=w;else if(!0===c.dynamic)M=c.panorama;else{if(c.panorama===g){S("No panorama image was specified.");return}M=new Image}if("cubemap"==c.type)for(var b=6,d=function(){b--;0===b&&oa()},e=function(a){var w=k.createElement("a");w.href=a.target.src;w.innerHTML=w.href;S("The file "+w.outerHTML+" could not be accessed.")},w=0;w<M.length;w++)M[w].onload=d,M[w].onerror=e,a=c.cubeMap[w],
c.basePath&&!na(a)&&(a=c.basePath+a),M[w].src=encodeURI(a);else if("multires"==c.type)oa();else if(a="",c.basePath&&(a=c.basePath),!0!==c.dynamic){a=na(c.panorama)?c.panorama:a+c.panorama;M.onload=function(){z.URL.revokeObjectURL(this.src);oa()};var f=new XMLHttpRequest;f.onloadend=function(){if(200!=f.status){var w=k.createElement("a");w.href=encodeURI(a);w.innerHTML=w.href;S("The file "+w.outerHTML+" could not be accessed.")}$(this.response);n.load.msg.innerHTML=""};f.onprogress=function(a){if(a.lengthComputable){n.load.lbarFill.style.width=
a.loaded/a.total*100+"%";var w,c;1E6<a.total?(w="MB",c=(a.loaded/1E6).toFixed(2),a=(a.total/1E6).toFixed(2)):1E3<a.total?(w="kB",c=(a.loaded/1E3).toFixed(1),a=(a.total/1E3).toFixed(1)):(w="B",c=a.loaded,a=a.total);n.load.msg.innerHTML=c+" / "+a+" "+w}else n.load.lbox.style.display="block",n.load.lbar.style.display="none"};try{f.open("GET",a,!0)}catch(h){S("There is something wrong with the panorama URL.")}f.responseType="blob";f.setRequestHeader("Accept","image/*,*/*;q=0.9");f.send()}l.classList.add("pnlm-grab");
l.classList.remove("pnlm-grabbing")}}function na(a){return/^(?:[a-z]+:)?\/\//i.test(a)||"/"==a[0]||"blob:"==a.slice(0,5)}function oa(){C||(C=new libpannellum.renderer(G));Ma||(Ma=!0,F.addEventListener("mousedown",ta,!1),k.addEventListener("mousemove",ka,!1),k.addEventListener("mouseup",fa,!1),c.mouseZoom&&(l.addEventListener("mousewheel",L,!1),l.addEventListener("DOMMouseScroll",L,!1)),l.addEventListener("mozfullscreenchange",A,!1),l.addEventListener("webkitfullscreenchange",A,!1),l.addEventListener("msfullscreenchange",
A,!1),l.addEventListener("fullscreenchange",A,!1),z.addEventListener("resize",ga,!1),z.addEventListener("orientationchange",ga,!1),l.addEventListener("keydown",wa,!1),l.addEventListener("keyup",la,!1),l.addEventListener("blur",R,!1),k.addEventListener("mouseleave",fa,!1),F.addEventListener("touchstart",va,!1),F.addEventListener("touchmove",aa,!1),F.addEventListener("touchend",v,!1),F.addEventListener("pointerdown",d,!1),F.addEventListener("pointermove",a,!1),F.addEventListener("pointerup",K,!1),F.addEventListener("pointerleave",
K,!1),z.navigator.pointerEnabled&&(l.style.touchAction="none"));f();setTimeout(function(){},500)}function $(a){var m=new FileReader;m.addEventListener("loadend",function(){var b=m.result;if(navigator.userAgent.toLowerCase().match(/(iphone|ipod|ipad).* os 8_/)){var d=b.indexOf("\u00ff\u00c2");(0>d||65536<d)&&S("Due to iOS 8's broken WebGL implementation, only progressive encoded JPEGs work for your device (this panorama uses standard encoding).")}d=b.indexOf("<x:xmpmeta");if(-1<d&&!0!==c.ignoreGPanoXMP){var e=
b.substring(d,b.indexOf("</x:xmpmeta>")+12),f=function(a){var w;0<=e.indexOf(a+'="')?(w=e.substring(e.indexOf(a+'="')+a.length+2),w=w.substring(0,w.indexOf('"'))):0<=e.indexOf(a+">")&&(w=e.substring(e.indexOf(a+">")+a.length+1),w=w.substring(0,w.indexOf("<")));return w!==g?Number(w):null},b=f("GPano:FullPanoWidthPixels"),d=f("GPano:CroppedAreaImageWidthPixels"),h=f("GPano:FullPanoHeightPixels"),k=f("GPano:CroppedAreaImageHeightPixels"),l=f("GPano:CroppedAreaTopPixels"),p=f("GPano:PoseHeadingDegrees"),
n=f("GPano:PosePitchDegrees"),f=f("GPano:PoseRollDegrees");null!==b&&null!==d&&null!==h&&null!==k&&null!==l&&(0>W.indexOf("haov")&&(c.haov=d/b*360),0>W.indexOf("vaov")&&(c.vaov=k/h*180),0>W.indexOf("vOffset")&&(c.vOffset=-180*((l+k/2)/h-0.5)),null!==p&&0>W.indexOf("northOffset")&&(c.northOffset=p,!1!==c.compass&&(c.compass=!0)),null!==n&&null!==f&&(0>W.indexOf("horizonPitch")&&(c.horizonPitch=n),0>W.indexOf("horizonRoll")&&(c.horizonRoll=f)))}M.src=z.URL.createObjectURL(a)});m.readAsBinaryString!==
g?m.readAsBinaryString(a):m.readAsText(a)}function S(a){a===g&&(a="Your browser does not have the necessary WebGL support to display this panorama.");n.errorMsg.innerHTML="<p>"+a+"</p>";t.load.style.display="none";n.load.box.style.display="none";n.errorMsg.style.display="table";Ga=!0;G.style.display="none";pa("error",a)}function ea(a){var c=J(a);Y.style.left=c.x+"px";Y.style.top=c.y+"px";clearTimeout(ea.t1);clearTimeout(ea.t2);Y.style.display="block";Y.style.opacity=1;ea.t1=setTimeout(function(){Y.style.opacity=
0},2E3);ea.t2=setTimeout(function(){Y.style.display="none"},2500);a.preventDefault()}function J(a){var c=l.getBoundingClientRect(),b={};b.x=a.clientX-c.left;b.y=a.clientY-c.top;return b}function ta(a){a.preventDefault();l.focus();if(N){var m=J(a);if(c.hotSpotDebug){var b=ua(a);console.log("Pitch: "+b[0]+", Yaw: "+b[1]+", Center Pitch: "+c.pitch+", Center Yaw: "+c.yaw+", HFOV: "+c.hfov)}Ca();I();c.roll=0;u.hfov=0;ca=!0;P=Date.now();qa=m.x;ra=m.y;Ha=c.yaw;Ia=c.pitch;l.classList.add("pnlm-grabbing");
l.classList.remove("pnlm-grab");pa("mousedown",a);E()}}function ua(a){var m=J(a);a=C.getCanvas();var b=a.width/(z.devicePixelRatio||1),d=a.height/(z.devicePixelRatio||1);a=m.x/b*2-1;var d=(1-m.y/d*2)*d/b,e=1/Math.tan(c.hfov*Math.PI/360),g=Math.sin(c.pitch*Math.PI/180),f=Math.cos(c.pitch*Math.PI/180),m=e*f-d*g,b=Math.sqrt(a*a+m*m),d=180*Math.atan((d*f+e*g)/b)/Math.PI;a=180*Math.atan2(a/b,m/b)/Math.PI+c.yaw;return[d,a]}function ka(a){if(ca&&N){P=Date.now();var m=C.getCanvas(),b=m.width/(z.devicePixelRatio||
1),m=m.height/(z.devicePixelRatio||1);a=J(a);var d=180*(Math.atan(qa/b*2-1)-Math.atan(a.x/b*2-1))/Math.PI*c.hfov/90+Ha;u.yaw=(d-c.yaw)%360*0.2;c.yaw=d;b=360*Math.atan(Math.tan(c.hfov/360*Math.PI)*m/b)/Math.PI;b=180*(Math.atan(a.y/m*2-1)-Math.atan(ra/m*2-1))/Math.PI*b/90+Ia;u.pitch=0.2*(b-c.pitch);c.pitch=b}}function fa(a){ca&&(ca=!1,15<Date.now()-P&&(u.pitch=u.yaw=0),l.classList.add("pnlm-grab"),l.classList.remove("pnlm-grabbing"),P=Date.now(),pa("mouseup",a))}function va(a){if(N){Ca();I();c.roll=
0;u.hfov=0;var m=J(a.targetTouches[0]);qa=m.x;ra=m.y;2==a.targetTouches.length&&(a=J(a.targetTouches[1]),qa+=0.5*(a.x-m.x),ra+=0.5*(a.y-m.y),za=Math.sqrt((m.x-a.x)*(m.x-a.x)+(m.y-a.y)*(m.y-a.y)));ca=!0;P=Date.now();Ha=c.yaw;Ia=c.pitch;E()}}function aa(a){a.preventDefault();N&&(P=Date.now());if(ca&&N){var m=J(a.targetTouches[0]),b=m.x,d=m.y;2==a.targetTouches.length&&-1!=za&&(a=J(a.targetTouches[1]),b+=0.5*(a.x-m.x),d+=0.5*(a.y-m.y),m=Math.sqrt((m.x-a.x)*(m.x-a.x)+(m.y-a.y)*(m.y-a.y)),Q(c.hfov+0.1*
(za-m)),za=m);m=c.hfov/360;b=(qa-b)*m+Ha;u.yaw=(b-c.yaw)%360*0.2;c.yaw=b;d=(d-ra)*m+Ia;u.pitch=0.2*(d-c.pitch);c.pitch=d}}function v(){ca=!1;150<Date.now()-P&&(u.pitch=u.yaw=0);za=-1;P=Date.now()}function d(a){"touch"==a.pointerType&&(da.push(a.pointerId),Aa.push({clientX:a.clientX,clientY:a.clientY}),a.targetTouches=Aa,va(a),a.preventDefault())}function a(a){if("touch"==a.pointerType)for(var c=0;c<da.length;c++)if(a.pointerId==da[c]){Aa[c]={clientX:a.clientX,clientY:a.clientY};a.targetTouches=Aa;
aa(a);break}}function K(a){if("touch"==a.pointerType){for(var c=!1,b=0;b<da.length;b++)a.pointerId==da[b]&&(da[b]=g),da[b]&&(c=!0);c||(da=[],Aa=[],v());a.preventDefault()}}function L(a){a.preventDefault();N&&(Ca(),P=Date.now(),a.wheelDeltaY?(Q(c.hfov-0.05*a.wheelDeltaY),u.hfov=0>a.wheelDelta?1:-1):a.wheelDelta?(Q(c.hfov-0.05*a.wheelDelta),u.hfov=0>a.wheelDelta?1:-1):a.detail&&(Q(c.hfov+1.5*a.detail),u.hfov=0<a.detail?1:-1),E())}function wa(a){a.preventDefault();Ca();P=Date.now();I();c.roll=0;var m=
a.keycode;a.which&&(m=a.which);27==m?Ja&&ja():ba(m,!0)}function R(){for(var a=0;10>a;a++)p[a]=!1}function la(a){a.preventDefault();var c=a.keycode;a.which&&(c=a.which);ba(c,!1)}function ba(a,c){var b=!1;switch(a){case 109:case 189:case 17:p[0]!=c&&(b=!0);p[0]=c;break;case 107:case 187:case 16:p[1]!=c&&(b=!0);p[1]=c;break;case 38:p[2]!=c&&(b=!0);p[2]=c;break;case 87:p[6]!=c&&(b=!0);p[6]=c;break;case 40:p[3]!=c&&(b=!0);p[3]=c;break;case 83:p[7]!=c&&(b=!0);p[7]=c;break;case 37:p[4]!=c&&(b=!0);p[4]=c;
break;case 65:p[8]!=c&&(b=!0);p[8]=c;break;case 39:p[5]!=c&&(b=!0);p[5]=c;break;case 68:p[9]!=c&&(b=!0),p[9]=c}b&&c&&(Z="undefined"!==typeof performance&&performance.now()?performance.now():Date.now(),E())}function r(){if(N){var a=!1,m=c.pitch,b=c.yaw,d=c.hfov,e;e="undefined"!==typeof performance&&performance.now()?performance.now():Date.now();Z===g&&(Z=e);var f=(e-Z)*c.hfov/1700,f=Math.min(f,1);p[0]&&!0===c.keyboardZoom&&(Q(c.hfov+(0.8*u.hfov+0.5)*f),a=!0);p[1]&&!0===c.keyboardZoom&&(Q(c.hfov+(0.8*
u.hfov-0.2)*f),a=!0);if(p[2]||p[6])c.pitch+=(0.8*u.pitch+0.2)*f,a=!0;if(p[3]||p[7])c.pitch+=(0.8*u.pitch-0.2)*f,a=!0;if(p[4]||p[8])c.yaw+=(0.8*u.yaw-0.2)*f,a=!0;if(p[5]||p[9])c.yaw+=(0.8*u.yaw+0.2)*f,a=!0;a&&(P=Date.now());Date.now();if(c.autoRotate){if(0.001<e-Z){var a=(e-Z)/1E3,h=(u.yaw/a*f-0.2*c.autoRotate)*a,h=(0<-c.autoRotate?1:-1)*Math.min(Math.abs(c.autoRotate*a),Math.abs(h));c.yaw+=h}c.autoRotateStopDelay&&(c.autoRotateStopDelay-=e-Z,0>=c.autoRotateStopDelay&&(c.autoRotateStopDelay=!1,T=c.autoRotate,
c.autoRotate=0))}H.pitch&&(y("pitch"),m=c.pitch);H.yaw&&(y("yaw"),b=c.yaw);H.hfov&&(y("hfov"),d=c.hfov);0<f&&!c.autoRotate&&(p[4]||p[5]||p[8]||p[9]||H.yaw||(c.yaw+=u.yaw*f*0.85),p[2]||p[3]||p[6]||p[7]||H.pitch||(c.pitch+=u.pitch*f*0.85),p[0]||p[1]||H.hfov||Q(c.hfov+u.hfov*f*0.85));Z=e;0<f&&(u.yaw=0.8*u.yaw+(c.yaw-b)/f*0.2,u.pitch=0.8*u.pitch+(c.pitch-m)/f*0.2,u.hfov=0.8*u.hfov+(c.hfov-d)/f*0.2,m=c.autoRotate?Math.abs(c.autoRotate):5,u.yaw=Math.min(m,Math.max(u.yaw,-m)),u.pitch=Math.min(m,Math.max(u.pitch,
-m)),u.hfov=Math.min(m,Math.max(u.hfov,-m)));p[0]&&p[0]&&(u.hfov=0);(p[2]||p[6])&&(p[3]||p[7])&&(u.pitch=0);(p[4]||p[8])&&(p[5]||p[9])&&(u.yaw=0)}}function y(a){var m=H[a],b=Math.min(1,Math.max((Date.now()-m.startTime)/1E3/(m.duration/1E3),0)),b=m.startPosition+(0.5>b?2*b*b:-1+(4-2*b)*b)*(m.endPosition-m.startPosition);if(m.endPosition>m.startPosition&&b>=m.endPosition||m.endPosition<m.startPosition&&b<=m.endPosition)b=m.endPosition,u[a]=0,delete H[a];c[a]=b}function ga(){A()}function E(){Na||(Na=
!0,X())}function X(){ma();Oa&&clearTimeout(Oa);if(ca||Ka)requestAnimationFrame(X);else if(p[0]||p[1]||p[2]||p[3]||p[4]||p[5]||p[6]||p[7]||p[8]||p[9]||c.autoRotate||H.pitch||H.yaw||H.hfov||0.01<Math.abs(u.yaw)||0.01<Math.abs(u.pitch)||0.01<Math.abs(u.hfov))r(),0<=c.autoRotateInactivityDelay&&T&&Date.now()-P>c.autoRotateInactivityDelay&&!c.autoRotate&&(c.autoRotate=T,La.lookAt(ya,g,xa,3E3)),requestAnimationFrame(X);else if(C&&(C.isLoading()||!0===c.dynamic&&Ta))requestAnimationFrame(X);else{Na=!1;Z=
g;var a=c.autoRotateInactivityDelay-(Date.now()-P);0<a?Oa=setTimeout(function(){c.autoRotate=T;La.lookAt(ya,g,xa,3E3);E()},a):0<=c.autoRotateInactivityDelay&&T&&(c.autoRotate=T,La.lookAt(ya,g,xa,3E3),E())}}function ma(){var a;if(N){180<c.yaw?c.yaw-=360:-180>c.yaw&&(c.yaw+=360);a=c.yaw;var m=c.maxYaw-c.minYaw,d=-180,e=180;360>m&&(d=c.minYaw+c.hfov/2,e=c.maxYaw-c.hfov/2,m<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;m=c.minPitch+a/2;d=c.maxPitch-a/2;c.maxPitch-c.minPitch<a&&(m=d=(m+d)/2);isNaN(m)&&(m=-90);isNaN(d)&&(d=90);c.pitch=Math.max(m,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(b);c.compass&&(Ba.style.transform="rotate("+(-c.yaw-c.northOffset)+"deg)",Ba.style.webkitTransform="rotate("+(-c.yaw-c.northOffset)+"deg)")}}function V(a,c,b,d){this.w=a;this.x=c;this.y=b;this.z=
d}function Ea(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 V(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 V(Math.sqrt(0.5),-Math.sqrt(0.5),0,0));d=z.orientation?-z.orientation*Math.PI/180/2:0;b=b.multiply(new V(Math.cos(d),0,-Math.sin(d),0)).toEulerAngles();
c.pitch=b[0]/Math.PI*180;c.roll=-b[1]/Math.PI*180;c.yaw=-b[2]/Math.PI*180+c.northOffset}function f(){try{var a={};c.horizonPitch!==g&&(a.horizonPitch=c.horizonPitch*Math.PI/180);c.horizonRoll!==g&&(a.horizonRoll=c.horizonRoll*Math.PI/180);c.backgroundColor!==g&&(a.backgroundColor=c.backgroundColor);C.init(M,c.type,c.dynamic,c.haov*Math.PI/180,c.vaov*Math.PI/180,c.vOffset*Math.PI/180,e,a);!0!==c.dynamic&&(M=g)}catch(b){if("webgl error"==b.type||"no webgl"==b.type)S();else if("webgl size error"==b.type)S("This panorama is too big for your device! It's "+
b.width+"px wide, but your device only supports images up to "+b.maxWidth+"px wide. Try another device. (If you're the author, try scaling down the image.)");else throw S("Unknown error. Check developer console."),b;}}function e(){if(c.sceneFadeDuration&&C.fadeImg!==g){C.fadeImg.style.opacity=0;var a=C.fadeImg;delete C.fadeImg;setTimeout(function(){G.removeChild(a)},c.sceneFadeDuration)}Ba.style.display=c.compass?"inline":"none";sa();n.load.box.style.display="none";ha!==g&&(G.removeChild(ha),ha=g);
N=!0;pa("load");E()}function ia(a){a.pitch=Number(a.pitch)||0;a.yaw=Number(a.yaw)||0;var b=k.createElement("div");b.className="pnlm-hotspot-base";b.className=a.cssClass?b.className+(" "+a.cssClass):b.className+(" pnlm-hotspot pnlm-sprite pnlm-"+Da(a.type));var d=k.createElement("span");a.text&&(d.innerHTML=Da(a.text));var e;if(a.video){e=k.createElement("video");var f=a.video;c.basePath&&!na(f)&&(f=c.basePath+f);e.src=encodeURI(f);e.controls=!0;e.style.width=a.width+"px";G.appendChild(b);d.appendChild(e)}else if(a.image){f=
a.image;c.basePath&&!na(f)&&(f=c.basePath+f);e=k.createElement("a");e.href=encodeURI(a.URL?a.URL:f);e.target="_blank";d.appendChild(e);var g=k.createElement("img");g.src=encodeURI(f);g.style.width=a.width+"px";g.style.paddingTop="5px";G.appendChild(b);e.appendChild(g);d.style.maxWidth="initial"}else a.URL?(e=k.createElement("a"),e.href=encodeURI(a.URL),e.target="_blank",G.appendChild(e),b.style.cursor="pointer",d.style.cursor="pointer",e.appendChild(b)):(a.sceneId&&(b.onclick=function(){D(a.sceneId,
a.targetPitch,a.targetYaw,a.targetHfov);return!1},b.ontouchend=function(){D(a.sceneId,a.targetPitch,a.targetYaw,a.targetHfov);return!1},b.style.cursor="pointer",d.style.cursor="pointer"),G.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 sa(){Pa||(c.hotSpots?(c.hotSpots=c.hotSpots.sort(function(a,c){return a.pitch<c.pitch}),c.hotSpots.forEach(ia)):c.hotSpots=[],Pa=!0,c.hotSpots.forEach(b))}function q(){if(c.hotSpots)for(var a=0;a<c.hotSpots.length;a++){for(var b=c.hotSpots[a].div;b.parentNode!=G;)b=b.parentNode;G.removeChild(b);delete c.hotSpots[a].div}Pa=!1;delete c.hotSpots}
function b(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 p=C.getCanvas(),n=p.width/(z.devicePixelRatio||1),p=p.height/(z.devicePixelRatio||1),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]+=(p-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 h(a){c={};var b,d="haov vaov vOffset northOffset horizonPitch horizonRoll".split(" ");W=[];for(b in Qa)Qa.hasOwnProperty(b)&&(c[b]=Qa[b]);for(b in x.default)x.default.hasOwnProperty(b)&&
(c[b]=x.default[b],0<=d.indexOf(b)&&W.push(b));if(null!==a&&""!==a&&x.scenes&&x.scenes[a]){var e=x.scenes[a];for(b in e)e.hasOwnProperty(b)&&(c[b]=e[b],0<=d.indexOf(b)&&W.push(b));c.scene=a}for(b in x)x.hasOwnProperty(b)&&(c[b]=x[b],0<=d.indexOf(b)&&W.push(b))}function s(){if("preview"in c){var a=c.preview;c.basePath&&(a=c.basePath+a);ha=k.createElement("div");ha.className="pnlm-preview-img";ha.style.backgroundImage="url('"+encodeURI(a)+"')";G.appendChild(ha)}c.hasOwnProperty("title")||(n.title.innerHTML=
"");c.hasOwnProperty("author")||(n.author.innerHTML="");c.hasOwnProperty("title")||c.hasOwnProperty("author")||(n.container.style.display="none");for(var b in c)if(c.hasOwnProperty(b))switch(b){case "title":n.title.innerHTML=Da(c[b]);n.container.style.display="inline";break;case "author":n.author.innerHTML=Da(c[b]);n.container.style.display="inline";break;case "fallback":n.errorMsg.innerHTML='<p>Your browser does not support WebGL.<br><a href="'+encodeURI(c[b])+'" target="_blank">Click here to view this panorama in an alternative viewer.</a></p>';
break;case "hfov":Q(Number(c[b]));break;case "autoLoad":!0===c[b]&&C===g&&(n.load.box.style.display="inline",t.load.style.display="none",Fa());break;case "showZoomCtrl":t.zoom.style.display=c[b]&&!1!=c.showControls?"block":"none";break;case "showFullscreenCtrl":t.fullscreen.style.display=c[b]&&!1!=c.showControls&&("fullscreen"in k||"mozFullScreen"in k||"webkitIsFullScreen"in k||"msFullscreenElement"in k)?"block":"none";break;case "hotSpotDebug":Ra.style.display=c[b]?"block":"none";break;case "showControls":c[b]||
(t.orientation.style.display="none",t.zoom.style.display="none",t.fullscreen.style.display="none");break;case "orientationOnByDefault":c[b]&&Sa()}}function ja(){if(N&&!Ga)if(Ja)k.exitFullscreen?k.exitFullscreen():k.mozCancelFullScreen?k.mozCancelFullScreen():k.webkitCancelFullScreen?k.webkitCancelFullScreen():k.msExitFullscreen&&k.msExitFullscreen();else try{l.requestFullscreen?l.requestFullscreen():l.mozRequestFullScreen?l.mozRequestFullScreen():l.msRequestFullscreen?l.msRequestFullscreen():l.webkitRequestFullScreen()}catch(a){}}
function A(){k.fullscreen||k.mozFullScreen||k.webkitIsFullScreen||k.msFullscreenElement?(t.fullscreen.classList.add("pnlm-fullscreen-toggle-button-active"),Ja=!0):(t.fullscreen.classList.remove("pnlm-fullscreen-toggle-button-active"),Ja=!1);C.resize();Q(c.hfov);E()}function B(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 Q(a){c.hfov=B(a)}function Ca(){H={};T=c.autoRotate?c.autoRotate:T;c.autoRotate=!1}function O(){Ga&&(n.load.box.style.display="none",n.errorMsg.style.display="none",Ga=!1,pa("errorcleared"));t.load.style.display="none";n.load.box.style.display="inline";Fa()}function D(a,b,d,e,f){N=!1;H={};var k,l;c.sceneFadeDuration&&!f?(f=new Image,f.className="pnlm-fade-img",f.style.transition="opacity "+c.sceneFadeDuration/1E3+"s",f.style.width="100%",f.style.height="100%",f.onload=function(){D(a,
b,d,e,!0)},k=C.render(c.pitch*Math.PI/180,c.yaw*Math.PI/180,c.hfov*Math.PI/180,{returnImage:!0}),k!==g&&(f.src=k),G.appendChild(f),C.fadeImg=f):(f="same"===b?c.pitch:b,k="same"===d?c.yaw:"sameAzimuth"===d?c.yaw+c.northOffset-x.scenes[a].northOffset:d,l="same"===e?c.hfov:e,q(),h(a),u.yaw=u.pitch=u.hfov=0,s(),f!==g&&(c.pitch=f),k!==g&&(c.yaw=k),l!==g&&(c.hfov=l),pa("scenechange",a),O())}function I(){z.removeEventListener("deviceorientation",Ea);t.orientation.classList.remove("pnlm-orientation-button-active");
Ka=!1}function Sa(){Ka=!0;z.addEventListener("deviceorientation",Ea);t.orientation.classList.add("pnlm-orientation-button-active");requestAnimationFrame(X)}function Da(a){return String(a).replace(/&/g,"&").replace('"',""").replace("'","'").replace("<","<").replace(">",">").replace("/","/")}function pa(a){if(a in U)for(var b=0;b<U[a].length;b++)U[a][b].apply(null,[].slice.call(arguments,1))}var La=this,c,C,ha,ca=!1,P=Date.now(),qa=0,ra=0,za=-1,Ha=0,Ia=0,p=Array(10),Ja=!1,N=
!1,Ga=!1,Ma=!1,M,Z,u={yaw:0,pitch:0,hfov:0},Na=!1,Ka=!1,Oa,T=0,xa,ya,H={},U={},W=[],Ta=!1,Pa=!1,Qa={hfov:100,minHfov:50,maxHfov:120,pitch:0,minPitch:g,maxPitch:g,yaw:0,minYaw:-180,maxYaw:180,roll:0,haov:360,vaov:180,vOffset:0,autoRotate:!1,autoRotateInactivityDelay:-1,autoRotateStopDelay:g,type:"equirectangular",northOffset:0,showFullscreenCtrl:!0,dynamic:!1,keyboardZoom:!0,mouseZoom:!0,showZoomCtrl:!0,autoLoad:!1,showControls:!0,orientationOnByDefault:!1,hotSpotDebug:!1,backgroundColor:[0,0,0]};
l="string"===typeof l?k.getElementById(l):l;l.classList.add("pnlm-container");l.tabIndex=0;var G=k.createElement("div");G.className="pnlm-render-container";l.appendChild(G);var F=k.createElement("div");F.className="pnlm-dragfix";l.appendChild(F);var Y=k.createElement("span");Y.className="pnlm-about-msg";Y.innerHTML='<a href="https://pannellum.org/" target="_blank">Pannellum</a> 2.3.2';l.appendChild(Y);F.addEventListener("contextmenu",ea);var n={},Ra=k.createElement("div");Ra.className="pnlm-sprite pnlm-hot-spot-debug-indicator";
l.appendChild(Ra);n.container=k.createElement("div");n.container.className="pnlm-panorama-info";n.title=k.createElement("div");n.title.className="pnlm-title-box";n.container.appendChild(n.title);n.author=k.createElement("div");n.author.className="pnlm-author-box";n.container.appendChild(n.author);l.appendChild(n.container);n.load={};n.load.box=k.createElement("div");n.load.box.className="pnlm-load-box";n.load.box.innerHTML="<p>Loading...</p>";n.load.lbox=k.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=k.createElement("div");n.load.lbar.className="pnlm-lbar";n.load.lbarFill=k.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=k.createElement("p");n.load.msg.className="pnlm-lmsg";n.load.box.appendChild(n.load.msg);l.appendChild(n.load.box);n.errorMsg=k.createElement("div");n.errorMsg.className=
"pnlm-error-msg pnlm-info-box";l.appendChild(n.errorMsg);var t={};t.container=k.createElement("div");t.container.className="pnlm-controls-container";l.appendChild(t.container);t.load=k.createElement("div");t.load.className="pnlm-load-button";t.load.innerHTML="<p>Click to<br>Load<br>Panorama<p>";t.load.addEventListener("click",O);l.appendChild(t.load);t.zoom=k.createElement("div");t.zoom.className="pnlm-zoom-controls pnlm-controls";t.zoomIn=k.createElement("div");t.zoomIn.className="pnlm-zoom-in pnlm-sprite pnlm-control";
t.zoomIn.addEventListener("click",function(){N&&(Q(c.hfov-5),E())});t.zoom.appendChild(t.zoomIn);t.zoomOut=k.createElement("div");t.zoomOut.className="pnlm-zoom-out pnlm-sprite pnlm-control";t.zoomOut.addEventListener("click",function(){N&&(Q(c.hfov+5),E())});t.zoom.appendChild(t.zoomOut);t.container.appendChild(t.zoom);t.fullscreen=k.createElement("div");t.fullscreen.addEventListener("click",ja);t.fullscreen.className="pnlm-fullscreen-toggle-button pnlm-sprite pnlm-fullscreen-toggle-button-inactive pnlm-controls pnlm-control";
(k.fullscreenEnabled||k.mozFullScreenEnabled||k.webkitFullscreenEnabled||k.msFullscreenEnabled)&&t.container.appendChild(t.fullscreen);t.orientation=k.createElement("div");t.orientation.addEventListener("click",function(a){Ka?I():Sa()});t.orientation.addEventListener("mousedown",function(a){a.stopPropagation()});t.orientation.addEventListener("touchstart",function(a){a.stopPropagation()});t.orientation.addEventListener("pointerdown",function(a){a.stopPropagation()});t.orientation.className="pnlm-orientation-button pnlm-orientation-button-inactive pnlm-sprite pnlm-controls pnlm-control";
z.DeviceOrientationEvent&&z.addEventListener("deviceorientation",function(a){z.removeEventListener("deviceorientation",this);a&&null!==a.alpha&&null!==a.beta&&null!==a.gamma&&t.container.appendChild(t.orientation)});var Ba=k.createElement("div");Ba.className="pnlm-compass pnlm-controls pnlm-control";l.appendChild(Ba);x.firstScene?h(x.firstScene):x.default&&x.default.firstScene?h(x.default.firstScene):h(null);s();var da=[],Aa=[];V.prototype.multiply=function(a){return new V(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)};V.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)),b=Math.asin(2*(this.w*this.y-this.z*this.x)),c=Math.atan2(2*(this.w*this.z+this.x*this.y),1-2*(this.y*this.y+this.z*this.z));return[a,b,c]};this.getPitch=function(){return c.pitch};this.setPitch=function(a,b){(b=b==g?1E3:Number(b))?
H.pitch={startTime:Date.now(),startPosition:c.pitch,endPosition:a,duration:b}:c.pitch=a;E();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){for(;180<a;)a-=360;for(;-180>a;)a+=360;(b=b==g?1E3:Number(b))?H.yaw={startTime:Date.now(),startPosition:c.yaw,endPosition:a,duration:b}:c.yaw=
a;E();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){(b=b==g?1E3:Number(b))?H.hfov={startTime:Date.now(),startPosition:c.hfov,endPosition:B(a),duration:b}:Q(a);E();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,b,c,d){d=d==g?1E3:Number(d);a!==g&&this.setPitch(a,d);b!==g&&this.setYaw(b,d);c!==g&&this.setHfov(c,d);return this};this.getNorthOffset=function(){return c.northOffset};this.setNorthOffset=function(a){c.northOffset=Math.min(360,Math.max(0,a));E();return this};this.startAutoRotate=function(a){a=a||T||1;c.autoRotate=a;La.lookAt(ya,g,xa,3E3);E();return this};this.stopAutoRotate=function(){T=c.autoRotate?c.autoRotate:T;c.autoRotate=
!1;c.autoRotateInactivityDelay=-1;return this};this.getRenderer=function(){return C};this.setUpdate=function(a){Ta=!0===a;C===g?oa():E();return this};this.mouseEventToCoords=function(a){return ua(a)};this.loadScene=function(a,b,c,d){N&&D(a,b,c,d);return this};this.getScene=function(){return c.scene};this.addScene=function(a,b){x.scenes[a]=b;return this};this.removeScene=function(a){if(c.scene===a||!x.scenes.hasOwnProperty(a))return!1;delete x.scenes[a];return!0};this.toggleFullscreen=function(){ja();
return this};this.getConfig=function(){return c};this.addHotSpot=function(a,d){if(d===g||c.scene==d)ia(a),c.hotSpots.push(a),b(a);else if(x.scenes.hasOwnProperty(d))x.scenes[d].hotSpots.push(a);else throw"Invalid scene ID!";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!=G;)a=a.parentNode;G.removeChild(a);delete c.hotSpots[b].div;c.hotSpots.splice(b,
1);return!0}return!1};this.on=function(a,b){U[a]=U[a]||[];U[a].push(b);return this};this.off=function(a,b){if(!a)return U={},this;if(b){var c=U[a].indexOf(b);0<=c&&U[a].splice(c,1);U[a].length=0}else delete U[a];return this};this.destroy=function(){C&&C.destroy();Ma&&(F.removeEventListener("mousedown",ta,!1),k.removeEventListener("mousemove",ka,!1),k.removeEventListener("mouseup",fa,!1),l.removeEventListener("mousewheel",L,!1),l.removeEventListener("DOMMouseScroll",L,!1),l.removeEventListener("mozfullscreenchange",
A,!1),l.removeEventListener("webkitfullscreenchange",A,!1),l.removeEventListener("msfullscreenchange",A,!1),l.removeEventListener("fullscreenchange",A,!1),z.removeEventListener("resize",ga,!1),z.removeEventListener("orientationchange",ga,!1),l.removeEventListener("keydown",wa,!1),l.removeEventListener("keyup",la,!1),l.removeEventListener("blur",R,!1),k.removeEventListener("mouseleave",fa,!1),F.removeEventListener("touchstart",va,!1),F.removeEventListener("touchmove",aa,!1),F.removeEventListener("touchend",
v,!1),F.removeEventListener("pointerdown",d,!1),F.removeEventListener("pointermove",a,!1),F.removeEventListener("pointerup",K,!1),F.removeEventListener("pointerleave",K,!1));l.innerHTML="";l.classList.remove("pnlm-container");l.classList.remove("pnlm-grab");l.classList.remove("pnlm-grabbing")}}return{viewer:function(g,k){return new ia(g,k)}}}(window,document);