From 3a06249857f8284f26a98337235dd186c34a74d9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Heleine?= Date: Sat, 9 Sep 2017 14:38:30 +0200 Subject: [PATCH] Version 2.9 --- photo-sphere-viewer.js | 40 ++++++++++++++++++++++++++++++++------ photo-sphere-viewer.min.js | 3 ++- src/PhotoSphereViewer.js | 2 +- 3 files changed, 37 insertions(+), 8 deletions(-) diff --git a/photo-sphere-viewer.js b/photo-sphere-viewer.js index d76bbf01b..6081fecd4 100644 --- a/photo-sphere-viewer.js +++ b/photo-sphere-viewer.js @@ -1,5 +1,5 @@ /* - * Photo Sphere Viewer v2.8 + * Photo Sphere Viewer v2.9 * http://jeremyheleine.me/photo-sphere-viewer * * Copyright (c) 2014,2015 Jérémy Heleine @@ -59,6 +59,7 @@ * @param {number} [args.max_fov=90] - The maximal field of view, in degrees, between 1 and 179 * @param {boolean} [args.allow_user_interactions=true] - If set to `false`, the user won't be able to interact with the panorama (navigation bar is then disabled) * @param {boolean} [args.allow_scroll_to_zoom=true] - It set to `false`, the user won't be able to scroll with their mouse to zoom + * @param {number} [args.zoom_speed=1] - Indicate a number greater than 1 to increase the zoom speed * @param {number|string} [args.tilt_up_max=π/2] - The maximal tilt up angle, in radians (or in degrees if indicated, e.g. `'30deg'`) * @param {number|string} [args.tilt_down_max=π/2] - The maximal tilt down angle, in radians (or in degrees if indicated, e.g. `'30deg'`) * @param {number|string} [args.min_longitude=0] - The minimal longitude to show @@ -1135,7 +1136,7 @@ var PhotoSphereViewer = function(args) { if (diff !== 0) { var direction = diff / Math.abs(diff); - zoom(zoom_lvl + direction); + zoom(zoom_lvl + direction * zoom_speed); touchzoom_dist = d; } @@ -1267,10 +1268,21 @@ var PhotoSphereViewer = function(args) { if (delta !== 0) { var direction = parseInt(delta / Math.abs(delta)); - zoom(zoom_lvl + direction); + zoom(zoom_lvl + direction * zoom_speed); } }; + /** + * Use a mousewheel event. + * @public + * @param {Event} evt - The event + * @return {void} + **/ + + this.mouseWheel = function(evt) { + onMouseWheel(evt); + }; + /** * Sets the new zoom level. * @private @@ -1279,7 +1291,7 @@ var PhotoSphereViewer = function(args) { **/ var zoom = function(level) { - zoom_lvl = stayBetween(parseInt(Math.round(level)), 0, 100); + zoom_lvl = stayBetween(level, 0, 100); fov = PSV_FOV_MAX + (zoom_lvl / 100) * (PSV_FOV_MIN - PSV_FOV_MAX); camera.fov = fov; @@ -1324,7 +1336,7 @@ var PhotoSphereViewer = function(args) { this.zoomIn = function() { if (zoom_lvl < 100) - zoom(zoom_lvl + 1); + zoom(zoom_lvl + zoom_speed); }; /** @@ -1335,7 +1347,7 @@ var PhotoSphereViewer = function(args) { this.zoomOut = function() { if (zoom_lvl > 0) - zoom(zoom_lvl - 1); + zoom(zoom_lvl - zoom_speed); }; /** @@ -1731,6 +1743,9 @@ var PhotoSphereViewer = function(args) { // Is "scroll to zoom" allowed? var scroll_to_zoom = (args.allow_scroll_to_zoom !== undefined) ? !!args.allow_scroll_to_zoom : true; + // User's zoom speed + var zoom_speed = (args.zoom_speed !== undefined) ? parseFloat(args.zoom_speed) : 1.0; + // Eyes offset in VR mode var eyes_offset = (args.eyes_offset !== undefined) ? parseFloat(args.eyes_offset) : 5; @@ -2253,6 +2268,8 @@ var PSVNavBarButton = function(psv, type, style) { addEvent(document, 'touchmove', changeZoomByTouch); addEvent(document, 'mouseup', stopZoomChange); addEvent(document, 'touchend', stopZoomChange); + addEvent(zoom_range_bg, 'mousewheel', changeZoomOnMouseWheel); + addEvent(zoom_range_bg, 'DOMMouseScroll', changeZoomOnMouseWheel); zoom_range.appendChild(zoom_value); // Zoom "+" @@ -2603,6 +2620,17 @@ var PSVNavBarButton = function(psv, type, style) { } }; + /** + * Change zoom by scrolling. + * @private + * @param {Event} evt - The event + * @return {void} + **/ + + var changeZoomOnMouseWheel = function(evt) { + psv.mouseWheel(evt); + }; + // Some useful attributes var zoom_range_bg, zoom_range, zoom_value; var mousedown = false; diff --git a/photo-sphere-viewer.min.js b/photo-sphere-viewer.min.js index a8d49984e..736f8250f 100644 --- a/photo-sphere-viewer.min.js +++ b/photo-sphere-viewer.min.js @@ -1 +1,2 @@ -var PhotoSphereViewer=function(e){var t=function(){var e=document.createElement("canvas");return!(!e.getContext||!e.getContext("2d"))},o=function(){var e=document.createElement("canvas");return!(!window.WebGLRenderingContext||!e.getContext("webgl"))},i=function(e,t,o){e.addEventListener?e.addEventListener(t,o,!1):e.attachEvent("on"+t,o)},n=function(e,t,o){return Math.max(t,Math.min(o,e))},r=function(e,t,o,i){var n=o-e,r=i-t;return n*n+r*r},a=function(e,t){return t=void 0!==t?!!t:!1,t&&e==2*Math.PI?2*Math.PI:e-2*Math.floor(e/(2*Math.PI))*Math.PI};this.load=function(){if(Me.innerHTML="",nt&&1===nt.nodeType)Me.appendChild(nt);else if(nt&&"string"==typeof nt)Me.innerHTML=nt;else if(it){var e=document.createElement("img");e.setAttribute("src",it),e.setAttribute("alt",ot),Me.appendChild(e)}else Me.textContent=ot;return Fe=document.createElement("div"),Fe.style.width="100%",Fe.style.height="100%",Fe.style.position="relative",Fe.style.overflow="hidden",t()?void 0===window.THREE?void console.log("PhotoSphereViewer: Three.js is not loaded."):(Te={width:0,height:0,ratio:0},void(Ke&&!Ae.match(/^data:image\/[a-z]+;base64/)?d():c())):void(Me.textContent="Canvas is not supported, update your browser!")};var s=function(e){for(var t=0,o=0,i="";-1!=(t=e.indexOf("",t));)if(i=e.substring(t,o),-1!=i.indexOf("GPano:"))return i;return""},l=function(e,t){var o=e.indexOf("GPano:"+t)+t.length+8,i=e.indexOf('"',o);return-1==i&&(o=e.indexOf("GPano:"+t)+t.length+7,i=e.indexOf("<",o)),e.substring(o,i)},d=function(){var e=null;if(window.XMLHttpRequest)e=new XMLHttpRequest;else{if(!window.ActiveXObject)return void(Me.textContent="XHR is not supported, update your browser!");try{e=new ActiveXObject("Msxml2.XMLHTTP")}catch(t){e=new ActiveXObject("Microsoft.XMLHTTP")}}e.onreadystatechange=function(){if(4==e.readyState&&200==e.status){var t=s(e.responseText);if(!t.length)return void c();Je={full_width:parseInt(l(t,"FullPanoWidthPixels")),full_height:parseInt(l(t,"FullPanoHeightPixels")),cropped_width:parseInt(l(t,"CroppedAreaImageWidthPixels")),cropped_height:parseInt(l(t,"CroppedAreaImageHeightPixels")),cropped_x:parseInt(l(t,"CroppedAreaLeftPixels")),cropped_y:parseInt(l(t,"CroppedAreaTopPixels"))},tt=!0,c()}},e.open("GET",Ae,!0),e.send(null)},c=function(){var e=new Image;e.onload=function(){var t={full_width:e.width,full_height:e.height,cropped_width:e.width,cropped_height:e.height,cropped_x:null,cropped_y:null};if(360!=et.horizontal_fov||180!=et.vertical_fov){if(Je.cropped_width=t.cropped_width,Je.cropped_height=t.cropped_height,Je.full_width=t.full_width,Je.full_height=t.full_height,360!=et.horizontal_fov){var i=et.horizontal_fov/360;Je.full_width=Je.cropped_width/i}if(180!=et.vertical_fov){var n=et.vertical_fov/180;Je.full_height=Je.cropped_height/n}}else{for(var r in Je)null===Je[r]&&void 0!==t[r]&&(Je[r]=t[r]);if(tt){if(Je.cropped_width!=t.cropped_width){var a=t.cropped_width/Je.cropped_width;Je.cropped_width=t.cropped_width,Je.full_width*=a,Je.cropped_x*=a}if(Je.cropped_height!=t.cropped_height){var s=t.cropped_height/Je.cropped_height;Je.cropped_height=t.cropped_height,Je.full_height*=s,Je.cropped_y*=s}}}null===Je.cropped_x&&(Je.cropped_x=(Je.full_width-Je.cropped_width)/2),null===Je.cropped_y&&(Je.cropped_y=(Je.full_height-Je.cropped_height)/2);var l=2048;if(o()){var d=document.createElement("canvas"),c=d.getContext("webgl");l=c.getParameter(c.MAX_TEXTURE_SIZE)}var h=Math.min(Je.full_width,l),p=h/Je.full_width;Je.full_width=h,Je.cropped_width*=p,Je.cropped_x*=p,e.width=Je.cropped_width,Je.full_height*=p,Je.cropped_height*=p,Je.cropped_y*=p,e.height=Je.cropped_height;var g=document.createElement("canvas");g.width=Je.full_width,g.height=Je.full_height;var v=g.getContext("2d");v.drawImage(e,Je.cropped_x,Je.cropped_y,Je.cropped_width,Je.cropped_height),u(g.toDataURL("image/jpeg"))},Ze&&!Ae.match(/^data:image\/[a-z]+;base64/)&&e.setAttribute("crossOrigin","anonymous"),e.src=Ae},u=function(e){var t=new THREE.Texture,o=new THREE.ImageLoader,i=function(e){t.needsUpdate=!0,t.image=e,h(t)};o.load(e,i)},h=function(e){void 0!==Pe.width&&(Me.style.width=Pe.width.css),void 0!==Pe.height&&(Me.style.height=Pe.height.css),w(),Le=o()?new THREE.WebGLRenderer:new THREE.CanvasRenderer,Le.setSize(Te.width,Te.height),Oe=new THREE.Scene,De=new THREE.PerspectiveCamera(te,Te.ratio,1,300),De.position.set(0,0,0),Oe.add(De);var t=new THREE.SphereGeometry(200,pe,he),n=new THREE.MeshBasicMaterial({map:e,overdraw:!0}),r=new THREE.Mesh(t,n);if(r.scale.x=-1,Oe.add(r),Be=document.createElement("div"),Be.style.position="absolute",Be.style.zIndex=0,Fe.appendChild(Be),ze&&(Ce.setStyle(Ee),Ce.create(),Fe.appendChild(Ce.getBar())),null!==rt){var a=document.createElement("img");a.onload=function(){a.style.display="block",a.style.position="absolute",a.style[rt.position.x]="5px",a.style[rt.position.y]="5px","bottom"==rt.position.y&&ze&&(a.style.bottom=Ce.getBar().offsetHeight+5+"px"),void 0!==rt.size&&(a.style.width=rt.size.width,a.style.height=rt.size.height),Fe.appendChild(a)},a.src=rt.image}i(window,"resize",w),Se&&(i(Be,"mousedown",S),i(document,"mousemove",P),i(Be,"mousemove",q),i(document,"mouseup",M),i(Be,"touchstart",T),i(document,"touchend",M),i(document,"touchmove",H),Re&&(i(Be,"mousewheel",O),i(Be,"DOMMouseScroll",O)),at.addAction("fullscreen-mode",C)),i(document,"fullscreenchange",W),i(document,"mozfullscreenchange",W),i(document,"webkitfullscreenchange",W),i(document,"MSFullscreenChange",W),je.addListener(L),Me.innerHTML="",Me.appendChild(Fe);var s=Le.domElement;s.style.display="block",Be.appendChild(s),p(),ge>0&&D(ge),m(),j("ready")},p=function(){var e=new THREE.Vector3;e.setX(Math.cos(de)*Math.sin(ce)),e.setY(Math.sin(de)),e.setZ(Math.cos(de)*Math.cos(ce)),De.lookAt(e),null!==Xe?Xe.render(Oe,De):Le.render(Oe,De)},g=function(){Xe=new THREE.StereoEffect(Le),Xe.eyeSeparation=Ie,Xe.setSize(Te.width,Te.height),B(),N(),Ce.mustBeHidden(),p(),j("stereo-effect",!0)},v=function(){Xe=null,Le.setSize(Te.width,Te.height),Ce.mustBeHidden(!1),p(),j("stereo-effect",!1)};this.toggleStereo=function(){null!==Xe?v():g()};var m=function(){ye!==!1&&(Ye=setTimeout(y,ye))},f=function(){de-=(de-_e)*xe,ce+=be;var e=!0;ae||(ce=n(ce,se,le),(ce==se||ce==le)&&(we?be*=-1:(b(),e=!1))),ce=a(ce,!0),j("position-updated",{longitude:ce,latitude:de}),p(),e&&(Ve=setTimeout(f,fe))},y=function(){f(),j("autorotate",!0)},b=function(){clearTimeout(Ye),Ye=null,clearTimeout(Ve),Ve=null,j("autorotate",!1)};this.toggleAutorotate=function(){clearTimeout(Ye),Ve?b():y()};var w=function(){(Me.clientWidth!=Te.width||Me.clientHeight!=Te.height)&&x({width:Me.clientWidth,height:Me.clientHeight})};this.fitToContainer=function(){w()};var x=function(e){Te.width=void 0!==e.width?parseInt(e.width):Te.width,Te.height=void 0!==e.height?parseInt(e.height):Te.height,Te.ratio=Te.width/Te.height,De&&(De.aspect=Te.ratio,De.updateProjectionMatrix()),Le&&(Le.setSize(Te.width,Te.height),p()),Xe&&(Xe.setSize(Te.width,Te.height),p())};this.getPosition=function(){return{longitude:ce,latitude:de}},this.getPositionInDegrees=function(){return{longitude:180*ce/Math.PI,latitude:180*de/Math.PI}};var _=function(e,t){var o=V(e);ae||(o=n(o,se,le));var i=V(t);i>Math.PI&&(i-=2*Math.PI),i=n(i,ie,oe),ce=o,de=i,j("position-updated",{longitude:ce,latitude:de}),p()};this.moveTo=function(e,t){_(e,t)};var k=function(e,t){e=V(e),t=V(t),_(ce+e,de+t)};this.rotate=function(e,t){k(e,t)};var C=function(e){var t=e?window.addEventListener:window.removeEventListener;t("keydown",E)},z=function(e){if(e.key){var t=/^Arrow/.test(e.key)?e.key:"Arrow"+e.key;return t}if(e.keyCode||e.which){var o=e.keyCode?e.keyCode:e.which,i={38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",37:"ArrowLeft"};if(void 0!==i[o])return i[o]}return""},E=function(e){var t=0,o=0;switch(z(e)){case"ArrowUp":o=Q;break;case"ArrowRight":t=-J;break;case"ArrowDown":o=-Q;break;case"ArrowLeft":t=J}k(t,o)},S=function(e){R(parseInt(e.clientX),parseInt(e.clientY))},T=function(e){if(1==e.touches.length){var t=e.touches[0];t.target.parentNode==Be&&R(parseInt(t.clientX),parseInt(t.clientY))}else 2==e.touches.length&&(M(),e.touches[0].target.parentNode==Be&&e.touches[1].target.parentNode==Be&&I(r(e.touches[0].clientX,e.touches[0].clientY,e.touches[1].clientX,e.touches[1].clientY)));q()},R=function(e,t){Ne=e,$e=t,b(),We=!0},I=function(e){Ge=e,qe=!0},M=function(){We=!1,qe=!1},P=function(e){e.preventDefault(),F(parseInt(e.clientX),parseInt(e.clientY))},H=function(e){if(1==e.touches.length&&We){var t=e.touches[0];t.target.parentNode==Be&&(e.preventDefault(),F(parseInt(t.clientX),parseInt(t.clientY)))}else if(2==e.touches.length&&e.touches[0].target.parentNode==Be&&e.touches[1].target.parentNode==Be&&qe){e.preventDefault();var o=r(e.touches[0].clientX,e.touches[0].clientY,e.touches[1].clientX,e.touches[1].clientY),i=o-Ge;if(0!==i){var n=i/Math.abs(i);D(ge+n),Ge=o}}},F=function(e,t){We&&(U?(ce+=(e-Ne)/Te.height*ve*Math.PI/180,de+=(t-$e)/Te.height*ve*Math.PI/180):(ce+=(e-Ne)*K,de+=(t-$e)*Z),Ne=e,$e=t,ae||(ce=n(ce,se,le)),ce=a(ce,!0),de=n(de,ie,oe),j("position-updated",{longitude:ce,latitude:de}),p())},B=function(){je.start(),b(),j("device-orientation",!0)},A=function(){je.stop(),j("device-orientation",!1)};this.toggleDeviceOrientation=function(){je.isEventAttached()?A():B()};var L=function(e){ce=n(e.longitude,se,le),de=n(e.latitude,ie,oe),j("position-updated",{longitude:ce,latitude:de}),p()},O=function(e){e.preventDefault(),e.stopPropagation();var t=e.detail?-e.detail:e.wheelDelta;if(0!==t){var o=parseInt(t/Math.abs(t));D(ge+o)}},D=function(e){ge=n(parseInt(Math.round(e)),0,100),ve=te+ge/100*(ee-te),De.fov=ve,De.updateProjectionMatrix(),p(),j("zoom-updated",ge)};this.getZoomLevel=function(){return ge},this.zoom=function(e){D(e)},this.zoomIn=function(){100>ge&&D(ge+1)},this.zoomOut=function(){ge>0&&D(ge-1)};var X=function(){return!!(document.fullscreenElement||document.mozFullScreenElement||document.webkitFullscreenElement||document.msFullscreenElement)},W=function(){document.webkitFullscreenElement||document.msFullscreenElement?(He.width=Me.style.width,He.height=Me.style.height,Me.style.width="100%",Me.style.height="100%",w()):(Me.webkitRequestFullscreen||Me.msRequestFullscreen)&&(Me.style.width=He.width,Me.style.height=He.height,w()),j("fullscreen-mode",X())},N=function(){Me.requestFullscreen?Me.requestFullscreen():Me.mozRequestFullScreen?Me.mozRequestFullScreen():Me.webkitRequestFullscreen?Me.webkitRequestFullscreen():Me.msRequestFullscreen&&Me.msRequestFullscreen()},$=function(){document.exitFullscreen?document.exitFullscreen():document.mozCancelFullScreen?document.mozCancelFullScreen():document.webkitExitFullscreen?document.webkitExitFullscreen():document.msExitFullscreen&&document.msExitFullscreen()};this.toggleFullscreen=function(){X()?$():N()};var q=function(){ze&&Ce.show()},G=function(e){e=e.toString().trim();var t=parseFloat(e.replace(/^(-?[0-9]+(?:\.[0-9]*)?).*$/,"$1")),o=e.replace(/^-?[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();o.match(/(pm|per minute)$/)&&(t/=60);var i=0;switch(o){case"rpm":case"rev per minute":case"revolutions per minute":case"rps":case"rev per second":case"revolutions per second":i=2*t*Math.PI;break;case"dpm":case"deg per minute":case"degrees per minute":case"dps":case"deg per second":case"degrees per second":i=t*Math.PI/180;break;case"rad per minute":case"radians per minute":case"rad per second":case"radians per second":i=t;break;default:m_anim=!1}return i*fe/1e3},V=function(e){e=e.toString().trim();var t=parseFloat(e.replace(/^(-?[0-9]+(?:\.[0-9]*)?).*$/,"$1")),o=e.replace(/^-?[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();return"deg"==o&&(t*=Math.PI/180),a(t)},Y=function(e){for(var t in e)if("width"==t||"height"==t){var o=e[t].toString().trim(),i=parseFloat(o.replace(/^([0-9]+(?:\.[0-9]*)?).*$/,"$1")),n=o.replace(/^[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();"%"!=n&&(n="px"),Pe[t]={css:i+n,unit:n}}};this.addAction=function(e,t){e in Ue||(Ue[e]=[]),Ue[e].push(t)};var j=function(e,t){if(e in Ue&&Ue[e].length)for(var o=0,i=Ue[e].length;i>o;++o)void 0!==t?Ue[e][o](t):Ue[e][o]()};if(void 0===e||void 0===e.panorama||void 0===e.container)return void console.log("PhotoSphereViewer: no value given for panorama or container");var U=void 0!==e.smooth_user_moves?!!e.smooth_user_moves:!0,K=void 0!==e.long_offset?V(e.long_offset):Math.PI/360,Z=void 0!==e.lat_offset?V(e.lat_offset):Math.PI/180,J=void 0!==e.keyboard_long_offset?V(e.keyboard_long_offset):Math.PI/60,Q=void 0!==e.keyboard_lat_offset?V(e.keyboard_lat_offset):Math.PI/120,ee=void 0!==e.min_fov?n(parseFloat(e.min_fov),1,179):30,te=void 0!==e.max_fov?n(parseFloat(e.max_fov),1,179):90,oe=void 0!==e.tilt_up_max?n(V(e.tilt_up_max),0,Math.PI/2):Math.PI/2,ie=void 0!==e.tilt_down_max?-n(V(e.tilt_down_max),0,Math.PI/2):-Math.PI/2,ne=void 0!==e.min_longitude?V(e.min_longitude):0,re=void 0!==e.max_longitude?V(e.max_longitude):0,ae=ne==re;ae?(ne=0,re=2*Math.PI):0===re&&(re=2*Math.PI);var se,le;re>ne?(se=ne,le=re):(se=re,le=ne);var de=0,ce=se;if(void 0!==e.default_position){if(void 0!==e.default_position.lat){var ue=V(e.default_position.lat);ue>Math.PI&&(ue-=2*Math.PI),de=n(ue,ie,oe)}void 0!==e.default_position["long"]&&(ce=n(V(e.default_position["long"]),se,le))}var he=void 0!==e.segments?parseInt(e.segments):100,pe=void 0!==e.rings?parseInt(e.rings):100,ge=0;void 0!==e.zoom_level&&(ge=n(parseInt(Math.round(e.zoom_level)),0,100));var ve=te+ge/100*(ee-te),me=60,fe=1e3/me,ye=2e3;void 0!==e.time_anim&&(ye="number"==typeof e.time_anim&&e.time_anim>=0?e.time_anim:!1);var be=G(void 0!==e.anim_speed?e.anim_speed:"2rpm"),we=!0;void 0!==e.reverse_anim&&(we=!!e.reverse_anim);var xe=G(void 0!==e.vertical_anim_speed?e.vertical_anim_speed:"2rpm"),_e=0;if(void 0!==e.vertical_anim_target){var ke=V(e.vertical_anim_target);ke>Math.PI&&(ke-=2*Math.PI),_e=n(ke,ie,oe)}var Ce=new PSVNavBar(this),ze=void 0!==e.navbar?!!e.navbar:!1,Ee=void 0!==e.navbar_style?e.navbar_style:{},Se=void 0!==e.allow_user_interactions?!!e.allow_user_interactions:!0;Se||(ze=!1);var Te,Re=void 0!==e.allow_scroll_to_zoom?!!e.allow_scroll_to_zoom:!0,Ie=void 0!==e.eyes_offset?parseFloat(e.eyes_offset):5,Me="string"==typeof e.container?document.getElementById(e.container):e.container,Pe={},He={};void 0!==e.size&&Y(e.size);var Fe,Be,Ae=e.panorama,Le=null,Oe=null,De=null,Xe=null,We=!1,Ne=0,$e=0,qe=!1,Ge=0,Ve=null,Ye=null,je=new Sphoords,Ue={},Ke=void 0!==e.usexmpdata?!!e.usexmpdata:!0,Ze=void 0!==e.cors_anonymous?!!e.cors_anonymous:!0,Je={full_width:null,full_height:null,cropped_width:null,cropped_height:null,cropped_x:null,cropped_y:null};if(void 0!==e.pano_size){for(var Qe in Je)void 0!==e.pano_size[Qe]&&(Je[Qe]=parseInt(e.pano_size[Qe]));Ke=!1}var et={horizontal_fov:360,vertical_fov:180};if(void 0!==e.captured_view){for(var Qe in et)void 0!==e.captured_view[Qe]&&(et[Qe]=parseFloat(e.captured_view[Qe]));Ke=!1}var tt=!1,ot=void 0!==e.loading_msg?e.loading_msg.toString():"Loading…",it=void 0!==e.loading_img?e.loading_img.toString():null,nt=void 0!==e.loading_html?e.loading_html:null,rt=null;void 0!==e.overlay&&void 0!==e.overlay.image&&(rt={image:e.overlay.image,position:{x:"left",y:"bottom"}},void 0!==e.overlay.position&&(void 0===e.overlay.position.x||"left"!=e.overlay.position.x&&"right"!=e.overlay.position.x||(rt.position.x=e.overlay.position.x),void 0===e.overlay.position.y||"top"!=e.overlay.position.y&&"bottom"!=e.overlay.position.y||(rt.position.y=e.overlay.position.y)),void 0!==e.overlay.size&&(rt.size={width:void 0!==e.overlay.size.width?e.overlay.size.width:"auto",height:void 0!==e.overlay.size.height?e.overlay.size.height:"auto"}));var at=this;void 0!==e.onready&&this.addAction("ready",e.onready);var st=void 0!==e.autoload?!!e.autoload:!0;st&&this.load()},PSVNavBar=function(e){var t=function(e,t){for(var o=0,i=t.length;i>o;++o)if(t[o]==e)return!0;return!1},o=function(e,o){return t(e,h)&&"string"==typeof o&&("transparent"==o||!!o.match(/^#([0-9A-Fa-f]{3}|[0-9A-Fa-f]{6})$/)||!!o.match(/^rgb\((1?[0-9]{1,2}|2[0-4][0-9]|25[0-5])(,\s*(1?[0-9]{1,2}|2[0-4][0-9]|25[0-5])){2}\)$/)||!!o.match(/^rgba\(((1?[0-9]{1,2}|2[0-4][0-9]|25[0-5]),\s*){3}(0(\.[0-9]*)?|1)\)$/))||t(e,p)&&!isNaN(parseFloat(o))&&isFinite(o)&&o>=0};this.setStyle=function(e){for(var t in e)t in u&&o(t,e[t])&&(u[t]=e[t])},this.create=function(){r=document.createElement("div"),r.style.backgroundColor=u.backgroundColor,r.style.position="absolute",r.style.zIndex=10,r.style.bottom=0,r.style.width="100%",r.style.boxSizing="content-box",r.style.transition="bottom 0.4s ease-out",a=new PSVNavBarButton(e,"autorotate",u),r.appendChild(a.getButton()),s=new PSVNavBarButton(e,"zoom",u),r.appendChild(s.getButton()),l=new PSVNavBarButton(e,"fullscreen",u),r.appendChild(l.getButton()),Sphoords.isDeviceOrientationSupported&&(d=new PSVNavBarButton(e,"orientation",u),r.appendChild(d.getButton()),c=new PSVNavBarButton(e,"virtual-reality",u),r.appendChild(c.getButton()))},this.getBar=function(){return r};var i=function(){g&&(clearTimeout(g),!v&&m&&(g=setTimeout(n,5e3))),v&&(r.style.bottom=0,v=!1,m&&(g=setTimeout(n,5e3)))};this.show=function(){i()};var n=function(){v||(r.style.bottom=-r.offsetHeight+1+"px",v=!0)};this.hide=function(){n()},this.isHidden=function(){return v},this.mustBeHidden=function(e){m=void 0!==e?!!e:!0,m?n():i()};var r,a,s,l,d,c,u={backgroundColor:"rgba(61, 61, 61, 0.5)",buttonsColor:"rgba(255, 255, 255, 0.7)",buttonsBackgroundColor:"transparent",activeButtonsBackgroundColor:"rgba(255, 255, 255, 0.1)",buttonsHeight:20,autorotateThickness:1,zoomRangeWidth:50,zoomRangeThickness:1,zoomRangeDisk:7,fullscreenRatio:4/3,fullscreenThickness:2,gyroscopeThickness:1,virtualRealityRatio:4/3,virtualRealityBorderRadius:2},h=["backgroundColor","buttonsColor","buttonsBackgroundColor","activeButtonsBackgroundColor"],p=["buttonsHeight","autorotateThickness","zoomRangeWidth","zoomRangeThickness","zoomRangeDisk","fullscreenRatio","fullscreenThickness"],g=null,v=!1,m=!1},PSVNavBarButton=function(e,t,o){var i=function(e,t,o){e.addEventListener?e.addEventListener(t,o,!1):e.attachEvent("on"+t,o)},n=function(){switch(t){case"autorotate":var n=o.buttonsHeight-2*o.autorotateThickness,p=n/10;l=document.createElement("div"),l.style.cssFloat="left",l.style.boxSizing="inherit",l.style.padding="10px",l.style.width=o.buttonsHeight+"px",l.style.height=o.buttonsHeight+"px",l.style.backgroundColor=o.buttonsBackgroundColor,l.style.position="relative",l.style.cursor="pointer",i(l,"click",function(){e.toggleAutorotate()});var f=document.createElement("div");f.style.boxSizing="inherit",f.style.width=n+"px",f.style.height=n+"px",f.style.borderRadius="50%",f.style.border=o.autorotateThickness+"px solid "+o.buttonsColor,l.appendChild(f);var y=document.createElement("div");y.style.boxSizing="inherit",y.style.width=n+"px",y.style.height=p+"px",y.style.borderRadius="50%",y.style.border=o.autorotateThickness+"px solid "+o.buttonsColor,y.style.position="absolute",y.style.top="50%",y.style.marginTop=-(p/2+o.autorotateThickness)+"px",l.appendChild(y),e.addAction("autorotate",d);break;case"zoom":l=document.createElement("div"),l.style.cssFloat="left",l.style.boxSizing="inherit";var b=document.createElement("div");b.style.cssFloat="left",b.style.boxSizing="inherit",b.style.padding="10px",b.style.height=o.buttonsHeight+"px",b.style.backgroundColor=o.buttonsBackgroundColor,b.style.lineHeight=o.buttonsHeight+"px",b.style.color=o.buttonsColor,b.style.cursor="pointer",b.textContent="-",i(b,"click",function(){e.zoomOut()}),l.appendChild(b),r=document.createElement("div"),r.style.cssFloat="left",r.style.boxSizing="inherit",r.style.padding=10+(o.buttonsHeight-o.zoomRangeThickness)/2+"px 5px",r.style.backgroundColor=o.buttonsBackgroundColor,r.style.cursor="pointer",l.appendChild(r),a=document.createElement("div"),a.style.boxSizing="inherit",a.style.width=o.zoomRangeWidth+"px",a.style.height=o.zoomRangeThickness+"px",a.style.backgroundColor=o.buttonsColor,a.style.position="relative",r.appendChild(a),s=document.createElement("div"),s.style.position="absolute",s.style.top=(o.zoomRangeThickness-o.zoomRangeDisk)/2+"px",s.style.left=-(o.zoomRangeDisk/2)+"px",s.style.boxSizing="inherit",s.style.width=o.zoomRangeDisk+"px",s.style.height=o.zoomRangeDisk+"px",s.style.borderRadius="50%",s.style.backgroundColor=o.buttonsColor,e.addAction("zoom-updated",c),i(r,"mousedown",u),i(r,"touchstart",h),i(document,"mousemove",v),i(document,"touchmove",m),i(document,"mouseup",g),i(document,"touchend",g),a.appendChild(s);var w=document.createElement("div");w.style.cssFloat="left",w.style.boxSizing="inherit",w.style.padding="10px",w.style.height=o.buttonsHeight+"px",w.style.backgroundColor=o.buttonsBackgroundColor,w.style.lineHeight=o.buttonsHeight+"px",w.style.color=o.buttonsColor,w.style.cursor="pointer",w.textContent="+",i(w,"click",function(){e.zoomIn()}),l.appendChild(w);break;case"fullscreen":var x=o.buttonsHeight*o.fullscreenRatio,_=.3*o.buttonsHeight,k=(o.buttonsHeight-_)/2,C=.3*x,z=(x-C)/2-o.fullscreenThickness,E=o.buttonsHeight-2*o.fullscreenThickness;l=document.createElement("div"),l.style.cssFloat="right",l.style.boxSizing="inherit",l.style.padding="10px",l.style.width=x+"px",l.style.height=o.buttonsHeight+"px",l.style.backgroundColor=o.buttonsBackgroundColor,l.style.cursor="pointer",i(l,"click",function(){e.toggleFullscreen()});var S=document.createElement("div");S.style.cssFloat="left",S.style.boxSizing="inherit",S.style.width=o.fullscreenThickness+"px",S.style.height=_+"px",S.style.borderStyle="solid",S.style.borderColor=o.buttonsColor+" transparent",S.style.borderWidth=k+"px 0",l.appendChild(S);var T=document.createElement("div");T.style.cssFloat="left",T.style.boxSizing="inherit",T.style.width=z+"px",T.style.height=E+"px",T.style.borderStyle="solid",T.style.borderColor=o.buttonsColor+" transparent",T.style.borderWidth=o.fullscreenThickness+"px 0",l.appendChild(T);var R=document.createElement("div");R.style.cssFloat="left",R.style.boxSizing="inherit",R.style.marginLeft=C+"px",R.style.width=z+"px",R.style.height=E+"px",R.style.borderStyle="solid",R.style.borderColor=o.buttonsColor+" transparent",R.style.borderWidth=o.fullscreenThickness+"px 0",l.appendChild(R);var I=document.createElement("div");I.style.cssFloat="left",I.style.boxSizing="inherit",I.style.width=o.fullscreenThickness+"px",I.style.height=_+"px",I.style.borderStyle="solid",I.style.borderColor=o.buttonsColor+" transparent",I.style.borderWidth=k+"px 0",l.appendChild(I);var M=document.createElement("div");M.style.clear="left",l.appendChild(M),e.addAction("fullscreen-mode",d);break;case"orientation":var P=o.buttonsHeight-2*o.gyroscopeThickness,H=P-4*o.gyroscopeThickness,F=P/10;l=document.createElement("div"),l.style.cssFloat="right",l.style.boxSizing="inherit",l.style.padding="10px",l.style.width=o.buttonsHeight+"px",l.style.height=o.buttonsHeight+"px",l.style.backgroundColor=o.buttonsBackgroundColor,l.style.position="relative",l.style.cursor="pointer",i(l,"click",function(){e.toggleDeviceOrientation()});var B=document.createElement("div");B.style.boxSizing="inherit",B.style.width=P+"px",B.style.height=P+"px",B.style.borderRadius="50%",B.style.border=o.gyroscopeThickness+"px solid "+o.buttonsColor,l.appendChild(B);var A=document.createElement("div");A.style.boxSizing="inherit",A.style.width=H+"px",A.style.height=F+"px",A.style.borderRadius="50%",A.style.border=o.gyroscopeThickness+"px solid "+o.buttonsColor,A.style.position="absolute",A.style.top="50%",A.style.left="50%",A.style.marginTop=-(F/2+o.gyroscopeThickness)+"px",A.style.marginLeft=-(H/2+o.gyroscopeThickness)+"px",l.appendChild(A);var L=document.createElement("div");L.style.boxSizing="inherit",L.style.width=F+"px",L.style.height=H+"px",L.style.borderRadius="50%",L.style.border=o.gyroscopeThickness+"px solid "+o.buttonsColor,L.style.position="absolute",L.style.top="50%",L.style.left="50%",L.style.marginTop=-(H/2+o.gyroscopeThickness)+"px",L.style.marginLeft=-(F/2+o.gyroscopeThickness)+"px",l.appendChild(L),e.addAction("device-orientation",d);break;case"virtual-reality":var O=o.buttonsHeight*o.virtualRealityRatio,D=O/4,X=D/2;l=document.createElement("div"),l.style.cssFloat="right",l.style.position="relative",l.style.boxSizing="inherit",l.style.padding="10px",l.style.width=O+"px",l.style.height=o.buttonsHeight+"px",l.style.backgroundColor=o.buttonsBackgroundColor,l.style.cursor="pointer",i(l,"click",function(){e.toggleStereo()});var W=document.createElement("div");W.style.boxSizing="inherit",W.style.width=O+"px",W.style.height=o.buttonsHeight+"px",W.style.borderRadius=o.virtualRealityBorderRadius+"px",W.style.backgroundColor=o.buttonsColor,l.appendChild(W);var N=document.createElement("div");N.style.boxSizing="inherit",N.style.width=D+"px",N.style.height=D+"px",N.style.position="absolute",N.style.top=X+10+"px",N.style.left=X+10+"px",N.style.borderRadius="50%",N.style.backgroundColor=o.backgroundColor,l.appendChild(N);var $=document.createElement("div");$.style.boxSizing="inherit",$.style.width=D+"px",$.style.height=D+"px",$.style.position="absolute",$.style.top=X+10+"px",$.style.right=X+10+"px",$.style.borderRadius="50%",$.style.backgroundColor=o.backgroundColor,l.appendChild($);var q=document.createElement("div");q.style.boxSizing="inherit",q.style.width=D+"px",q.style.height=o.buttonsHeight/2+"px",q.style.position="absolute",q.style.left="50%",q.style.bottom="10px",q.style.marginLeft=-(D/2)+"px",q.style.borderTopLeftRadius="50% 60%",q.style.borderTopRightRadius="50% 60%",q.style.backgroundColor=o.backgroundColor,l.appendChild(q),e.addAction("stereo-effect",d)}};this.getButton=function(){return l};var r,a,s,l,d=function(e){l.style.backgroundColor=e?o.activeButtonsBackgroundColor:o.buttonsBackgroundColor},c=function(e){s.style.left=e/100*o.zoomRangeWidth-o.zoomRangeDisk/2+"px"},u=function(e){p(parseInt(e.clientX))},h=function(e){var t=e.touches[0];(t.target==r||t.target==a||t.target==s)&&p(parseInt(t.clientX))},p=function(e){y=!0,f(e)},g=function(){y=!1},v=function(e){e.preventDefault(),f(parseInt(e.clientX))},m=function(e){var t=e.touches[0];(t.target==r||t.target==a||t.target==s)&&(e.preventDefault(),f(parseInt(t.clientX)))},f=function(t){if(y){var i=t-a.getBoundingClientRect().left,n=i/o.zoomRangeWidth*100;e.zoom(n)}},y=!1;n()},Sphoords=function(){var e=function(){var e=navigator.userAgent;return/Gecko\/[0-9.]+/.test(e)?"Gecko":/Chrome\/[0-9.]+/.test(e)?"Blink":/AppleWebKit\/[0-9.]+/.test(e)?"WebKit":/Trident\/[0-9.]+/.test(e)?"Trident":/Opera\/[0-9.]+/.test(e)?"Presto":"Gecko"},t=function(e){return e-360*Math.floor(e/360)};this.start=function(){return Sphoords.isDeviceOrientationSupported?(window.addEventListener("deviceorientation",o,!1),n=!0,!0):(console.log("Device Orientation API not supported"),!1)},this.stop=function(){n&&(window.removeEventListener("deviceorientation",o,!1),n=!1)},this.toggle=function(){n?this.stop():this.start()},this.isEventAttached=function(){return n};var o=function(e){c=Sphoords.getScreenOrientation();var o=0,n=0;switch(c){case"portrait-primary":o=e.alpha+e.gamma,n=e.beta-90;break;case"landscape-primary":if(o=e.alpha+e.beta-90,n=-e.gamma-90,Math.abs(e.beta)>90)switch(u){case"Blink":n+=180;break;case"Gecko":default:n=-n}"WebKit"===u&&window.orientation&&(0>n&&(n=-1*(n+180)),o>=180?o-=180:o+=180);break;case"landscape-secondary":if(o=e.alpha-e.beta+90,n=e.gamma-90,Math.abs(e.beta)>90)switch(u){case"Blink":n+=180;break;case"Gecko":default:n=-n}"WebKit"===u&&window.orientation&&(0>n&&(n=-1*(n+180)),o>=180?o-=180:o+=180);break;case"portrait-secondary":o=e.alpha-e.gamma,n=180-(e.beta-90),n=270-e.beta}n=t(n),n>=180&&(n-=360),r=t(o),a=Math.max(-90,Math.min(90,n)),s=r*d,l=a*d,i()};this.getCoordinates=function(){return{longitude:s,latitude:l}},this.getCoordinatesInDegrees=function(){return{longitude:r,latitude:a}},this.getScreenOrientation=function(){return c},this.addListener=function(e){h.push(e)};var i=function(){if(h.length)for(var e=0,t=h.length;t>e;++e)h[e]({longitude:s,latitude:l})},n=!1,r=0,a=0,s=0,l=0,d=Math.PI/180,c=Sphoords.getScreenOrientation(),u=e(),h=[]};Sphoords.getScreenOrientation=function(){var e=null;if(screen.orientation)e=screen.orientation;else if(screen.mozOrientation)e=screen.mozOrientation;else if(screen.msOrientation)e=screen.msOrientation;else if(window.orientation||0===window.orientation)switch(window.orientation){case 0:e="portrait-primary";break;case 180:e="portrait-secondary";break;case-90:e="landscape-primary";break;case 90:e="landscape-secondary"}return null!==e&&"object"==typeof e?e.type:e},Sphoords.isDeviceOrientationSupported=!1,function(){function e(t){null!==t&&null!==t.alpha&&(Sphoords.isDeviceOrientationSupported=!0,window.removeEventListener("deviceorientation",e))}window.DeviceOrientationEvent&&null!==Sphoords.getScreenOrientation()&&window.addEventListener("deviceorientation",e)}(); \ No newline at end of file +var PhotoSphereViewer=function(args){var isCanvasSupported=function(){var canvas=document.createElement("canvas");return!!(canvas.getContext&&canvas.getContext("2d"))};var isWebGLSupported=function(){var canvas=document.createElement("canvas");return!!(window.WebGLRenderingContext&&canvas.getContext("webgl"))};var addEvent=function(elt,evt,f){if(!!elt.addEventListener)elt.addEventListener(evt,f,false);else elt.attachEvent("on"+evt,f)};var stayBetween=function(x,min,max){return Math.max(min,Math.min(max,x))};var dist=function(x1,y1,x2,y2){var x=x2-x1;var y=y2-y1;return x*x+y*y};var getAngleMeasure=function(angle,is_2pi_allowed){is_2pi_allowed=is_2pi_allowed!==undefined?!!is_2pi_allowed:false;return is_2pi_allowed&&angle==2*Math.PI?2*Math.PI:angle-Math.floor(angle/(2*Math.PI))*2*Math.PI};this.load=function(){container.innerHTML="";if(!!loading_html&&loading_html.nodeType===1)container.appendChild(loading_html);else if(!!loading_html&&typeof loading_html=="string")container.innerHTML=loading_html;else if(!!loading_img){var loading=document.createElement("img");loading.setAttribute("src",loading_img);loading.setAttribute("alt",loading_msg);container.appendChild(loading)}else container.textContent=loading_msg;root=document.createElement("div");root.style.width="100%";root.style.height="100%";root.style.position="relative";root.style.overflow="hidden";if(!isCanvasSupported()){container.textContent="Canvas is not supported, update your browser!";return}if(window.THREE===undefined){console.log("PhotoSphereViewer: Three.js is not loaded.");return}viewer_size={width:0,height:0,ratio:0};if(readxmp&&!panorama.match(/^data:image\/[a-z]+;base64/))loadXMP();else createBuffer()};var getXMPData=function(file){var a=0,b=0;var data="";while((a=file.indexOf("",a))!=-1){data=file.substring(a,b);if(data.indexOf("GPano:")!=-1)return data}return""};var getAttribute=function(data,attr){var a=data.indexOf("GPano:"+attr)+attr.length+8,b=data.indexOf('"',a);if(b==-1){a=data.indexOf("GPano:"+attr)+attr.length+7;b=data.indexOf("<",a)}return data.substring(a,b)};var loadXMP=function(){var xhr=null;if(window.XMLHttpRequest)xhr=new XMLHttpRequest;else if(window.ActiveXObject){try{xhr=new ActiveXObject("Msxml2.XMLHTTP")}catch(e){xhr=new ActiveXObject("Microsoft.XMLHTTP")}}else{container.textContent="XHR is not supported, update your browser!";return}xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){var data=getXMPData(xhr.responseText);if(!data.length){createBuffer();return}pano_size={full_width:parseInt(getAttribute(data,"FullPanoWidthPixels")),full_height:parseInt(getAttribute(data,"FullPanoHeightPixels")),cropped_width:parseInt(getAttribute(data,"CroppedAreaImageWidthPixels")),cropped_height:parseInt(getAttribute(data,"CroppedAreaImageHeightPixels")),cropped_x:parseInt(getAttribute(data,"CroppedAreaLeftPixels")),cropped_y:parseInt(getAttribute(data,"CroppedAreaTopPixels"))};recalculate_coords=true;createBuffer()}};xhr.open("GET",panorama,true);xhr.send(null)};var createBuffer=function(){var img=new Image;img.onload=function(){var default_pano_size={full_width:img.width,full_height:img.height,cropped_width:img.width,cropped_height:img.height,cropped_x:null,cropped_y:null};if(captured_view.horizontal_fov!=360||captured_view.vertical_fov!=180){pano_size.cropped_width=default_pano_size.cropped_width;pano_size.cropped_height=default_pano_size.cropped_height;pano_size.full_width=default_pano_size.full_width;pano_size.full_height=default_pano_size.full_height;if(captured_view.horizontal_fov!=360){var rh=captured_view.horizontal_fov/360;pano_size.full_width=pano_size.cropped_width/rh}if(captured_view.vertical_fov!=180){var rv=captured_view.vertical_fov/180;pano_size.full_height=pano_size.cropped_height/rv}}else{for(var attr in pano_size){if(pano_size[attr]===null&&default_pano_size[attr]!==undefined)pano_size[attr]=default_pano_size[attr]}if(recalculate_coords){if(pano_size.cropped_width!=default_pano_size.cropped_width){var rx=default_pano_size.cropped_width/pano_size.cropped_width;pano_size.cropped_width=default_pano_size.cropped_width;pano_size.full_width*=rx;pano_size.cropped_x*=rx}if(pano_size.cropped_height!=default_pano_size.cropped_height){var ry=default_pano_size.cropped_height/pano_size.cropped_height;pano_size.cropped_height=default_pano_size.cropped_height;pano_size.full_height*=ry;pano_size.cropped_y*=ry}}}if(pano_size.cropped_x===null)pano_size.cropped_x=(pano_size.full_width-pano_size.cropped_width)/2;if(pano_size.cropped_y===null)pano_size.cropped_y=(pano_size.full_height-pano_size.cropped_height)/2;var max_width=2048;if(isWebGLSupported()){var canvas_tmp=document.createElement("canvas");var ctx_tmp=canvas_tmp.getContext("webgl");max_width=ctx_tmp.getParameter(ctx_tmp.MAX_TEXTURE_SIZE)}var new_width=Math.min(pano_size.full_width,max_width);var r=new_width/pano_size.full_width;pano_size.full_width=new_width;pano_size.cropped_width*=r;pano_size.cropped_x*=r;img.width=pano_size.cropped_width;pano_size.full_height*=r;pano_size.cropped_height*=r;pano_size.cropped_y*=r;img.height=pano_size.cropped_height;var buffer=document.createElement("canvas");buffer.width=pano_size.full_width;buffer.height=pano_size.full_height;var ctx=buffer.getContext("2d");ctx.drawImage(img,pano_size.cropped_x,pano_size.cropped_y,pano_size.cropped_width,pano_size.cropped_height);loadTexture(buffer.toDataURL("image/jpeg"))};if(cors_anonymous&&!panorama.match(/^data:image\/[a-z]+;base64/))img.setAttribute("crossOrigin","anonymous");img.src=panorama};var loadTexture=function(path){var texture=new THREE.Texture;var loader=new THREE.ImageLoader;var onLoad=function(img){texture.needsUpdate=true;texture.image=img;createScene(texture)};loader.load(path,onLoad)};var createScene=function(texture){if(new_viewer_size.width!==undefined)container.style.width=new_viewer_size.width.css;if(new_viewer_size.height!==undefined)container.style.height=new_viewer_size.height.css;fitToContainer();renderer=isWebGLSupported()?new THREE.WebGLRenderer:new THREE.CanvasRenderer;renderer.setSize(viewer_size.width,viewer_size.height);scene=new THREE.Scene;camera=new THREE.PerspectiveCamera(PSV_FOV_MAX,viewer_size.ratio,1,300);camera.position.set(0,0,0);scene.add(camera);var geometry=new THREE.SphereGeometry(200,rings,segments);var material=new THREE.MeshBasicMaterial({map:texture,overdraw:true});var mesh=new THREE.Mesh(geometry,material);mesh.scale.x=-1;scene.add(mesh);canvas_container=document.createElement("div");canvas_container.style.position="absolute";canvas_container.style.zIndex=0;root.appendChild(canvas_container);if(display_navbar){navbar.setStyle(navbar_style);navbar.create();root.appendChild(navbar.getBar())}if(overlay!==null){var overlay_img=document.createElement("img");overlay_img.onload=function(){overlay_img.style.display="block";overlay_img.style.position="absolute";overlay_img.style[overlay.position.x]="5px";overlay_img.style[overlay.position.y]="5px";if(overlay.position.y=="bottom"&&display_navbar)overlay_img.style.bottom=navbar.getBar().offsetHeight+5+"px";if(overlay.size!==undefined){overlay_img.style.width=overlay.size.width;overlay_img.style.height=overlay.size.height}root.appendChild(overlay_img)};overlay_img.src=overlay.image}addEvent(window,"resize",fitToContainer);if(user_interactions_allowed){addEvent(canvas_container,"mousedown",onMouseDown);addEvent(document,"mousemove",onMouseMove);addEvent(canvas_container,"mousemove",showNavbar);addEvent(document,"mouseup",onMouseUp);addEvent(canvas_container,"touchstart",onTouchStart);addEvent(document,"touchend",onMouseUp);addEvent(document,"touchmove",onTouchMove);if(scroll_to_zoom){addEvent(canvas_container,"mousewheel",onMouseWheel);addEvent(canvas_container,"DOMMouseScroll",onMouseWheel)}self.addAction("fullscreen-mode",toggleArrowKeys)}addEvent(document,"fullscreenchange",fullscreenToggled);addEvent(document,"mozfullscreenchange",fullscreenToggled);addEvent(document,"webkitfullscreenchange",fullscreenToggled);addEvent(document,"MSFullscreenChange",fullscreenToggled);sphoords.addListener(onDeviceOrientation);container.innerHTML="";container.appendChild(root);var canvas=renderer.domElement;canvas.style.display="block";canvas_container.appendChild(canvas);render();if(zoom_lvl>0)zoom(zoom_lvl);anim();triggerAction("ready")};var render=function(){var point=new THREE.Vector3;point.setX(Math.cos(lat)*Math.sin(long));point.setY(Math.sin(lat));point.setZ(Math.cos(lat)*Math.cos(long));camera.lookAt(point);if(stereo_effect!==null)stereo_effect.render(scene,camera);else renderer.render(scene,camera)};var startStereo=function(){stereo_effect=new THREE.StereoEffect(renderer);stereo_effect.eyeSeparation=eyes_offset;stereo_effect.setSize(viewer_size.width,viewer_size.height);startDeviceOrientation();enableFullscreen();navbar.mustBeHidden();render();triggerAction("stereo-effect",true)};var stopStereo=function(){stereo_effect=null;renderer.setSize(viewer_size.width,viewer_size.height);navbar.mustBeHidden(false);render();triggerAction("stereo-effect",false)};this.toggleStereo=function(){if(stereo_effect!==null)stopStereo();else startStereo()};var anim=function(){if(anim_delay!==false)anim_timeout=setTimeout(startAutorotate,anim_delay)};var autorotate=function(){lat-=(lat-anim_lat_target)*anim_lat_offset;long+=anim_long_offset;var again=true;if(!whole_circle){long=stayBetween(long,PSV_MIN_LONGITUDE,PSV_MAX_LONGITUDE);if(long==PSV_MIN_LONGITUDE||long==PSV_MAX_LONGITUDE){if(reverse_anim)anim_long_offset*=-1;else{stopAutorotate();again=false}}}long=getAngleMeasure(long,true);triggerAction("position-updated",{longitude:long,latitude:lat});render();if(again)autorotate_timeout=setTimeout(autorotate,PSV_ANIM_TIMEOUT)};var startAutorotate=function(){autorotate();triggerAction("autorotate",true)};var stopAutorotate=function(){clearTimeout(anim_timeout);anim_timeout=null;clearTimeout(autorotate_timeout);autorotate_timeout=null;triggerAction("autorotate",false)};this.toggleAutorotate=function(){clearTimeout(anim_timeout);if(!!autorotate_timeout)stopAutorotate();else startAutorotate()};var fitToContainer=function(){if(container.clientWidth!=viewer_size.width||container.clientHeight!=viewer_size.height){resize({width:container.clientWidth,height:container.clientHeight})}};this.fitToContainer=function(){fitToContainer()};var resize=function(size){viewer_size.width=size.width!==undefined?parseInt(size.width):viewer_size.width;viewer_size.height=size.height!==undefined?parseInt(size.height):viewer_size.height;viewer_size.ratio=viewer_size.width/viewer_size.height;if(!!camera){camera.aspect=viewer_size.ratio;camera.updateProjectionMatrix()}if(!!renderer){renderer.setSize(viewer_size.width,viewer_size.height);render()}if(!!stereo_effect){stereo_effect.setSize(viewer_size.width,viewer_size.height);render()}};this.getPosition=function(){return{longitude:long,latitude:lat}};this.getPositionInDegrees=function(){return{longitude:long*180/Math.PI,latitude:lat*180/Math.PI}};var moveTo=function(longitude,latitude){var long_tmp=parseAngle(longitude);if(!whole_circle)long_tmp=stayBetween(long_tmp,PSV_MIN_LONGITUDE,PSV_MAX_LONGITUDE);var lat_tmp=parseAngle(latitude);if(lat_tmp>Math.PI)lat_tmp-=2*Math.PI;lat_tmp=stayBetween(lat_tmp,PSV_TILT_DOWN_MAX,PSV_TILT_UP_MAX);long=long_tmp;lat=lat_tmp;triggerAction("position-updated",{longitude:long,latitude:lat});render()};this.moveTo=function(longitude,latitude){moveTo(longitude,latitude)};var rotate=function(dlong,dlat){dlong=parseAngle(dlong);dlat=parseAngle(dlat);moveTo(long+dlong,lat+dlat)};this.rotate=function(dlong,dlat){rotate(dlong,dlat)};var toggleArrowKeys=function(attach){var action=attach?window.addEventListener:window.removeEventListener;action("keydown",keyDown)};var retrieveKey=function(evt){if(evt.key){var key=/^Arrow/.test(evt.key)?evt.key:"Arrow"+evt.key;return key}if(evt.keyCode||evt.which){var key_code=evt.keyCode?evt.keyCode:evt.which;var keycodes_map={38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",37:"ArrowLeft"};if(keycodes_map[key_code]!==undefined)return keycodes_map[key_code]}return""};var keyDown=function(evt){var dlong=0,dlat=0;switch(retrieveKey(evt)){case"ArrowUp":dlat=PSV_KEYBOARD_LAT_OFFSET;break;case"ArrowRight":dlong=-PSV_KEYBOARD_LONG_OFFSET;break;case"ArrowDown":dlat=-PSV_KEYBOARD_LAT_OFFSET;break;case"ArrowLeft":dlong=PSV_KEYBOARD_LONG_OFFSET;break}rotate(dlong,dlat)};var onMouseDown=function(evt){startMove(parseInt(evt.clientX),parseInt(evt.clientY))};var onTouchStart=function(evt){if(evt.touches.length==1){var touch=evt.touches[0];if(touch.target.parentNode==canvas_container)startMove(parseInt(touch.clientX),parseInt(touch.clientY))}else if(evt.touches.length==2){onMouseUp();if(evt.touches[0].target.parentNode==canvas_container&&evt.touches[1].target.parentNode==canvas_container)startTouchZoom(dist(evt.touches[0].clientX,evt.touches[0].clientY,evt.touches[1].clientX,evt.touches[1].clientY))}showNavbar()};var startMove=function(x,y){mouse_x=x;mouse_y=y;stopAutorotate();mousedown=true};var startTouchZoom=function(d){touchzoom_dist=d;touchzoom=true};var onMouseUp=function(evt){mousedown=false;touchzoom=false};var onMouseMove=function(evt){evt.preventDefault();move(parseInt(evt.clientX),parseInt(evt.clientY))};var onTouchMove=function(evt){if(evt.touches.length==1&&mousedown){var touch=evt.touches[0];if(touch.target.parentNode==canvas_container){evt.preventDefault();move(parseInt(touch.clientX),parseInt(touch.clientY))}}else if(evt.touches.length==2){if(evt.touches[0].target.parentNode==canvas_container&&evt.touches[1].target.parentNode==canvas_container&&touchzoom){evt.preventDefault();var d=dist(evt.touches[0].clientX,evt.touches[0].clientY,evt.touches[1].clientX,evt.touches[1].clientY);var diff=d-touchzoom_dist;if(diff!==0){var direction=diff/Math.abs(diff);zoom(zoom_lvl+direction*zoom_speed);touchzoom_dist=d}}}};var move=function(x,y){if(mousedown){if(smooth_user_moves){long+=(x-mouse_x)/viewer_size.height*fov*Math.PI/180;lat+=(y-mouse_y)/viewer_size.height*fov*Math.PI/180}else{long+=(x-mouse_x)*PSV_LONG_OFFSET;lat+=(y-mouse_y)*PSV_LAT_OFFSET}mouse_x=x;mouse_y=y;if(!whole_circle)long=stayBetween(long,PSV_MIN_LONGITUDE,PSV_MAX_LONGITUDE);long=getAngleMeasure(long,true);lat=stayBetween(lat,PSV_TILT_DOWN_MAX,PSV_TILT_UP_MAX);triggerAction("position-updated",{longitude:long,latitude:lat});render()}};var startDeviceOrientation=function(){sphoords.start();stopAutorotate();triggerAction("device-orientation",true)};var stopDeviceOrientation=function(){sphoords.stop();triggerAction("device-orientation",false)};this.toggleDeviceOrientation=function(){if(sphoords.isEventAttached())stopDeviceOrientation();else startDeviceOrientation()};var onDeviceOrientation=function(coords){long=stayBetween(coords.longitude,PSV_MIN_LONGITUDE,PSV_MAX_LONGITUDE);lat=stayBetween(coords.latitude,PSV_TILT_DOWN_MAX,PSV_TILT_UP_MAX);triggerAction("position-updated",{longitude:long,latitude:lat});render()};var onMouseWheel=function(evt){evt.preventDefault();evt.stopPropagation();var delta=evt.detail?-evt.detail:evt.wheelDelta;if(delta!==0){var direction=parseInt(delta/Math.abs(delta));zoom(zoom_lvl+direction*zoom_speed)}};this.mouseWheel=function(evt){onMouseWheel(evt)};var zoom=function(level){zoom_lvl=stayBetween(level,0,100);fov=PSV_FOV_MAX+zoom_lvl/100*(PSV_FOV_MIN-PSV_FOV_MAX);camera.fov=fov;camera.updateProjectionMatrix();render();triggerAction("zoom-updated",zoom_lvl)};this.getZoomLevel=function(){return zoom_lvl};this.zoom=function(level){zoom(level)};this.zoomIn=function(){if(zoom_lvl<100)zoom(zoom_lvl+zoom_speed)};this.zoomOut=function(){if(zoom_lvl>0)zoom(zoom_lvl-zoom_speed)};var isFullscreenEnabled=function(){return!!document.fullscreenElement||!!document.mozFullScreenElement||!!document.webkitFullscreenElement||!!document.msFullscreenElement};var fullscreenToggled=function(){if(!!document.webkitFullscreenElement||!!document.msFullscreenElement){real_viewer_size.width=container.style.width;real_viewer_size.height=container.style.height;container.style.width="100%";container.style.height="100%";fitToContainer()}else if(!!container.webkitRequestFullscreen||!!container.msRequestFullscreen){container.style.width=real_viewer_size.width;container.style.height=real_viewer_size.height;fitToContainer()}triggerAction("fullscreen-mode",isFullscreenEnabled())};var enableFullscreen=function(){if(!!container.requestFullscreen)container.requestFullscreen();else if(!!container.mozRequestFullScreen)container.mozRequestFullScreen();else if(!!container.webkitRequestFullscreen)container.webkitRequestFullscreen();else if(!!container.msRequestFullscreen)container.msRequestFullscreen()};var disableFullscreen=function(){if(!!document.exitFullscreen)document.exitFullscreen();else if(!!document.mozCancelFullScreen)document.mozCancelFullScreen();else if(!!document.webkitExitFullscreen)document.webkitExitFullscreen();else if(!!document.msExitFullscreen)document.msExitFullscreen()};this.toggleFullscreen=function(){if(!isFullscreenEnabled())enableFullscreen();else disableFullscreen()};var showNavbar=function(){if(display_navbar)navbar.show()};var parseAnimationSpeed=function(speed){speed=speed.toString().trim();var speed_value=parseFloat(speed.replace(/^(-?[0-9]+(?:\.[0-9]*)?).*$/,"$1"));var speed_unit=speed.replace(/^-?[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();if(speed_unit.match(/(pm|per minute)$/))speed_value/=60;var rad_per_second=0;switch(speed_unit){case"rpm":case"rev per minute":case"revolutions per minute":case"rps":case"rev per second":case"revolutions per second":rad_per_second=speed_value*2*Math.PI;break;case"dpm":case"deg per minute":case"degrees per minute":case"dps":case"deg per second":case"degrees per second":rad_per_second=speed_value*Math.PI/180;break;case"rad per minute":case"radians per minute":case"rad per second":case"radians per second":rad_per_second=speed_value;break;default:m_anim=false}return rad_per_second*PSV_ANIM_TIMEOUT/1e3};var parseAngle=function(angle){angle=angle.toString().trim();var angle_value=parseFloat(angle.replace(/^(-?[0-9]+(?:\.[0-9]*)?).*$/,"$1"));var angle_unit=angle.replace(/^-?[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();if(angle_unit=="deg")angle_value*=Math.PI/180;return getAngleMeasure(angle_value)};var setNewViewerSize=function(size){for(var dim in size){if(dim=="width"||dim=="height"){var size_str=size[dim].toString().trim();var size_value=parseFloat(size_str.replace(/^([0-9]+(?:\.[0-9]*)?).*$/,"$1"));var size_unit=size_str.replace(/^[0-9]+(?:\.[0-9]*)?(.*)$/,"$1").trim();if(size_unit!="%")size_unit="px";new_viewer_size[dim]={css:size_value+size_unit,unit:size_unit}}}};this.addAction=function(name,f){if(!(name in actions))actions[name]=[];actions[name].push(f)};var triggerAction=function(name,arg){if(name in actions&&!!actions[name].length){for(var i=0,l=actions[name].length;iMath.PI)lat_angle-=2*Math.PI;lat=stayBetween(lat_angle,PSV_TILT_DOWN_MAX,PSV_TILT_UP_MAX)}if(args.default_position.long!==undefined)long=stayBetween(parseAngle(args.default_position.long),PSV_MIN_LONGITUDE,PSV_MAX_LONGITUDE)}var segments=args.segments!==undefined?parseInt(args.segments):100;var rings=args.rings!==undefined?parseInt(args.rings):100;var zoom_lvl=0;if(args.zoom_level!==undefined)zoom_lvl=stayBetween(parseInt(Math.round(args.zoom_level)),0,100);var fov=PSV_FOV_MAX+zoom_lvl/100*(PSV_FOV_MIN-PSV_FOV_MAX);var PSV_FRAMES_PER_SECOND=60;var PSV_ANIM_TIMEOUT=1e3/PSV_FRAMES_PER_SECOND;var anim_delay=2e3;if(args.time_anim!==undefined){if(typeof args.time_anim=="number"&&args.time_anim>=0)anim_delay=args.time_anim;else anim_delay=false}var anim_long_offset=args.anim_speed!==undefined?parseAnimationSpeed(args.anim_speed):parseAnimationSpeed("2rpm");var reverse_anim=true;if(args.reverse_anim!==undefined)reverse_anim=!!args.reverse_anim;var anim_lat_offset=args.vertical_anim_speed!==undefined?parseAnimationSpeed(args.vertical_anim_speed):parseAnimationSpeed("2rpm");var anim_lat_target=0;if(args.vertical_anim_target!==undefined){var lat_target_angle=parseAngle(args.vertical_anim_target);if(lat_target_angle>Math.PI)lat_target_angle-=2*Math.PI;anim_lat_target=stayBetween(lat_target_angle,PSV_TILT_DOWN_MAX,PSV_TILT_UP_MAX)}var navbar=new PSVNavBar(this);var display_navbar=args.navbar!==undefined?!!args.navbar:false;var navbar_style=args.navbar_style!==undefined?args.navbar_style:{};var user_interactions_allowed=args.allow_user_interactions!==undefined?!!args.allow_user_interactions:true;if(!user_interactions_allowed)display_navbar=false;var scroll_to_zoom=args.allow_scroll_to_zoom!==undefined?!!args.allow_scroll_to_zoom:true;var zoom_speed=args.zoom_speed!==undefined?parseFloat(args.zoom_speed):1;var eyes_offset=args.eyes_offset!==undefined?parseFloat(args.eyes_offset):5;var container=typeof args.container=="string"?document.getElementById(args.container):args.container;var viewer_size,new_viewer_size={},real_viewer_size={};if(args.size!==undefined)setNewViewerSize(args.size);var panorama=args.panorama;var root,canvas_container;var renderer=null,scene=null,camera=null,stereo_effect=null;var mousedown=false,mouse_x=0,mouse_y=0;var touchzoom=false,touchzoom_dist=0;var autorotate_timeout=null,anim_timeout=null;var sphoords=new Sphoords;var actions={};var readxmp=args.usexmpdata!==undefined?!!args.usexmpdata:true;var cors_anonymous=args.cors_anonymous!==undefined?!!args.cors_anonymous:true;var pano_size={full_width:null,full_height:null,cropped_width:null,cropped_height:null,cropped_x:null,cropped_y:null};if(args.pano_size!==undefined){for(var attr in pano_size){if(args.pano_size[attr]!==undefined)pano_size[attr]=parseInt(args.pano_size[attr])}readxmp=false}var captured_view={horizontal_fov:360,vertical_fov:180};if(args.captured_view!==undefined){for(var attr in captured_view){if(args.captured_view[attr]!==undefined)captured_view[attr]=parseFloat(args.captured_view[attr])}readxmp=false}var recalculate_coords=false;var loading_msg=args.loading_msg!==undefined?args.loading_msg.toString():"Loading…";var loading_img=args.loading_img!==undefined?args.loading_img.toString():null;var loading_html=args.loading_html!==undefined?args.loading_html:null;var overlay=null;if(args.overlay!==undefined){if(args.overlay.image!==undefined){overlay={image:args.overlay.image,position:{x:"left",y:"bottom"}};if(args.overlay.position!==undefined){if(args.overlay.position.x!==undefined&&(args.overlay.position.x=="left"||args.overlay.position.x=="right"))overlay.position.x=args.overlay.position.x;if(args.overlay.position.y!==undefined&&(args.overlay.position.y=="top"||args.overlay.position.y=="bottom"))overlay.position.y=args.overlay.position.y}if(args.overlay.size!==undefined){overlay.size={width:args.overlay.size.width!==undefined?args.overlay.size.width:"auto",height:args.overlay.size.height!==undefined?args.overlay.size.height:"auto"}}}}var self=this;if(args.onready!==undefined)this.addAction("ready",args.onready);var autoload=args.autoload!==undefined?!!args.autoload:true;if(autoload)this.load()};var PSVNavBar=function(psv){var inArray=function(searched,array){for(var i=0,l=array.length;i=0};this.setStyle=function(new_style){for(var property in new_style){if(property in style&&checkValue(property,new_style[property]))style[property]=new_style[property]}};this.create=function(){container=document.createElement("div");container.style.backgroundColor=style.backgroundColor;container.style.position="absolute";container.style.zIndex=10;container.style.bottom=0;container.style.width="100%";container.style.boxSizing="content-box";container.style.transition="bottom 0.4s ease-out";autorotate=new PSVNavBarButton(psv,"autorotate",style);container.appendChild(autorotate.getButton());zoom=new PSVNavBarButton(psv,"zoom",style);container.appendChild(zoom.getButton());fullscreen=new PSVNavBarButton(psv,"fullscreen",style);container.appendChild(fullscreen.getButton());if(Sphoords.isDeviceOrientationSupported){orientation=new PSVNavBarButton(psv,"orientation",style);container.appendChild(orientation.getButton());vr=new PSVNavBarButton(psv,"virtual-reality",style);container.appendChild(vr.getButton())}};this.getBar=function(){return container};var show=function(){if(!!must_hide_timeout){clearTimeout(must_hide_timeout);if(!hidden&&must_be_hidden)must_hide_timeout=setTimeout(hide,5e3)}if(hidden){container.style.bottom=0;hidden=false;if(must_be_hidden)must_hide_timeout=setTimeout(hide,5e3)}};this.show=function(){show()};var hide=function(){if(!hidden){container.style.bottom=-container.offsetHeight+1+"px";hidden=true}};this.hide=function(){hide()};this.isHidden=function(){return hidden};this.mustBeHidden=function(state){must_be_hidden=state!==undefined?!!state:true;if(must_be_hidden)hide();else show()};var style={backgroundColor:"rgba(61, 61, 61, 0.5)",buttonsColor:"rgba(255, 255, 255, 0.7)",buttonsBackgroundColor:"transparent",activeButtonsBackgroundColor:"rgba(255, 255, 255, 0.1)",buttonsHeight:20,autorotateThickness:1,zoomRangeWidth:50,zoomRangeThickness:1,zoomRangeDisk:7,fullscreenRatio:4/3,fullscreenThickness:2,gyroscopeThickness:1,virtualRealityRatio:4/3,virtualRealityBorderRadius:2};var colors=["backgroundColor","buttonsColor","buttonsBackgroundColor","activeButtonsBackgroundColor"];var numbers=["buttonsHeight","autorotateThickness","zoomRangeWidth","zoomRangeThickness","zoomRangeDisk","fullscreenRatio","fullscreenThickness"];var container;var autorotate,zoom,fullscreen,orientation,vr;var must_hide_timeout=null;var hidden=false,must_be_hidden=false};var PSVNavBarButton=function(psv,type,style){var addEvent=function(elt,evt,f){if(!!elt.addEventListener)elt.addEventListener(evt,f,false);else elt.attachEvent("on"+evt,f)};var create=function(){switch(type){case"autorotate":var autorotate_sphere_width=style.buttonsHeight-style.autorotateThickness*2;var autorotate_equator_height=autorotate_sphere_width/10;button=document.createElement("div");button.style.cssFloat="left";button.style.boxSizing="inherit";button.style.padding="10px";button.style.width=style.buttonsHeight+"px";button.style.height=style.buttonsHeight+"px";button.style.backgroundColor=style.buttonsBackgroundColor;button.style.position="relative";button.style.cursor="pointer";addEvent(button,"click",function(){psv.toggleAutorotate()});var autorotate_sphere=document.createElement("div");autorotate_sphere.style.boxSizing="inherit";autorotate_sphere.style.width=autorotate_sphere_width+"px";autorotate_sphere.style.height=autorotate_sphere_width+"px";autorotate_sphere.style.borderRadius="50%";autorotate_sphere.style.border=style.autorotateThickness+"px solid "+style.buttonsColor;button.appendChild(autorotate_sphere);var autorotate_equator=document.createElement("div");autorotate_equator.style.boxSizing="inherit";autorotate_equator.style.width=autorotate_sphere_width+"px";autorotate_equator.style.height=autorotate_equator_height+"px";autorotate_equator.style.borderRadius="50%";autorotate_equator.style.border=style.autorotateThickness+"px solid "+style.buttonsColor;autorotate_equator.style.position="absolute";autorotate_equator.style.top="50%";autorotate_equator.style.marginTop=-(autorotate_equator_height/2+style.autorotateThickness)+"px";button.appendChild(autorotate_equator);psv.addAction("autorotate",toggleActive);break;case"zoom":button=document.createElement("div");button.style.cssFloat="left";button.style.boxSizing="inherit";var zoom_minus=document.createElement("div");zoom_minus.style.cssFloat="left";zoom_minus.style.boxSizing="inherit";zoom_minus.style.padding="10px";zoom_minus.style.height=style.buttonsHeight+"px";zoom_minus.style.backgroundColor=style.buttonsBackgroundColor;zoom_minus.style.lineHeight=style.buttonsHeight+"px";zoom_minus.style.color=style.buttonsColor;zoom_minus.style.cursor="pointer";zoom_minus.textContent="-";addEvent(zoom_minus,"click",function(){psv.zoomOut()});button.appendChild(zoom_minus);zoom_range_bg=document.createElement("div");zoom_range_bg.style.cssFloat="left";zoom_range_bg.style.boxSizing="inherit";zoom_range_bg.style.padding=10+(style.buttonsHeight-style.zoomRangeThickness)/2+"px 5px";zoom_range_bg.style.backgroundColor=style.buttonsBackgroundColor;zoom_range_bg.style.cursor="pointer";button.appendChild(zoom_range_bg);zoom_range=document.createElement("div");zoom_range.style.boxSizing="inherit";zoom_range.style.width=style.zoomRangeWidth+"px";zoom_range.style.height=style.zoomRangeThickness+"px";zoom_range.style.backgroundColor=style.buttonsColor;zoom_range.style.position="relative";zoom_range_bg.appendChild(zoom_range);zoom_value=document.createElement("div");zoom_value.style.position="absolute";zoom_value.style.top=(style.zoomRangeThickness-style.zoomRangeDisk)/2+"px";zoom_value.style.left=-(style.zoomRangeDisk/2)+"px";zoom_value.style.boxSizing="inherit";zoom_value.style.width=style.zoomRangeDisk+"px";zoom_value.style.height=style.zoomRangeDisk+"px";zoom_value.style.borderRadius="50%";zoom_value.style.backgroundColor=style.buttonsColor;psv.addAction("zoom-updated",moveZoomValue);addEvent(zoom_range_bg,"mousedown",initZoomChangeWithMouse);addEvent(zoom_range_bg,"touchstart",initZoomChangeByTouch);addEvent(document,"mousemove",changeZoomWithMouse);addEvent(document,"touchmove",changeZoomByTouch);addEvent(document,"mouseup",stopZoomChange);addEvent(document,"touchend",stopZoomChange);addEvent(zoom_range_bg,"mousewheel",changeZoomOnMouseWheel);addEvent(zoom_range_bg,"DOMMouseScroll",changeZoomOnMouseWheel);zoom_range.appendChild(zoom_value);var zoom_plus=document.createElement("div");zoom_plus.style.cssFloat="left";zoom_plus.style.boxSizing="inherit";zoom_plus.style.padding="10px";zoom_plus.style.height=style.buttonsHeight+"px";zoom_plus.style.backgroundColor=style.buttonsBackgroundColor;zoom_plus.style.lineHeight=style.buttonsHeight+"px";zoom_plus.style.color=style.buttonsColor; +zoom_plus.style.cursor="pointer";zoom_plus.textContent="+";addEvent(zoom_plus,"click",function(){psv.zoomIn()});button.appendChild(zoom_plus);break;case"fullscreen":var fullscreen_width=style.buttonsHeight*style.fullscreenRatio;var fullscreen_vertical_space=style.buttonsHeight*.3;var fullscreen_vertical_border=(style.buttonsHeight-fullscreen_vertical_space)/2;var fullscreen_horizontal_space=fullscreen_width*.3;var fullscreen_horizontal_border=(fullscreen_width-fullscreen_horizontal_space)/2-style.fullscreenThickness;var fullscreen_vertical_int=style.buttonsHeight-style.fullscreenThickness*2;button=document.createElement("div");button.style.cssFloat="right";button.style.boxSizing="inherit";button.style.padding="10px";button.style.width=fullscreen_width+"px";button.style.height=style.buttonsHeight+"px";button.style.backgroundColor=style.buttonsBackgroundColor;button.style.cursor="pointer";addEvent(button,"click",function(){psv.toggleFullscreen()});var fullscreen_left=document.createElement("div");fullscreen_left.style.cssFloat="left";fullscreen_left.style.boxSizing="inherit";fullscreen_left.style.width=style.fullscreenThickness+"px";fullscreen_left.style.height=fullscreen_vertical_space+"px";fullscreen_left.style.borderStyle="solid";fullscreen_left.style.borderColor=style.buttonsColor+" transparent";fullscreen_left.style.borderWidth=fullscreen_vertical_border+"px 0";button.appendChild(fullscreen_left);var fullscreen_tb_1=document.createElement("div");fullscreen_tb_1.style.cssFloat="left";fullscreen_tb_1.style.boxSizing="inherit";fullscreen_tb_1.style.width=fullscreen_horizontal_border+"px";fullscreen_tb_1.style.height=fullscreen_vertical_int+"px";fullscreen_tb_1.style.borderStyle="solid";fullscreen_tb_1.style.borderColor=style.buttonsColor+" transparent";fullscreen_tb_1.style.borderWidth=style.fullscreenThickness+"px 0";button.appendChild(fullscreen_tb_1);var fullscreen_tb_2=document.createElement("div");fullscreen_tb_2.style.cssFloat="left";fullscreen_tb_2.style.boxSizing="inherit";fullscreen_tb_2.style.marginLeft=fullscreen_horizontal_space+"px";fullscreen_tb_2.style.width=fullscreen_horizontal_border+"px";fullscreen_tb_2.style.height=fullscreen_vertical_int+"px";fullscreen_tb_2.style.borderStyle="solid";fullscreen_tb_2.style.borderColor=style.buttonsColor+" transparent";fullscreen_tb_2.style.borderWidth=style.fullscreenThickness+"px 0";button.appendChild(fullscreen_tb_2);var fullscreen_right=document.createElement("div");fullscreen_right.style.cssFloat="left";fullscreen_right.style.boxSizing="inherit";fullscreen_right.style.width=style.fullscreenThickness+"px";fullscreen_right.style.height=fullscreen_vertical_space+"px";fullscreen_right.style.borderStyle="solid";fullscreen_right.style.borderColor=style.buttonsColor+" transparent";fullscreen_right.style.borderWidth=fullscreen_vertical_border+"px 0";button.appendChild(fullscreen_right);var fullscreen_clearer=document.createElement("div");fullscreen_clearer.style.clear="left";button.appendChild(fullscreen_clearer);psv.addAction("fullscreen-mode",toggleActive);break;case"orientation":var gyroscope_sphere_width=style.buttonsHeight-style.gyroscopeThickness*2;var gyroscope_ellipses_big_axis=gyroscope_sphere_width-style.gyroscopeThickness*4;var gyroscope_ellipses_little_axis=gyroscope_sphere_width/10;button=document.createElement("div");button.style.cssFloat="right";button.style.boxSizing="inherit";button.style.padding="10px";button.style.width=style.buttonsHeight+"px";button.style.height=style.buttonsHeight+"px";button.style.backgroundColor=style.buttonsBackgroundColor;button.style.position="relative";button.style.cursor="pointer";addEvent(button,"click",function(){psv.toggleDeviceOrientation()});var gyroscope_sphere=document.createElement("div");gyroscope_sphere.style.boxSizing="inherit";gyroscope_sphere.style.width=gyroscope_sphere_width+"px";gyroscope_sphere.style.height=gyroscope_sphere_width+"px";gyroscope_sphere.style.borderRadius="50%";gyroscope_sphere.style.border=style.gyroscopeThickness+"px solid "+style.buttonsColor;button.appendChild(gyroscope_sphere);var gyroscope_hor_ellipsis=document.createElement("div");gyroscope_hor_ellipsis.style.boxSizing="inherit";gyroscope_hor_ellipsis.style.width=gyroscope_ellipses_big_axis+"px";gyroscope_hor_ellipsis.style.height=gyroscope_ellipses_little_axis+"px";gyroscope_hor_ellipsis.style.borderRadius="50%";gyroscope_hor_ellipsis.style.border=style.gyroscopeThickness+"px solid "+style.buttonsColor;gyroscope_hor_ellipsis.style.position="absolute";gyroscope_hor_ellipsis.style.top="50%";gyroscope_hor_ellipsis.style.left="50%";gyroscope_hor_ellipsis.style.marginTop=-(gyroscope_ellipses_little_axis/2+style.gyroscopeThickness)+"px";gyroscope_hor_ellipsis.style.marginLeft=-(gyroscope_ellipses_big_axis/2+style.gyroscopeThickness)+"px";button.appendChild(gyroscope_hor_ellipsis);var gyroscope_ver_ellipsis=document.createElement("div");gyroscope_ver_ellipsis.style.boxSizing="inherit";gyroscope_ver_ellipsis.style.width=gyroscope_ellipses_little_axis+"px";gyroscope_ver_ellipsis.style.height=gyroscope_ellipses_big_axis+"px";gyroscope_ver_ellipsis.style.borderRadius="50%";gyroscope_ver_ellipsis.style.border=style.gyroscopeThickness+"px solid "+style.buttonsColor;gyroscope_ver_ellipsis.style.position="absolute";gyroscope_ver_ellipsis.style.top="50%";gyroscope_ver_ellipsis.style.left="50%";gyroscope_ver_ellipsis.style.marginTop=-(gyroscope_ellipses_big_axis/2+style.gyroscopeThickness)+"px";gyroscope_ver_ellipsis.style.marginLeft=-(gyroscope_ellipses_little_axis/2+style.gyroscopeThickness)+"px";button.appendChild(gyroscope_ver_ellipsis);psv.addAction("device-orientation",toggleActive);break;case"virtual-reality":var vr_width=style.buttonsHeight*style.virtualRealityRatio;var vr_eye_diameter=vr_width/4;var vr_eye_offset=vr_eye_diameter/2;button=document.createElement("div");button.style.cssFloat="right";button.style.position="relative";button.style.boxSizing="inherit";button.style.padding="10px";button.style.width=vr_width+"px";button.style.height=style.buttonsHeight+"px";button.style.backgroundColor=style.buttonsBackgroundColor;button.style.cursor="pointer";addEvent(button,"click",function(){psv.toggleStereo()});var vr_rect=document.createElement("div");vr_rect.style.boxSizing="inherit";vr_rect.style.width=vr_width+"px";vr_rect.style.height=style.buttonsHeight+"px";vr_rect.style.borderRadius=style.virtualRealityBorderRadius+"px";vr_rect.style.backgroundColor=style.buttonsColor;button.appendChild(vr_rect);var left_eye=document.createElement("div");left_eye.style.boxSizing="inherit";left_eye.style.width=vr_eye_diameter+"px";left_eye.style.height=vr_eye_diameter+"px";left_eye.style.position="absolute";left_eye.style.top=vr_eye_offset+10+"px";left_eye.style.left=vr_eye_offset+10+"px";left_eye.style.borderRadius="50%";left_eye.style.backgroundColor=style.backgroundColor;button.appendChild(left_eye);var right_eye=document.createElement("div");right_eye.style.boxSizing="inherit";right_eye.style.width=vr_eye_diameter+"px";right_eye.style.height=vr_eye_diameter+"px";right_eye.style.position="absolute";right_eye.style.top=vr_eye_offset+10+"px";right_eye.style.right=vr_eye_offset+10+"px";right_eye.style.borderRadius="50%";right_eye.style.backgroundColor=style.backgroundColor;button.appendChild(right_eye);var nose=document.createElement("div");nose.style.boxSizing="inherit";nose.style.width=vr_eye_diameter+"px";nose.style.height=style.buttonsHeight/2+"px";nose.style.position="absolute";nose.style.left="50%";nose.style.bottom="10px";nose.style.marginLeft=-(vr_eye_diameter/2)+"px";nose.style.borderTopLeftRadius="50% 60%";nose.style.borderTopRightRadius="50% 60%";nose.style.backgroundColor=style.backgroundColor;button.appendChild(nose);psv.addAction("stereo-effect",toggleActive);break}};this.getButton=function(){return button};var toggleActive=function(active){if(active)button.style.backgroundColor=style.activeButtonsBackgroundColor;else button.style.backgroundColor=style.buttonsBackgroundColor};var moveZoomValue=function(level){zoom_value.style.left=level/100*style.zoomRangeWidth-style.zoomRangeDisk/2+"px"};var initZoomChangeWithMouse=function(evt){initZoomChange(parseInt(evt.clientX))};var initZoomChangeByTouch=function(evt){var touch=evt.touches[0];if(touch.target==zoom_range_bg||touch.target==zoom_range||touch.target==zoom_value)initZoomChange(parseInt(touch.clientX))};var initZoomChange=function(x){mousedown=true;changeZoom(x)};var stopZoomChange=function(evt){mousedown=false};var changeZoomWithMouse=function(evt){evt.preventDefault();changeZoom(parseInt(evt.clientX))};var changeZoomByTouch=function(evt){var touch=evt.touches[0];if(touch.target==zoom_range_bg||touch.target==zoom_range||touch.target==zoom_value){evt.preventDefault();changeZoom(parseInt(touch.clientX))}};var changeZoom=function(x){if(mousedown){var user_input=x-zoom_range.getBoundingClientRect().left;var zoom_level=user_input/style.zoomRangeWidth*100;psv.zoom(zoom_level)}};var changeZoomOnMouseWheel=function(evt){psv.mouseWheel(evt)};var zoom_range_bg,zoom_range,zoom_value;var mousedown=false;var button;create()};var Sphoords=function(){var detectBrowserEngine=function(){var ua=navigator.userAgent;if(/Gecko\/[0-9.]+/.test(ua))return"Gecko";if(/Chrome\/[0-9.]+/.test(ua))return"Blink";if(/AppleWebKit\/[0-9.]+/.test(ua))return"WebKit";if(/Trident\/[0-9.]+/.test(ua))return"Trident";if(/Opera\/[0-9.]+/.test(ua))return"Presto";return"Gecko"};var getPrincipalAngle=function(angle){return angle-Math.floor(angle/360)*360};this.start=function(){if(Sphoords.isDeviceOrientationSupported){window.addEventListener("deviceorientation",onDeviceOrientation,false);recording=true;return true}else{console.log("Device Orientation API not supported");return false}};this.stop=function(){if(recording){window.removeEventListener("deviceorientation",onDeviceOrientation,false);recording=false}};this.toggle=function(){if(recording)this.stop();else this.start()};this.isEventAttached=function(){return recording};var onDeviceOrientation=function(evt){orientation=Sphoords.getScreenOrientation();var theta=0,phi=0;switch(orientation){case"portrait-primary":theta=evt.alpha+evt.gamma;phi=evt.beta-90;break;case"landscape-primary":theta=evt.alpha+evt.beta-90;phi=-evt.gamma-90;if(Math.abs(evt.beta)>90){switch(engine){case"Blink":phi+=180;break;case"Gecko":default:phi=-phi;break}}if(engine==="WebKit"&&!!window.orientation){if(phi<0){phi=(phi+180)*-1}if(theta>=180){theta=theta-180}else{theta=theta+180}}break;case"landscape-secondary":theta=evt.alpha-evt.beta+90;phi=evt.gamma-90;if(Math.abs(evt.beta)>90){switch(engine){case"Blink":phi+=180;break;case"Gecko":default:phi=-phi;break}}if(engine==="WebKit"&&!!window.orientation){if(phi<0){phi=(phi+180)*-1}if(theta>=180){theta=theta-180}else{theta=theta+180}}break;case"portrait-secondary":theta=evt.alpha-evt.gamma;phi=180-(evt.beta-90);phi=270-evt.beta;break}phi=getPrincipalAngle(phi);if(phi>=180)phi-=360;long_deg=getPrincipalAngle(theta);lat_deg=Math.max(-90,Math.min(90,phi));long=long_deg*DEG_TO_RAD;lat=lat_deg*DEG_TO_RAD;executeListeners()};this.getCoordinates=function(){return{longitude:long,latitude:lat}};this.getCoordinatesInDegrees=function(){return{longitude:long_deg,latitude:lat_deg}};this.getScreenOrientation=function(){return orientation};this.addListener=function(f){listeners.push(f)};var executeListeners=function(){if(!!listeners.length){for(var i=0,l=listeners.length;i