https://bamff.land/wp-content/plugins/360-image-panorama-for-elementor/assets/js/panolens.js?ver=6.4.12

1/**
2 * Panolens.js
3 * @author pchen66
4 * @namespace PANOLENS
5 */
6
7var PANOLENS = { REVISION: '9' };
8;/*! npm.im/iphone-inline-video 2.2.2 */
9var enableInlineVideo=function(){"use strict";/*! npm.im/intervalometer */
10function e(e,i,n,r){function t(n){d=i(t,r),e(n-(a||n)),a=n}var d,a;return{start:function(){d||t(0)},stop:function(){n(d),d=null,a=0}}}function i(i){return e(i,requestAnimationFrame,cancelAnimationFrame)}function n(e,i,n){function r(r){n&&!n(e,i)||r.stopImmediatePropagation()}return e.addEventListener(i,r),r}function r(e,i,n,r){function t(){return n[i]}function d(e){n[i]=e}r&&d(e[i]),Object.defineProperty(e,i,{get:t,set:d})}function t(e,i,n){n.addEventListener(i,function(){return e.dispatchEvent(new Event(i))})}function d(e,i){Promise.resolve().then(function(){e.dispatchEvent(new Event(i))})}function a(e){var i=new Audio;return t(e,"play",i),t(e,"playing",i),t(e,"pause",i),i.crossOrigin=e.crossOrigin,i.src=e.src||e.currentSrc||"data:",i}function u(e,i,n){(m||0)+200<Date.now()&&(e[h]=!0,m=Date.now()),n||(e.currentTime=i),k[++T%3]=100*i|0}function o(e){return e.driver.currentTime>=e.video.duration}function s(e){var i=this;i.video.readyState>=i.video.HAVE_FUTURE_DATA?(i.hasAudio||(i.driver.currentTime=i.video.currentTime+e*i.video.playbackRate/1e3,i.video.loop&&o(i)&&(i.driver.currentTime=0)),u(i.video,i.driver.currentTime)):i.video.networkState===i.video.NETWORK_IDLE&&0===i.video.buffered.length&&i.video.load(),i.video.ended&&(delete i.video[h],i.video.pause(!0))}function c(){var e=this,i=e[g];if(e.webkitDisplayingFullscreen)return void e[E]();"data:"!==i.driver.src&&i.driver.src!==e.src&&(u(e,0,!0),i.driver.src=e.src),e.paused&&(i.paused=!1,0===e.buffered.length&&e.load(),i.driver.play(),i.updater.start(),i.hasAudio||(d(e,"play"),i.video.readyState>=i.video.HAVE_ENOUGH_DATA&&d(e,"playing")))}function v(e){var i=this,n=i[g];n.driver.pause(),n.updater.stop(),i.webkitDisplayingFullscreen&&i[w](),n.paused&&!e||(n.paused=!0,n.hasAudio||d(i,"pause"),i.ended&&!i.webkitDisplayingFullscreen&&(i[h]=!0,d(i,"ended")))}function p(e,n){var r={};e[g]=r,r.paused=!0,r.hasAudio=n,r.video=e,r.updater=i(s.bind(r)),n?r.driver=a(e):(e.addEventListener("canplay",function(){e.paused||d(e,"playing")}),r.driver={src:e.src||e.currentSrc||"data:",muted:!0,paused:!0,pause:function(){r.driver.paused=!0},play:function(){r.driver.paused=!1,o(r)&&u(e,0)},get ended(){return o(r)}}),e.addEventListener("emptied",function(){var i=!r.driver.src||"data:"===r.driver.src;r.driver.src&&r.driver.src!==e.src&&(u(e,0,!0),r.driver.src=e.src,i||!n&&e.autoplay?r.driver.play():r.updater.stop())},!1),e.addEventListener("webkitbeginfullscreen",function(){e.paused?n&&0===r.driver.buffered.length&&r.driver.load():(e.pause(),e[E]())}),n&&(e.addEventListener("webkitendfullscreen",function(){r.driver.currentTime=e.currentTime}),e.addEventListener("seeking",function(){k.indexOf(100*e.currentTime|0)<0&&(r.driver.currentTime=e.currentTime)}))}function l(e){var i=e[h];return delete e[h],!e.webkitDisplayingFullscreen&&!i}function f(e){var i=e[g];e[E]=e.play,e[w]=e.pause,e.play=c,e.pause=v,r(e,"paused",i.driver),r(e,"muted",i.driver,!0),r(e,"playbackRate",i.driver,!0),r(e,"ended",i.driver),r(e,"loop",i.driver,!0),n(e,"seeking",function(e){return!e.webkitDisplayingFullscreen}),n(e,"seeked",function(e){return!e.webkitDisplayingFullscreen}),n(e,"timeupdate",l),n(e,"ended",l)}function y(e,i){if(void 0===i&&(i={}),!e[g]){if(!i.everywhere){if(!b)return;if(!(i.iPad||i.ipad?/iPhone|iPod|iPad/:/iPhone|iPod/).test(navigator.userAgent))return}e.pause();var n=e.autoplay;e.autoplay=!1,p(e,!e.muted),f(e),e.classList.add("IIV"),e.muted&&n&&(e.play(),e.addEventListener("playing",function i(){e.autoplay=!0,e.removeEventListener("playing",i)})),/iPhone|iPod|iPad/.test(navigator.platform)||console.warn("iphone-inline-video is not guaranteed to work in emulated environments")}}var m,b="object"==typeof document&&"object-fit"in document.head.style&&!matchMedia("(-webkit-video-playable-inline)").matches,g="bfred-it:iphone-inline-video",h="bfred-it:iphone-inline-video:event",E="bfred-it:iphone-inline-video:nativeplay",w="bfred-it:iphone-inline-video:nativepause",k=[],T=0;return y}();
11;/**
12 * Tween.js - Licensed under the MIT license
13 * https://github.com/tweenjs/tween.js
14 * ----------------------------------------------
15 *
16 * See https://github.com/tweenjs/tween.js/graphs/contributors for the full list of contributors.
17 * Thank you all, you're awesome!
18 */
19
20var TWEEN = TWEEN || (function () {
21
22	var _tweens = [];
23
24	return {
25
26		getAll: function () {
27
28			return _tweens;
29
30		},
31
32		removeAll: function () {
33
34			_tweens = [];
35
36		},
37
38		add: function (tween) {
39
40			_tweens.push(tween);
41
42		},
43
44		remove: function (tween) {
45
46			var i = _tweens.indexOf(tween);
47
48			if (i !== -1) {
49				_tweens.splice(i, 1);
50			}
51
52		},
53
54		update: function (time, preserve) {
55
56			if (_tweens.length === 0) {
57				return false;
58			}
59
60			var i = 0;
61
62			time = time !== undefined ? time : TWEEN.now();
63
64			while (i < _tweens.length) {
65
66				if (_tweens[i].update(time) || preserve) {
67					i++;
68				} else {
69					_tweens.splice(i, 1);
70				}
71
72			}
73
74			return true;
75
76		}
77	};
78
79})();
80
81
82// Include a performance.now polyfill.

83// In node.js, use process.hrtime.
84if (typeof (window) === 'undefined' && typeof (process) !== 'undefined') {
85	TWEEN.now = function () {
86		var time = process.hrtime();
87
88		// Convert [seconds, nanoseconds] to milliseconds.
89		return time[0] * 1000 + time[1] / 1000000;
90	};
91}
92// In a browser, use window.performance.now if it is available.
93else if (typeof (window) !== 'undefined' &&
94         window.performance !== undefined &&
95		 window.performance.now !== undefined) {
96	// This must be bound, because directly assigning this function
97	// leads to an invocation exception in Chrome.
98	TWEEN.now = window.performance.now.bind(window.performance);
99}
100// Use Date.now if it is available.
101else if (Date.now !== undefined) {
102	TWEEN.now = Date.now;
103}
104// Otherwise, use 'new Date().getTime()'.
105else {
106	TWEEN.now = function () {
107		return new Date().getTime();
108	};
109}
110
111
112TWEEN.Tween = function (object) {
113
114	var _object = object;
115	var _valuesStart = {};
116	var _valuesEnd = {};
117	var _valuesStartRepeat = {};
118	var _duration = 1000;
119	var _repeat = 0;
120	var _repeatDelayTime;
121	var _yoyo = false;
122	var _isPlaying = false;
123	var _reversed = false;
124	var _delayTime = 0;
125	var _startTime = null;
126	var _easingFunction = TWEEN.Easing.Linear.None;
127	var _interpolationFunction = TWEEN.Interpolation.Linear;
128	var _chainedTweens = [];
129	var _onStartCallback = null;
130	var _onStartCallbackFired = false;
131	var _onUpdateCallback = null;
132	var _onCompleteCallback = null;
133	var _onStopCallback = null;
134
135	this.to = function (properties, duration) {
136
137		_valuesEnd = properties;
138
139		if (duration !== undefined) {
140			_duration = duration;
141		}
142
143		return this;
144
145	};
146
147	this.start = function (time) {
148
149		TWEEN.add(this);
150
151		_isPlaying = true;
152
153		_onStartCallbackFired = false;
154
155		_startTime = time !== undefined ? time : TWEEN.now();
156		_startTime += _delayTime;
157
158		for (var property in _valuesEnd) {
159
160			// Check if an Array was provided as property value
161			if (_valuesEnd[property] instanceof Array) {
162
163				if (_valuesEnd[property].length === 0) {
164					continue;
165				}
166
167				// Create a local copy of the Array with the start value at the front
168				_valuesEnd[property] = [_object[property]].concat(_valuesEnd[property]);
169
170			}
171
172			// If `to()` specifies a property that doesn't exist in the source object,
173			// we should not set that property in the object
174			if (_object[property] === undefined) {
175				continue;
176			}
177
178			// Save the starting value.
179			_valuesStart[property] = _object[property];
180
181			if ((_valuesStart[property] instanceof Array) === false) {
182				_valuesStart[property] *= 1.0; // Ensures we're using numbers, not strings
183			}
184
185			_valuesStartRepeat[property] = _valuesStart[property] || 0;
186
187		}
188
189		return this;
190
191	};
192
193	this.stop = function () {
194
195		if (!_isPlaying) {
196			return this;
197		}
198
199		TWEEN.remove(this);
200		_isPlaying = false;
201
202		if (_onStopCallback !== null) {
203			_onStopCallback.call(_object, _object);
204		}
205
206		this.stopChainedTweens();
207		return this;
208
209	};
210
211	this.end = function () {
212
213		this.update(_startTime + _duration);
214		return this;
215
216	};
217
218	this.stopChainedTweens = function () {
219
220		for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
221			_chainedTweens[i].stop();
222		}
223
224	};
225
226	this.delay = function (amount) {
227
228		_delayTime = amount;
229		return this;
230
231	};
232
233	this.repeat = function (times) {
234
235		_repeat = times;
236		return this;
237
238	};
239
240	this.repeatDelay = function (amount) {
241
242		_repeatDelayTime = amount;
243		return this;
244
245	};
246
247	this.yoyo = function (yoyo) {
248
249		_yoyo = yoyo;
250		return this;
251
252	};
253
254
255	this.easing = function (easing) {
256
257		_easingFunction = easing;
258		return this;
259
260	};
261
262	this.interpolation = function (interpolation) {
263
264		_interpolationFunction = interpolation;
265		return this;
266
267	};
268
269	this.chain = function () {
270
271		_chainedTweens = arguments;
272		return this;
273
274	};
275
276	this.onStart = function (callback) {
277
278		_onStartCallback = callback;
279		return this;
280
281	};
282
283	this.onUpdate = function (callback) {
284
285		_onUpdateCallback = callback;
286		return this;
287
288	};
289
290	this.onComplete = function (callback) {
291
292		_onCompleteCallback = callback;
293		return this;
294
295	};
296
297	this.onStop = function (callback) {
298
299		_onStopCallback = callback;
300		return this;
301
302	};
303
304	this.update = function (time) {
305
306		var property;
307		var elapsed;
308		var value;
309
310		if (time < _startTime) {
311			return true;
312		}
313
314		if (_onStartCallbackFired === false) {
315
316			if (_onStartCallback !== null) {
317				_onStartCallback.call(_object, _object);
318			}
319
320			_onStartCallbackFired = true;
321		}
322

323		elapsed = (time - _startTime) / _duration;
324		elapsed = elapsed > 1 ? 1 : elapsed;
325
326		value = _easingFunction(elapsed);
327
328		for (property in _valuesEnd) {
329
330			// Don't update properties that do not exist in the source object
331			if (_valuesStart[property] === undefined) {
332				continue;
333			}
334
335			var start = _valuesStart[property] || 0;
336			var end = _valuesEnd[property];
337
338			if (end instanceof Array) {
339
340				_object[property] = _interpolationFunction(end, value);
341
342			} else {
343
344				// Parses relative end values with start as base (e.g.: +10, -3)
345				if (typeof (end) === 'string') {
346
347					if (end.charAt(0) === '+' || end.charAt(0) === '-') {
348						end = start + parseFloat(end);
349					} else {
350						end = parseFloat(end);
351					}
352				}
353
354				// Protect against non numeric properties.
355				if (typeof (end) === 'number') {
356					_object[property] = start + (end - start) * value;
357				}
358
359			}
360
361		}
362
363		if (_onUpdateCallback !== null) {
364			_onUpdateCallback.call(_object, value);
365		}
366
367		if (elapsed === 1) {
368
369			if (_repeat > 0) {
370
371				if (isFinite(_repeat)) {
372					_repeat--;
373				}
374
375				// Reassign starting values, restart by making startTime = now
376				for (property in _valuesStartRepeat) {
377
378					if (typeof (_valuesEnd[property]) === 'string') {
379						_valuesStartRepeat[property] = _valuesStartRepeat[property] + parseFloat(_valuesEnd[property]);
380					}
381
382					if (_yoyo) {
383						var tmp = _valuesStartRepeat[property];
384
385						_valuesStartRepeat[property] = _valuesEnd[property];
386						_valuesEnd[property] = tmp;
387					}
388
389					_valuesStart[property] = _valuesStartRepeat[property];
390
391				}
392
393				if (_yoyo) {
394					_reversed = !_reversed;
395				}
396
397				if (_repeatDelayTime !== undefined) {
398					_startTime = time + _repeatDelayTime;
399				} else {
400					_startTime = time + _delayTime;
401				}
402
403				return true;
404
405			} else {
406
407				if (_onCompleteCallback !== null) {
408
409					_onCompleteCallback.call(_object, _object);
410				}
411
412				for (var i = 0, numChainedTweens = _chainedTweens.length; i < numChainedTweens; i++) {
413					// Make the chained tweens start exactly at the time they should,
414					// even if the `update()` method was called way past the duration of the tween
415					_chainedTweens[i].start(_startTime + _duration);
416				}
417
418				return false;
419
420			}
421
422		}
423
424		return true;
425
426	};
427
428};
429
430
431TWEEN.Easing = {
432
433	Linear: {
434
435		None: function (k) {
436
437			return k;
438
439		}
440
441	},
442
443	Quadratic: {
444
445		In: function (k) {
446
447			return k * k;
448
449		},
450
451		Out: function (k) {
452
453			return k * (2 - k);
454
455		},
456
457		InOut: function (k) {
458
459			if ((k *= 2) < 1) {
460				return 0.5 * k * k;
461			}
462
463			return - 0.5 * (--k * (k - 2) - 1);
464
465		}
466
467	},
468
469	Cubic: {
470
471		In: function (k) {
472
473			return k * k * k;
474
475		},
476
477		Out: function (k) {
478
479			return --k * k * k + 1;
480
481		},
482
483		InOut: function (k) {
484
485			if ((k *= 2) < 1) {
486				return 0.5 * k * k * k;
487			}
488
489			return 0.5 * ((k -= 2) * k * k + 2);
490
491		}
492
493	},
494
495	Quartic: {
496
497		In: function (k) {
498
499			return k * k * k * k;
500
501		},
502
503		Out: function (k) {
504
505			return 1 - (--k * k * k * k);
506
507		},
508
509		InOut: function (k) {
510
511			if ((k *= 2) < 1) {
512				return 0.5 * k * k * k * k;
513			}
514
515			return - 0.5 * ((k -= 2) * k * k * k - 2);
516
517		}
518
519	},
520
521	Quintic: {
522
523		In: function (k) {
524
525			return k * k * k * k * k;
526
527		},
528
529		Out: function (k) {
530
531			return --k * k * k * k * k + 1;
532
533		},
534
535		InOut: function (k) {
536
537			if ((k *= 2) < 1) {
538				return 0.5 * k * k * k * k * k;
539			}
540
541			return 0.5 * ((k -= 2) * k * k * k * k + 2);
542
543		}
544
545	},
546
547	Sinusoidal: {
548
549		In: function (k) {
550
551			return 1 - Math.cos(k * Math.PI / 2);
552
553		},
554
555		Out: function (k) {
556
557			return Math.sin(k * Math.PI / 2);
558
559		},
560
561		InOut: function (k) {
562
563			return 0.5 * (1 - Math.cos(Math.PI * k));
564
565		}
566
567	},
568
569	Exponential: {
570
571		In: function (k) {
572
573			return k === 0 ? 0 : Math.pow(1024, k - 1);
574
575		},
576
577		Out: function (k) {
578
579			return k === 1 ? 1 : 1 - Math.pow(2, - 10 * k);
580
581		},
582
583		InOut: function (k) {
584
585			if (k === 0) {
586				return 0;
587			}
588
589			if (k === 1) {
590				return 1;
591			}
592
593			if ((k *= 2) < 1) {

594				return 0.5 * Math.pow(1024, k - 1);
595			}
596
597			return 0.5 * (- Math.pow(2, - 10 * (k - 1)) + 2);
598
599		}
600
601	},
602
603	Circular: {
604
605		In: function (k) {
606
607			return 1 - Math.sqrt(1 - k * k);
608
609		},
610
611		Out: function (k) {
612
613			return Math.sqrt(1 - (--k * k));
614
615		},
616
617		InOut: function (k) {
618
619			if ((k *= 2) < 1) {
620				return - 0.5 * (Math.sqrt(1 - k * k) - 1);
621			}
622
623			return 0.5 * (Math.sqrt(1 - (k -= 2) * k) + 1);
624
625		}
626
627	},
628
629	Elastic: {
630
631		In: function (k) {
632
633			if (k === 0) {
634				return 0;
635			}
636
637			if (k === 1) {
638				return 1;
639			}
640
641			return -Math.pow(2, 10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI);
642
643		},
644
645		Out: function (k) {
646
647			if (k === 0) {
648				return 0;
649			}
650
651			if (k === 1) {
652				return 1;
653			}
654
655			return Math.pow(2, -10 * k) * Math.sin((k - 0.1) * 5 * Math.PI) + 1;
656
657		},
658
659		InOut: function (k) {
660
661			if (k === 0) {
662				return 0;
663			}
664
665			if (k === 1) {
666				return 1;
667			}
668
669			k *= 2;
670
671			if (k < 1) {
672				return -0.5 * Math.pow(2, 10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI);
673			}
674
675			return 0.5 * Math.pow(2, -10 * (k - 1)) * Math.sin((k - 1.1) * 5 * Math.PI) + 1;
676
677		}
678
679	},
680
681	Back: {
682
683		In: function (k) {
684
685			var s = 1.70158;
686
687			return k * k * ((s + 1) * k - s);
688
689		},
690
691		Out: function (k) {
692
693			var s = 1.70158;
694
695			return --k * k * ((s + 1) * k + s) + 1;
696
697		},
698
699		InOut: function (k) {
700
701			var s = 1.70158 * 1.525;
702
703			if ((k *= 2) < 1) {
704				return 0.5 * (k * k * ((s + 1) * k - s));
705			}
706
707			return 0.5 * ((k -= 2) * k * ((s + 1) * k + s) + 2);
708
709		}
710
711	},
712
713	Bounce: {
714
715		In: function (k) {
716
717			return 1 - TWEEN.Easing.Bounce.Out(1 - k);
718
719		},
720
721		Out: function (k) {
722
723			if (k < (1 / 2.75)) {
724				return 7.5625 * k * k;
725			} else if (k < (2 / 2.75)) {
726				return 7.5625 * (k -= (1.5 / 2.75)) * k + 0.75;
727			} else if (k < (2.5 / 2.75)) {
728				return 7.5625 * (k -= (2.25 / 2.75)) * k + 0.9375;
729			} else {
730				return 7.5625 * (k -= (2.625 / 2.75)) * k + 0.984375;
731			}
732
733		},
734
735		InOut: function (k) {
736
737			if (k < 0.5) {
738				return TWEEN.Easing.Bounce.In(k * 2) * 0.5;
739			}
740
741			return TWEEN.Easing.Bounce.Out(k * 2 - 1) * 0.5 + 0.5;
742
743		}
744
745	}
746
747};
748
749TWEEN.Interpolation = {
750
751	Linear: function (v, k) {
752
753		var m = v.length - 1;
754		var f = m * k;
755		var i = Math.floor(f);
756		var fn = TWEEN.Interpolation.Utils.Linear;
757
758		if (k < 0) {
759			return fn(v[0], v[1], f);
760		}
761
762		if (k > 1) {
763			return fn(v[m], v[m - 1], m - f);
764		}
765
766		return fn(v[i], v[i + 1 > m ? m : i + 1], f - i);
767
768	},
769
770	Bezier: function (v, k) {
771
772		var b = 0;
773		var n = v.length - 1;
774		var pw = Math.pow;
775		var bn = TWEEN.Interpolation.Utils.Bernstein;
776
777		for (var i = 0; i <= n; i++) {
778			b += pw(1 - k, n - i) * pw(k, i) * v[i] * bn(n, i);
779		}
780
781		return b;
782
783	},
784
785	CatmullRom: function (v, k) {
786
787		var m = v.length - 1;
788		var f = m * k;
789		var i = Math.floor(f);
790		var fn = TWEEN.Interpolation.Utils.CatmullRom;
791
792		if (v[0] === v[m]) {
793
794			if (k < 0) {
795				i = Math.floor(f = m * (1 + k));
796			}
797
798			return fn(v[(i - 1 + m) % m], v[i], v[(i + 1) % m], v[(i + 2) % m], f - i);
799
800		} else {
801
802			if (k < 0) {
803				return v[0] - (fn(v[0], v[0], v[1], v[1], -f) - v[0]);
804			}
805
806			if (k > 1) {
807				return v[m] - (fn(v[m], v[m], v[m - 1], v[m - 1], f - m) - v[m]);
808			}
809
810			return fn(v[i ? i - 1 : 0], v[i], v[m < i + 1 ? m : i + 1], v[m < i + 2 ? m : i + 2], f - i);
811
812		}
813
814	},
815
816	Utils: {
817
818		Linear: function (p0, p1, t) {
819
820			return (p1 - p0) * t + p0;
821
822		},
823
824		Bernstein: function (n, i) {
825
826			var fc = TWEEN.Interpolation.Utils.Factorial;
827
828			return fc(n) / fc(i) / fc(n - i);
829
830		},
831
832		Factorial: (function () {
833
834			var a = [1];
835
836			return function (n) {
837
838				var s = 1;
839
840				if (a[n]) {
841					return a[n];
842				}
843
844				for (var i = n; i > 1; i--) {
845					s *= i;
846				}
847
848				a[n] = s;
849				return s;
850
851			};
852
853		})(),
854
855		CatmullRom: function (p0, p1, p2, p3, t) {
856
857			var v0 = (p2 - p0) * 0.5;
858			var v1 = (p3 - p1) * 0.5;
859			var t2 = t * t;
860			var t3 = t * t2;
861
862			return (2 * p1 - 2 * p2 + v0 + v1) * t3 + (- 3 * p1 + 3 * p2 - 2 * v0 - v1) * t2 + v0 * t + p1;
863
864		}
865
866	}
867
868};
869
870// UMD (Universal Module Definition)
871(function (root) {
872
873	if (typeof define === 'function' && define.amd) {
874
875		// AMD
876		define([], function () {
877			return TWEEN;
878		});
879
880	} else if (typeof module !== 'undefined' && typeof exports === 'object') {
881
882		// Node.js
883		module.exports = TWEEN;
884
885	} else if (root !== undefined) {
886
887		// Global variable
888		root.TWEEN = TWEEN;
889
890	}
891
892})(this);
893;/**
894 * @author qiao / https://github.com/qiao
895 * @author mrdoob / http://mrdoob.com
896 * @author alteredq / http://alteredqualia.com/
897 * @author WestLangley / http://github.com/WestLangley
898 * @author erich666 / http://erichaines.com
899 */
900/*global THREE, console */
901
902// This set of controls performs orbiting, dollying (zooming), and panning. It maintains
903// the "up" direction as +Y, unlike the TrackballControls. Touch on tablet and phones is
904// supported.
905//
906//    Orbit - left mouse / touch: one finger move
907//    Zoom - middle mouse, or mousewheel / touch: two finger spread or squish
908//    Pan - right mouse, or arrow keys / touch: three finter swipe
909
910THREE.OrbitControls = function ( object, domElement ) {
911
912	this.object = object;
913	this.domElement = ( domElement !== undefined ) ? domElement : document;
914	this.frameId;
915
916	// API
917
918	// Set to false to disable this control
919	this.enabled = true;
920
921	// "target" sets the location of focus, where the control orbits around
922	// and where it pans with respect to.
923	this.target = new THREE.Vector3();
924
925	// center is old, deprecated; use "target" instead
926	this.center = this.target;
927
928	// This option actually enables dollying in and out; left as "zoom" for
929	// backwards compatibility
930	this.noZoom = false;
931	this.zoomSpeed = 1.0;
932
933	// Limits to how far you can dolly in and out ( PerspectiveCamera only )
934	this.minDistance = 0;
935	this.maxDistance = Infinity;
936
937	// Limits to how far you can zoom in and out ( OrthographicCamera only )
938	this.minZoom = 0;
939	this.maxZoom = Infinity;
940
941	// Set to true to disable this control
942	this.noRotate = false;
943	this.rotateSpeed = -0.15;
944
945	// Set to true to disable this control
946	this.noPan = true;
947	this.keyPanSpeed = 7.0;	// pixels moved per arrow key push
948
949	// Set to true to automatically rotate around the target
950	this.autoRotate = false;
951	this.autoRotateSpeed = 2.0; // 30 seconds per round when fps is 60
952
953	// How far you can orbit vertically, upper and lower limits.
954	// Range is 0 to Math.PI radians.
955	this.minPolarAngle = 0; // radians
956	this.maxPolarAngle = Math.PI; // radians
957
958	// Momentum
959  	this.momentumDampingFactor = 0.90;
960  	this.momentumScalingFactor = -0.005;
961  	this.momentumKeydownFactor = 20;
962
963  	// Fov
964  	this.minFov = 30;
965  	this.maxFov = 120;
966
967	// How far you can orbit horizontally, upper and lower limits.
968	// If set, must be a sub-interval of the interval [ - Math.PI, Math.PI ].
969	this.minAzimuthAngle = - Infinity; // radians
970	this.maxAzimuthAngle = Infinity; // radians
971
972	// Set to true to disable use of the keys
973	this.noKeys = false;
974
975	// The four arrow keys
976	this.keys = { LEFT: 37, UP: 38, RIGHT: 39, BOTTOM: 40 };
977
978	// Mouse buttons
979	this.mouseButtons = { ORBIT: THREE.MOUSE.LEFT, ZOOM: THREE.MOUSE.MIDDLE, PAN: THREE.MOUSE.RIGHT };
980
981	////////////
982	// internals
983
984	var scope = this;
985
986	var EPS = 10e-8;
987	var MEPS = 10e-5;
988
989	var rotateStart = new THREE.Vector2();
990	var rotateEnd = new THREE.Vector2();
991	var rotateDelta = new THREE.Vector2();
992
993	var panStart = new THREE.Vector2();
994	var panEnd = new THREE.Vector2();
995	var panDelta = new THREE.Vector2();
996	var panOffset = new THREE.Vector3();
997
998	var offset = new THREE.Vector3();
999
1000	var dollyStart = new THREE.Vector2();
1001	var dollyEnd = new THREE.Vector2();
1002	var dollyDelta = new THREE.Vector2();
1003
1004	var theta;
1005	var phi;
1006	var phiDelta = 0;
1007	var thetaDelta = 0;
1008	var scale = 1;
1009	var pan = new THREE.Vector3();
1010
1011	var lastPosition = new THREE.Vector3();
1012	var lastQuaternion = new THREE.Quaternion();
1013
1014	var momentumLeft = 0, momentumUp = 0;
1015	var eventCurrent, eventPrevious;
1016	var momentumOn = false;
1017
1018	var keyUp, keyBottom, keyLeft, keyRight;
1019
1020	var STATE = { NONE : -1, ROTATE : 0, DOLLY : 1, PAN : 2, TOUCH_ROTATE : 3, TOUCH_DOLLY : 4, TOUCH_PAN : 5 };
1021
1022	var state = STATE.NONE;
1023
1024	// for reset
1025
1026	this.target0 = this.target.clone();
1027	this.position0 = this.object.position.clone();
1028	this.zoom0 = this.object.zoom;
1029
1030	// so camera.up is the orbit axis
1031
1032	var quat = new THREE.Quaternion().setFromUnitVectors( object.up, new THREE.Vector3( 0, 1, 0 ) );
1033	var quatInverse = quat.clone().inverse();
1034
1035	// events
1036
1037	var changeEvent = { type: 'change' };
1038	var startEvent = { type: 'start' };
1039	var endEvent = { type: 'end' };
1040
1041	this.setLastQuaternion = function ( quaternion ) {
1042		lastQuaternion.copy( quaternion );
1043		scope.object.quaternion.copy( quaternion );
1044	};
1045
1046	this.getLastPosition = function () {
1047		return lastPosition;
1048	}
1049
1050	this.rotateLeft = function ( angle ) {
1051
1052		if ( angle === undefined ) {
1053
1054			angle = getAutoRotationAngle();
1055
1056		}
1057
1058		thetaDelta -= angle;
1059
1060
1061	};
1062
1063	this.rotateUp = function ( angle ) {
1064
1065		if ( angle === undefined ) {
1066
1067			angle = getAutoRotationAngle();
1068
1069		}
1070
1071		phiDelta -= angle;
1072
1073	};
1074
1075	// pass in distance in world space to move left
1076	this.panLeft = function ( distance ) {
1077
1078		var te = this.object.matrix.elements;
1079
1080		// get X column of matrix
1081		panOffset.set( te[ 0 ], te[ 1 ], te[ 2 ] );
1082		panOffset.multiplyScalar( - distance );
1083
1084		pan.add( panOffset );
1085
1086	};
1087
1088	// pass in distance in world space to move up
1089	this.panUp = function ( distance ) {
1090
1091		var te = this.object.matrix.elements;
1092
1093		// get Y column of matrix
1094		panOffset.set( te[ 4 ], te[ 5 ], te[ 6 ] );
1095		panOffset.multiplyScalar( distance );
1096
1097		pan.add( panOffset );
1098
1099	};
1100
1101	// pass in x,y of change desired in pixel space,
1102	// right and down are positive
1103	this.pan = function ( deltaX, deltaY ) {
1104
1105		var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
1106
1107		if ( scope.object instanceof THREE.PerspectiveCamera ) {
1108
1109			// perspective
1110			var position = scope.object.position;
1111			var offset = position.clone().sub( scope.target );
1112			var targetDistance = offset.length();
1113
1114			// half of the fov is center to top of screen
1115			targetDistance *= Math.tan( ( scope.object.fov / 2 ) * Math.PI / 180.0 );
1116
1117			// we actually don't use screenWidth, since perspective camera is fixed to screen height
1118			scope.panLeft( 2 * deltaX * targetDistance / element.clientHeight );
1119			scope.panUp( 2 * deltaY * targetDistance / element.clientHeight );
1120
1121		} else if ( scope.object instanceof THREE.OrthographicCamera ) {
1122
1123			// orthographic
1124			scope.panLeft( deltaX * (scope.object.right - scope.object.left) / element.clientWidth );
1125			scope.panUp( deltaY * (scope.object.top - scope.object.bottom) / element.clientHeight );
1126
1127		} else {
1128
1129			// camera neither orthographic or perspective
1130			console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - pan disabled.' );
1131
1132		}
1133
1134	};
1135
1136	this.momentum = function(){
1137		
1138		if ( !momentumOn ) return;
1139
1140		if ( Math.abs( momentumLeft ) < MEPS && Math.abs( momentumUp ) < MEPS ) { 
1141
1142			momentumOn = false; 
1143			return;
1144		}
1145
1146		momentumUp   *= this.momentumDampingFactor;
1147		momentumLeft *= this.momentumDampingFactor;
1148
1149		thetaDelta -= this.momentumScalingFactor * momentumLeft;
1150		phiDelta   -= this.momentumScalingFactor * momentumUp;
1151
1152	};
1153
1154	this.dollyIn = function ( dollyScale ) {
1155
1156		if ( dollyScale === undefined ) {
1157
1158			dollyScale = getZoomScale();
1159
1160		}
1161
1162		if ( scope.object instanceof THREE.PerspectiveCamera ) {
1163
1164			scale /= dollyScale;
1165
1166		} else if ( scope.object instanceof THREE.OrthographicCamera ) {
1167
1168			scope.object.zoom = Math.max( this.minZoom, Math.min( this.maxZoom, this.object.zoom * dollyScale ) );
1169			scope.object.updateProjectionMatrix();
1170			scope.dispatchEvent( changeEvent );
1171
1172		} else {
1173
1174			console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
1175
1176		}
1177
1178	};
1179
1180	this.dollyOut = function ( dollyScale ) {
1181
1182		if ( dollyScale === undefined ) {
1183
1184			dollyScale = getZoomScale();
1185
1186		}
1187
1188		if ( scope.object instanceof THREE.PerspectiveCamera ) {
1189
1190			scale *= dollyScale;
1191
1192		} else if ( scope.object instanceof THREE.OrthographicCamera ) {
1193
1194			scope.object.zoom = Math.max( this.minZoom, Math.min( this.maxZoom, this.object.zoom / dollyScale ) );
1195			scope.object.updateProjectionMatrix();
1196			scope.dispatchEvent( changeEvent );
1197
1198		} else {
1199
1200			console.warn( 'WARNING: OrbitControls.js encountered an unknown camera type - dolly/zoom disabled.' );
1201
1202		}
1203
1204	};
1205
1206	this.update = function ( ignoreUpdate ) {
1207
1208		var position = this.object.position;
1209
1210		offset.copy( position ).sub( this.target );
1211
1212		// rotate offset to "y-axis-is-up" space
1213		offset.applyQuaternion( quat );
1214
1215		// angle from z-axis around y-axis
1216
1217		theta = Math.atan2( offset.x, offset.z );
1218
1219		// angle from y-axis
1220
1221		phi = Math.atan2( Math.sqrt( offset.x * offset.x + offset.z * offset.z ), offset.y );
1222
1223		if ( this.autoRotate && state === STATE.NONE ) {
1224
1225			this.rotateLeft( getAutoRotationAngle() );
1226
1227		}
1228
1229		this.momentum();
1230
1231		theta += thetaDelta;
1232		phi += phiDelta;
1233
1234		// restrict theta to be between desired limits
1235		theta = Math.max( this.minAzimuthAngle, Math.min( this.maxAzimuthAngle, theta ) );
1236
1237		// restrict phi to be between desired limits
1238		phi = Math.max( this.minPolarAngle, Math.min( this.maxPolarAngle, phi ) );
1239
1240		// restrict phi to be betwee EPS and PI-EPS
1241		phi = Math.max( EPS, Math.min( Math.PI - EPS, phi ) );
1242
1243		var radius = offset.length() * scale;
1244
1245		// restrict radius to be between desired limits
1246		radius = Math.max( this.minDistance, Math.min( this.maxDistance, radius ) );
1247
1248		// move target to panned location
1249		this.target.add( pan );
1250
1251		offset.x = radius * Math.sin( phi ) * Math.sin( theta );
1252		offset.y = radius * Math.cos( phi );
1253		offset.z = radius * Math.sin( phi ) * Math.cos( theta );
1254
1255		// rotate offset back to "camera-up-vector-is-up" space
1256		offset.applyQuaternion( quatInverse );
1257
1258		position.copy( this.target ).add( offset );
1259
1260		this.object.lookAt( this.target );
1261
1262		thetaDelta = 0;
1263		phiDelta = 0;
1264		scale = 1;
1265		pan.set( 0, 0, 0 );
1266
1267		// update condition is:
1268		// min(camera displacement, camera rotation in radians)^2 > EPS
1269		// using small-angle approximation cos(x/2) = 1 - x^2 / 8
1270		if ( lastPosition.distanceToSquared( this.object.position ) > EPS
1271		    || 8 * (1 - lastQuaternion.dot(this.object.quaternion)) > EPS ) {
1272
1273			ignoreUpdate !== true && this.dispatchEvent( changeEvent );
1274
1275			lastPosition.copy( this.object.position );
1276			lastQuaternion.copy (this.object.quaternion );
1277
1278		}
1279
1280	};
1281
1282
1283	this.reset = function () {
1284
1285		state = STATE.NONE;
1286
1287		this.target.copy( this.target0 );
1288		this.object.position.copy( this.position0 );
1289		this.object.zoom = this.zoom0;
1290
1291		this.object.updateProjectionMatrix();
1292		this.dispatchEvent( changeEvent );
1293
1294		this.update();
1295
1296	};
1297
1298	this.getPolarAngle = function () {
1299
1300		return phi;
1301
1302	};
1303
1304	this.getAzimuthalAngle = function () {
1305
1306		return theta
1307
1308	};
1309
1310	function getAutoRotationAngle() {
1311
1312		return 2 * Math.PI / 60 / 60 * scope.autoRotateSpeed;
1313
1314	}
1315
1316	function getZoomScale() {
1317
1318		return Math.pow( 0.95, scope.zoomSpeed );
1319
1320	}
1321
1322	function onMouseDown( event ) {
1323
1324		momentumOn = false;
1325
1326   		momentumLeft = momentumUp = 0;
1327
1328		if ( scope.enabled === false ) return;
1329		event.preventDefault();
1330
1331		if ( event.button === scope.mouseButtons.ORBIT ) {
1332			if ( scope.noRotate === true ) return;
1333
1334			state = STATE.ROTATE;
1335
1336			rotateStart.set( event.clientX, event.clientY );
1337
1338		} else if ( event.button === scope.mouseButtons.ZOOM ) {
1339			if ( scope.noZoom === true ) return;
1340
1341			state = STATE.DOLLY;
1342
1343			dollyStart.set( event.clientX, event.clientY );
1344
1345		} else if ( event.button === scope.mouseButtons.PAN ) {
1346			if ( scope.noPan === true ) return;
1347
1348			state = STATE.PAN;
1349
1350			panStart.set( event.clientX, event.clientY );
1351
1352		}
1353
1354		if ( state !== STATE.NONE ) {
1355			document.addEventListener( 'mousemove', onMouseMove, false );
1356			document.addEventListener( 'mouseup', onMouseUp, false );
1357			scope.dispatchEvent( startEvent );
1358		}
1359
1360		scope.update();
1361
1362	}
1363
1364	function onMouseMove( event ) {
1365
1366		if ( scope.enabled === false ) return;
1367
1368		event.preventDefault();
1369
1370		var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
1371
1372		if ( state === STATE.ROTATE ) {
1373
1374			if ( scope.noRotate === true ) return;
1375
1376			rotateEnd.set( event.clientX, event.clientY );
1377			rotateDelta.subVectors( rotateEnd, rotateStart );
1378
1379			// rotating across whole screen goes 360 degrees around
1380			scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );
1381
1382			// rotating up and down along whole screen attempts to go 360, but limited to 180
1383			scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );
1384
1385			rotateStart.copy( rotateEnd );
1386
1387			if( eventPrevious ){
1388				momentumLeft = event.clientX - eventPrevious.clientX;
1389				momentumUp = event.clientY - eventPrevious.clientY;
1390			}
1391
1392			eventPrevious = event;
1393
1394		} else if ( state === STATE.DOLLY ) {
1395
1396			if ( scope.noZoom === true ) return;
1397
1398			dollyEnd.set( event.clientX, event.clientY );
1399			dollyDelta.subVectors( dollyEnd, dollyStart );
1400
1401			if ( dollyDelta.y > 0 ) {
1402
1403				scope.dollyIn();
1404
1405			} else if ( dollyDelta.y < 0 ) {
1406
1407				scope.dollyOut();
1408
1409			}
1410
1411			dollyStart.copy( dollyEnd );
1412
1413		} else if ( state === STATE.PAN ) {
1414
1415			if ( scope.noPan === true ) return;
1416
1417			panEnd.set( event.clientX, event.clientY );
1418			panDelta.subVectors( panEnd, panStart );
1419
1420			scope.pan( panDelta.x, panDelta.y );
1421
1422			panStart.copy( panEnd );
1423
1424		}
1425
1426		if ( state !== STATE.NONE ) scope.update();
1427
1428	}
1429
1430	function onMouseUp( /* event */ ) {
1431
1432		momentumOn = true;
1433
1434		eventPrevious = undefined;
1435
1436		if ( scope.enabled === false ) return;
1437
1438		document.removeEventListener( 'mousemove', onMouseMove, false );
1439		document.removeEventListener( 'mouseup', onMouseUp, false );
1440		scope.dispatchEvent( endEvent );
1441		state = STATE.NONE;
1442
1443	}
1444
1445	function onMouseWheel( event ) {
1446
1447		if ( scope.enabled === false || scope.noZoom === true || state !== STATE.NONE ) return;
1448
1449		event.preventDefault();
1450		event.stopPropagation();
1451
1452		var delta = 0;
1453
1454		if ( event.wheelDelta !== undefined ) { // WebKit / Opera / Explorer 9
1455
1456			delta = event.wheelDelta;
1457
1458		} else if ( event.detail !== undefined ) { // Firefox
1459
1460			delta = - event.detail;
1461
1462		}
1463
1464		if ( delta > 0 ) {
1465
1466			//scope.dollyOut();
1467			scope.object.fov = ( scope.object.fov < scope.maxFov ) 
1468				? scope.object.fov + 1
1469				: scope.maxFov;
1470			scope.object.updateProjectionMatrix();
1471
1472		} else if ( delta < 0 ) {
1473
1474			//scope.dollyIn();
1475			scope.object.fov = ( scope.object.fov > scope.minFov ) 
1476				? scope.object.fov - 1
1477				: scope.minFov;
1478			scope.object.updateProjectionMatrix();
1479
1480		}
1481
1482		scope.update();
1483		scope.dispatchEvent( changeEvent );
1484		scope.dispatchEvent( startEvent );
1485		scope.dispatchEvent( endEvent );
1486
1487	}
1488
1489	function onKeyUp ( event ) {
1490
1491		switch ( event.keyCode ) {
1492
1493			case scope.keys.UP:
1494				keyUp = false;
1495				break;
1496
1497			case scope.keys.BOTTOM:
1498				keyBottom = false;
1499				break;
1500
1501			case scope.keys.LEFT:
1502				keyLeft = false;
1503				break;
1504
1505			case scope.keys.RIGHT:
1506				keyRight = false;
1507				break;
1508
1509		}
1510
1511	}
1512
1513	function onKeyDown( event ) {
1514
1515		if ( scope.enabled === false || scope.noKeys === true || scope.noRotate === true ) return;
1516
1517		switch ( event.keyCode ) {
1518
1519			case scope.keys.UP:
1520				keyUp = true;
1521				break;
1522
1523			case scope.keys.BOTTOM:
1524				keyBottom = true;
1525				break;
1526
1527			case scope.keys.LEFT:
1528				keyLeft = true;
1529				break;
1530
1531			case scope.keys.RIGHT:
1532				keyRight = true;
1533				break;
1534
1535		}
1536
1537		if (keyUp || keyBottom || keyLeft || keyRight) {
1538
1539			momentumOn = true;
1540
1541			if (keyUp) momentumUp = - scope.rotateSpeed * scope.momentumKeydownFactor;
1542			if (keyBottom) momentumUp = scope.rotateSpeed * scope.momentumKeydownFactor;
1543			if (keyLeft) momentumLeft = - scope.rotateSpeed * scope.momentumKeydownFactor;
1544			if (keyRight) momentumLeft = scope.rotateSpeed * scope.momentumKeydownFactor;
1545
1546		}
1547
1548	}
1549
1550	function touchstart( event ) {
1551
1552		momentumOn = false;
1553
1554		momentumLeft = momentumUp = 0;
1555
1556		if ( scope.enabled === false ) return;
1557
1558		switch ( event.touches.length ) {
1559
1560			case 1:	// one-fingered touch: rotate
1561
1562				if ( scope.noRotate === true ) return;
1563
1564				state = STATE.TOUCH_ROTATE;
1565
1566				rotateStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );
1567				break;
1568
1569			case 2:	// two-fingered touch: dolly
1570
1571				if ( scope.noZoom === true ) return;
1572
1573				state = STATE.TOUCH_DOLLY;
1574
1575				var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX;
1576				var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY;
1577				var distance = Math.sqrt( dx * dx + dy * dy );
1578
1579				break;
1580
1581			case 3: // three-fingered touch: pan
1582
1583				if ( scope.noPan === true ) return;
1584
1585				state = STATE.TOUCH_PAN;
1586
1587				panStart.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );
1588				break;
1589
1590			default:
1591
1592				state = STATE.NONE;
1593
1594		}
1595
1596		if ( state !== STATE.NONE ) scope.dispatchEvent( startEvent );
1597
1598	}
1599
1600	function touchmove( event ) {
1601
1602		if ( scope.enabled === false ) return;
1603
1604		event.preventDefault();
1605		event.stopPropagation();
1606
1607		var element = scope.domElement === document ? scope.domElement.body : scope.domElement;
1608
1609		switch ( event.touches.length ) {
1610
1611			case 1: // one-fingered touch: rotate
1612
1613				if ( scope.noRotate === true ) return;
1614				if ( state !== STATE.TOUCH_ROTATE ) return;
1615
1616				rotateEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );
1617				rotateDelta.subVectors( rotateEnd, rotateStart );
1618
1619				// rotating across whole screen goes 360 degrees around
1620				scope.rotateLeft( 2 * Math.PI * rotateDelta.x / element.clientWidth * scope.rotateSpeed );
1621				// rotating up and down along whole screen attempts to go 360, but limited to 180
1622				scope.rotateUp( 2 * Math.PI * rotateDelta.y / element.clientHeight * scope.rotateSpeed );
1623
1624				rotateStart.copy( rotateEnd );
1625
1626				if( eventPrevious ){
1627					momentumLeft = event.touches[ 0 ].pageX - eventPrevious.pageX;
1628					momentumUp = event.touches[ 0 ].pageY - eventPrevious.pageY;
1629				}
1630
1631				eventPrevious = {
1632					pageX: event.touches[ 0 ].pageX,
1633					pageY: event.touches[ 0 ].pageY,
1634				};
1635
1636				scope.update();
1637				break;
1638
1639			case 2: // two-fingered touch: dolly
1640
1641				if ( scope.noZoom === true ) return;
1642				if ( state !== STATE.TOUCH_DOLLY ) return;
1643
1644				var dx = event.touches[ 0 ].pageX - event.touches[ 1 ].pageX;
1645				var dy = event.touches[ 0 ].pageY - event.touches[ 1 ].pageY;
1646				var distance = Math.sqrt( dx * dx + dy * dy );
1647
1648				if ( event.scale < 1 ) {
1649
1650					scope.object.fov = ( scope.object.fov < scope.maxFov ) 
1651						? scope.object.fov + 1
1652						: scope.maxFov;
1653					scope.object.updateProjectionMatrix();
1654
1655				} else if ( event.scale > 1 ) {
1656
1657					scope.object.fov = ( scope.object.fov > scope.minFov ) 
1658						? scope.object.fov - 1
1659						: scope.minFov;
1660					scope.object.updateProjectionMatrix();
1661
1662				}
1663
1664				scope.update();
1665				scope.dispatchEvent( changeEvent );
1666				break;
1667
1668			case 3: // three-fingered touch: pan
1669
1670				if ( scope.noPan === true ) return;
1671				if ( state !== STATE.TOUCH_PAN ) return;
1672
1673				panEnd.set( event.touches[ 0 ].pageX, event.touches[ 0 ].pageY );
1674				panDelta.subVectors( panEnd, panStart );
1675
1676				scope.pan( panDelta.x, panDelta.y );
1677
1678				panStart.copy( panEnd );
1679
1680				scope.update();
1681				break;
1682
1683			default:
1684
1685				state = STATE.NONE;
1686
1687		}
1688
1689	}
1690
1691	function touchend( /* event */ ) {
1692
1693		momentumOn = true;
1694
1695		eventPrevious = undefined;
1696
1697		if ( scope.enabled === false ) return;
1698
1699		scope.dispatchEvent( endEvent );
1700		state = STATE.NONE;
1701
1702	}
1703
1704	//this.domElement.addEventListener( 'contextmenu', function ( event ) { event.preventDefault(); }, false );
1705	this.domElement.addEventListener( 'mousedown', onMouseDown, false );
1706	this.domElement.addEventListener( 'mousewheel', onMouseWheel, false );
1707	this.domElement.addEventListener( 'DOMMouseScroll', onMouseWheel, false ); // firefox
1708
1709	this.domElement.addEventListener( 'touchstart', touchstart, false );
1710	this.domElement.addEventListener( 'touchend', touchend, false );
1711	this.domElement.addEventListener( 'touchmove', touchmove, false );
1712
1713	window.addEventListener( 'keyup', onKeyUp, false );
1714	window.addEventListener( 'keydown', onKeyDown, false );
1715
1716	// force an update at start
1717	this.update();
1718
1719};
1720
1721THREE.OrbitControls.prototype = Object.create( THREE.EventDispatcher.prototype );
1722THREE.OrbitControls.prototype.constructor = THREE.OrbitControls;;/**
1723 * @author richt / http://richt.me
1724 * @author WestLangley / http://github.com/WestLangley
1725 *
1726 * W3C Device Orientation control (http://w3c.github.io/deviceorientation/spec-source-orientation.html)
1727 */
1728
1729THREE.DeviceOrientationControls = function( camera, domElement ) {
1730
1731	var scope = this;
1732	var changeEvent = { type: 'change' };
1733
1734	var rotY = 0;
1735	var rotX = 0;
1736	var tempX = 0;
1737	var tempY = 0;
1738
1739	this.camera = camera;
1740	this.camera.rotation.reorder( "YXZ" );
1741	this.domElement = ( domElement !== undefined ) ? domElement : document;
1742
1743	this.enabled = true;
1744
1745	this.deviceOrientation = {};
1746	this.screenOrientation = 0;
1747
1748	this.alpha = 0;
1749	this.alphaOffsetAngle = 0;
1750
1751
1752	var onDeviceOrientationChangeEvent = function( event ) {
1753
1754		scope.deviceOrientation = event;
1755
1756	};
1757
1758	var onScreenOrientationChangeEvent = function() {
1759
1760		scope.screenOrientation = window.orientation || 0;
1761
1762	};
1763
1764	var onTouchStartEvent = function (event) {
1765
1766		event.preventDefault();
1767		event.stopPropagation();
1768
1769		tempX = event.touches[ 0 ].pageX;
1770		tempY = event.touches[ 0 ].pageY;
1771
1772	};
1773
1774	var onTouchMoveEvent = function (event) {
1775
1776		event.preventDefault();
1777		event.stopPropagation();
1778

1779		rotY += THREE.Math.degToRad( ( event.touches[ 0 ].pageX - tempX ) / 4 );
1780		rotX += THREE.Math.degToRad( ( tempY - event.touches[ 0 ].pageY ) / 4 );
1781
1782		scope.updateAlphaOffsetAngle( rotY );
1783
1784		tempX = event.touches[ 0 ].pageX;
1785		tempY = event.touches[ 0 ].pageY;
1786
1787	};
1788
1789	// The angles alpha, beta and gamma form a set of intrinsic Tait-Bryan angles of type Z-X'-Y''
1790
1791	var setCameraQuaternion = function( quaternion, alpha, beta, gamma, orient ) {
1792
1793		var zee = new THREE.Vector3( 0, 0, 1 );
1794
1795		var euler = new THREE.Euler();
1796
1797		var q0 = new THREE.Quaternion();
1798
1799		var q1 = new THREE.Quaternion( - Math.sqrt( 0.5 ), 0, 0, Math.sqrt( 0.5 ) ); // - PI/2 around the x-axis
1800
1801		var vectorFingerY;
1802		var fingerQY = new THREE.Quaternion();
1803		var fingerQX = new THREE.Quaternion();
1804
1805		if ( scope.screenOrientation == 0 ) {
1806
1807			vectorFingerY = new THREE.Vector3( 1, 0, 0 );
1808			fingerQY.setFromAxisAngle( vectorFingerY, -rotX );
1809
1810		} else if ( scope.screenOrientation == 180 ) {
1811
1812			vectorFingerY = new THREE.Vector3( 1, 0, 0 );
1813			fingerQY.setFromAxisAngle( vectorFingerY, rotX );
1814
1815		} else if ( scope.screenOrientation == 90 ) {
1816
1817			vectorFingerY = new THREE.Vector3( 0, 1, 0 );
1818			fingerQY.setFromAxisAngle( vectorFingerY, rotX );
1819
1820		} else if ( scope.screenOrientation == - 90) {
1821
1822			vectorFingerY = new THREE.Vector3( 0, 1, 0 );
1823			fingerQY.setFromAxisAngle( vectorFingerY, -rotX );
1824
1825		}
1826
1827		q1.multiply( fingerQY );
1828		q1.multiply( fingerQX );
1829
1830		euler.set( beta, alpha, - gamma, 'YXZ' ); // 'ZXY' for the device, but 'YXZ' for us
1831
1832		quaternion.setFromEuler( euler ); // orient the device
1833
1834		quaternion.multiply( q1 ); // camera looks out the back of the device, not the top
1835
1836		quaternion.multiply( q0.setFromAxisAngle( zee, - orient ) ); // adjust for screen orientation
1837
1838	};
1839
1840	this.connect = function() {
1841
1842		onScreenOrientationChangeEvent(); // run once on load
1843
1844		window.addEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
1845		window.addEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
1846		window.addEventListener( 'deviceorientation', this.update.bind( this ), false );
1847
1848		scope.domElement.addEventListener( "touchstart", onTouchStartEvent, false );
1849		scope.domElement.addEventListener( "touchmove", onTouchMoveEvent, false );
1850
1851		scope.enabled = true;
1852
1853	};
1854
1855	this.disconnect = function() {
1856
1857		window.removeEventListener( 'orientationchange', onScreenOrientationChangeEvent, false );
1858		window.removeEventListener( 'deviceorientation', onDeviceOrientationChangeEvent, false );
1859		window.removeEventListener( 'deviceorientation', this.update.bind( this ), false );
1860
1861		scope.domElement.removeEventListener( "touchstart", onTouchStartEvent, false );
1862		scope.domElement.removeEventListener( "touchmove", onTouchMoveEvent, false );
1863
1864		scope.enabled = false;
1865
1866	};
1867
1868	this.update = function( ignoreUpdate ) {
1869
1870		if ( scope.enabled === false ) return;
1871
1872		var alpha = scope.deviceOrientation.alpha ? THREE.Math.degToRad( scope.deviceOrientation.alpha ) + this.alphaOffsetAngle : 0; // Z
1873		var beta = scope.deviceOrientation.beta ? THREE.Math.degToRad( scope.deviceOrientation.beta ) : 0; // X'
1874		var gamma = scope.deviceOrientation.gamma ? THREE.Math.degToRad( scope.deviceOrientation.gamma ) : 0; // Y''
1875		var orient = scope.screenOrientation ? THREE.Math.degToRad( scope.screenOrientation ) : 0; // O
1876
1877		setCameraQuaternion( scope.camera.quaternion, alpha, beta, gamma, orient );
1878		this.alpha = alpha;
1879
1880		ignoreUpdate !== true && this.dispatchEvent( changeEvent );
1881
1882	};
1883
1884	this.updateAlphaOffsetAngle = function( angle ) {
1885
1886		this.alphaOffsetAngle = angle;
1887		this.update();
1888
1889	};
1890
1891	this.dispose = function() {
1892
1893		this.disconnect();
1894
1895	};
1896
1897	this.connect();
1898
1899};
1900
1901THREE.DeviceOrientationControls.prototype = Object.create( THREE.EventDispatcher.prototype );
1902THREE.DeviceOrientationControls.prototype.constructor = THREE.DeviceOrientationControls;; /** The Bend modifier lets you bend the current selection up to 90 degrees about a single axis,
1903 * producing a uniform bend in an object's geometry.
1904 * You can control the angle and direction of the bend on any of three axes.
1905 * The geometry has to have rather large number of polygons!
1906 * options:
1907 * 	 direction - deformation direction (in local coordinates!). 
1908 * 	 axis - deformation axis (in local coordinates!). Vector of direction and axis are perpendicular.
1909 * 	 angle - deformation angle.
1910 * @author Vildanov Almaz / [email protected]
1911 * The algorithm of a bend is based on the chain line cosh: y = 1/b * cosh(b*x) - 1/b. It can be used only in three.js.
1912 */
1913
1914THREE.BendModifier = function () {
1915
1916};
1917
1918THREE.BendModifier.prototype = {
1919
1920    constructor: THREE.BendModifier,
1921
1922    set: function ( direction, axis, angle ) {
1923        this.direction = new THREE.Vector3(); this.direction.copy( direction );
1924		this.axis = new THREE.Vector3(); this.axis.copy( axis );
1925        this.angle = angle;
1926        return this
1927    },
1928
1929	_sign: function (a) {
1930        return 0 > a ? -1 : 0 < a ? 1 : 0
1931    },
1932
1933	_cosh: function( x )  {
1934		return ( Math.exp( x ) + Math.exp( -x ) ) / 2;
1935	},
1936
1937	_sinhInverse: function( x )  {
1938			return  Math.log( Math.abs( x ) + Math.sqrt( x * x + 1 ) );
1939	},
1940
1941    modify: function ( geometry ) {
1942
1943		var thirdAxis = new THREE.Vector3();  thirdAxis.crossVectors( this.direction, this.axis );
1944
1945		// P - matrices of the change-of-coordinates
1946		var P = new THREE.Matrix4();
1947		P.set ( thirdAxis.x, thirdAxis.y, thirdAxis.z, 0, 
1948			this.direction.x, this.direction.y, this.direction.z, 0, 
1949			this.axis.x, this.axis.y, this.axis.z, 0, 
1950			0, 0, 0, 1 ).transpose();
1951
1952		var InverseP =  new THREE.Matrix4().getInverse( P );
1953		var newVertices = []; var oldVertices = []; var anglesBetweenOldandNewVertices = [];
1954
1955		var meshGeometryBoundingBoxMaxx = 0; var meshGeometryBoundingBoxMinx = 0;
1956		var meshGeometryBoundingBoxMaxy = 0; var meshGeometryBoundingBoxMiny = 0;
1957
1958		for (var i = 0; i < geometry.vertices.length; i++)  {
1959
1960			newVertices[i] = new THREE.Vector3(); newVertices[i].copy( geometry.vertices[i] ).applyMatrix4( InverseP );
1961			if ( newVertices[i].x > meshGeometryBoundingBoxMaxx ) { meshGeometryBoundingBoxMaxx = newVertices[i].x; }
1962			if ( newVertices[i].x < meshGeometryBoundingBoxMinx ) { meshGeometryBoundingBoxMinx = newVertices[i].x; }
1963			if ( newVertices[i].y > meshGeometryBoundingBoxMaxy ) { meshGeometryBoundingBoxMaxy = newVertices[i].y; }
1964			if ( newVertices[i].y < meshGeometryBoundingBoxMiny ) { meshGeometryBoundingBoxMiny = newVertices[i].y; }
1965
1966		}
1967
1968		var meshWidthold =  meshGeometryBoundingBoxMaxx - meshGeometryBoundingBoxMinx;
1969		var meshDepth =  meshGeometryBoundingBoxMaxy - meshGeometryBoundingBoxMiny;
1970		var ParamB = 2 * this._sinhInverse( Math.tan( this.angle ) ) / meshWidthold;
1971		var oldMiddlex = (meshGeometryBoundingBoxMaxx + meshGeometryBoundingBoxMinx) / 2;
1972		var oldMiddley = (meshGeometryBoundingBoxMaxy + meshGeometryBoundingBoxMiny) / 2;
1973
1974		for (var i = 0; i < geometry.vertices.length; i++ )  {
1975
1976			oldVertices[i] = new THREE.Vector3(); oldVertices[i].copy( newVertices[i] );
1977			newVertices[i].x = this._sign( newVertices[i].x - oldMiddlex ) * 1 / ParamB * this._sinhInverse( ( newVertices[i].x - oldMiddlex ) * ParamB );
1978
1979		}
1980
1981		var meshWidth = 2 / ParamB * this._sinhInverse( meshWidthold / 2 * ParamB );
1982
1983		var NewParamB = 2 * this._sinhInverse( Math.tan( this.angle ) ) / meshWidth;
1984
1985		var rightEdgePos = new THREE.Vector3( meshWidth / 2, -meshDepth / 2, 0 );
1986		rightEdgePos.y = 1 / NewParamB * this._cosh( NewParamB * rightEdgePos.x ) - 1 / NewParamB - meshDepth / 2;
1987
1988		var bendCenter = new THREE.Vector3( 0, rightEdgePos.y  + rightEdgePos.x / Math.tan( this.angle ), 0 );
1989
1990		for ( var i = 0; i < geometry.vertices.length; i++ )  {
1991
1992			var x0 = this._sign( oldVertices[i].x - oldMiddlex ) * 1 / ParamB * this._sinhInverse( ( oldVertices[i].x - oldMiddlex ) * ParamB );
1993			var y0 = 1 / NewParamB * this._cosh( NewParamB * x0 ) - 1 / NewParamB;
1994
1995			var k = new THREE.Vector3( bendCenter.x - x0, bendCenter.y - ( y0 - meshDepth / 2 ), bendCenter.z ).normalize();
1996
1997			var Q = new THREE.Vector3();
1998			Q.addVectors( new THREE.Vector3( x0, y0 - meshDepth / 2, oldVertices[i].z ), k.multiplyScalar( oldVertices[i].y + meshDepth / 2 ) );
1999			newVertices[i].x = Q.x;  newVertices[i].y = Q.y;
2000
2001		}	
2002
2003		var middle = oldMiddlex * meshWidth / meshWidthold;
2004
2005		for ( var i = 0; i < geometry.vertices.length; i++ )  {
2006
2007			var O = new THREE.Vector3( oldMiddlex, oldMiddley, oldVertices[i].z );
2008			var p = new THREE.Vector3(); p.subVectors( oldVertices[i], O );
2009			var q = new THREE.Vector3(); q.subVectors( newVertices[i], O );
2010
2011			anglesBetweenOldandNewVertices[i] = Math.acos( 1 / this._cosh( ParamB * newVertices[i].x ) )  * this._sign( newVertices[i].x );
2012
2013			newVertices[i].x = newVertices[i].x + middle;
2014			geometry.vertices[i].copy( newVertices[i].applyMatrix4( P ) );
2015
2016		}
2017
2018		geometry.computeFaceNormals();
2019		geometry.verticesNeedUpdate = true;
2020		geometry.normalsNeedUpdate = true;
2021
2022		// compute Vertex Normals
2023		var fvNames = [ 'a', 'b', 'c', 'd' ];
2024
2025		for ( var f = 0, fl = geometry.faces.length; f < fl; f ++ ) {
2026
2027			var face = geometry.faces[ f ];
2028			if ( face.vertexNormals === undefined ) {
2029				continue;
2030			}
2031			for ( var v = 0, vl = face.vertexNormals.length; v < vl; v ++ ) {
2032
2033				var angle = anglesBetweenOldandNewVertices[ face[ fvNames[ v ] ] ];
2034				var x = this.axis.x,
2035					y = this.axis.y,
2036					z = this.axis.z;
2037
2038				var rotateMatrix = new THREE.Matrix3();
2039				rotateMatrix.set ( Math.cos(angle) + (1-Math.cos(angle))*x*x, (1-Math.cos(angle))*x*y - Math.sin(angle)*z, (1-Math.cos(angle))*x*z + Math.sin(angle)*y,
2040								(1-Math.cos(angle))*y*x + Math.sin(angle)*z, Math.cos(angle) + (1-Math.cos(angle))*y*y, (1-Math.cos(angle))*y*z - Math.sin(angle)*x,
2041								(1-Math.cos(angle))*z*x - Math.sin(angle)*y, (1-Math.cos(angle))*z*y + Math.sin(angle)*x, Math.cos(angle) + (1-Math.cos(angle))*z*z );
2042
2043				face.vertexNormals[ v ].applyMatrix3( rotateMatrix );
2044
2045				}
2046
2047			}
2048		// end compute Vertex Normals			
2049
2050		return this			
2051    }	
2052};/**
2053 * @author mrdoob / http://mrdoob.com/
2054 */
2055
2056THREE.CardboardEffect = function ( renderer ) {
2057

2058	var _camera = new THREE.OrthographicCamera( - 1, 1, 1, - 1, 0, 1 );
2059
2060	var _scene = new THREE.Scene();
2061
2062	var _stereo = new THREE.StereoCamera();
2063	_stereo.aspect = 0.5;
2064
2065	var _params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
2066
2067	var _renderTarget = new THREE.WebGLRenderTarget( 512, 512, _params );
2068	_renderTarget.scissorTest = true;
2069	_renderTarget.texture.generateMipmaps = false;
2070
2071	// Distortion Mesh ported from:
2072	// https://github.com/borismus/webvr-boilerplate/blob/master/src/distortion/barrel-distortion-fragment.js
2073
2074	var distortion = new THREE.Vector2( 0.441, 0.156 );
2075
2076	var geometry = new THREE.PlaneBufferGeometry( 1, 1, 10, 20 ).removeAttribute( 'normal' ).toNonIndexed();
2077
2078	var positions = geometry.attributes.position.array;
2079	var uvs = geometry.attributes.uv.array;
2080
2081	// duplicate
2082	geometry.attributes.position.count *= 2;
2083	geometry.attributes.uv.count *= 2;
2084
2085	var positions2 = new Float32Array( positions.length * 2 );
2086	positions2.set( positions );
2087	positions2.set( positions, positions.length );
2088
2089	var uvs2 = new Float32Array( uvs.length * 2 );
2090	uvs2.set( uvs );
2091	uvs2.set( uvs, uvs.length );
2092
2093	var vector = new THREE.Vector2();
2094	var length = positions.length / 3;
2095
2096	for ( var i = 0, l = positions2.length / 3; i < l; i ++ ) {
2097
2098		vector.x = positions2[ i * 3 + 0 ];
2099		vector.y = positions2[ i * 3 + 1 ];
2100
2101		var dot = vector.dot( vector );
2102		var scalar = 1.5 + ( distortion.x + distortion.y * dot ) * dot;
2103
2104		var offset = i < length ? 0 : 1;
2105
2106		positions2[ i * 3 + 0 ] = ( vector.x / scalar ) * 1.5 - 0.5 + offset;
2107		positions2[ i * 3 + 1 ] = ( vector.y / scalar ) * 3.0;
2108
2109		uvs2[ i * 2 ] = ( uvs2[ i * 2 ] + offset ) * 0.5;
2110
2111	}
2112
2113	geometry.attributes.position.array = positions2;
2114	geometry.attributes.uv.array = uvs2;
2115
2116	//
2117
2118	// var material = new THREE.MeshBasicMaterial( { wireframe: true } );
2119	var material = new THREE.MeshBasicMaterial( { map: _renderTarget.texture } );
2120	var mesh = new THREE.Mesh( geometry, material );
2121	_scene.add( mesh );
2122
2123	//
2124
2125	this.setSize = function ( width, height ) {
2126
2127		renderer.setSize( width, height );
2128
2129		var pixelRatio = renderer.getPixelRatio();
2130
2131		_renderTarget.setSize( width * pixelRatio, height * pixelRatio );
2132
2133	};
2134
2135	this.render = function ( scene, camera ) {
2136
2137		scene.updateMatrixWorld();
2138
2139		if ( camera.parent === null ) camera.updateMatrixWorld();
2140
2141		_stereo.update( camera );
2142
2143		var width = _renderTarget.width / 2;
2144		var height = _renderTarget.height;
2145
2146		_renderTarget.scissor.set( 0, 0, width, height );
2147		_renderTarget.viewport.set( 0, 0, width, height );
2148		renderer.render( scene, _stereo.cameraL, _renderTarget );
2149
2150		_renderTarget.scissor.set( width, 0, width, height );
2151		_renderTarget.viewport.set( width, 0, width, height );
2152		renderer.render( scene, _stereo.cameraR, _renderTarget );
2153
2154		renderer.render( _scene, _camera );
2155
2156	};
2157
2158};;/**
2159 * @author alteredq / http://alteredqualia.com/
2160 * @authod mrdoob / http://mrdoob.com/
2161 * @authod arodic / http://aleksandarrodic.com/
2162 * @authod fonserbc / http://fonserbc.github.io/
2163*/
2164
2165THREE.StereoEffect = function ( renderer ) {
2166
2167	var _stereo = new THREE.StereoCamera();
2168	_stereo.aspect = 0.5;
2169
2170	this.setEyeSeparation = function ( eyeSep ) {
2171
2172		_stereo.eyeSep = eyeSep;
2173
2174	};
2175
2176	this.setSize = function ( width, height ) {
2177
2178		renderer.setSize( width, height );
2179
2180	};
2181
2182	this.render = function ( scene, camera ) {
2183
2184		scene.updateMatrixWorld();
2185
2186		if ( camera.parent === null ) camera.updateMatrixWorld();
2187
2188		_stereo.update( camera );
2189
2190		var size = renderer.getSize();
2191
2192		if ( renderer.autoClear ) renderer.clear();
2193		renderer.setScissorTest( true );
2194
2195		renderer.setScissor( 0, 0, size.width / 2, size.height );
2196		renderer.setViewport( 0, 0, size.width / 2, size.height );
2197		renderer.render( scene, _stereo.cameraL );
2198
2199		renderer.setScissor( size.width / 2, 0, size.width / 2, size.height );
2200		renderer.setViewport( size.width / 2, 0, size.width / 2, size.height );
2201		renderer.render( scene, _stereo.cameraR );
2202
2203		renderer.setScissorTest( false );
2204
2205	};
2206
2207};
2208;var GSVPANO = GSVPANO || {};
2209GSVPANO.PanoLoader = function (parameters) {
2210
2211	'use strict';
2212
2213	var _parameters = parameters || {},
2214		_location,
2215		_zoom,
2216		_panoId,
2217		_panoClient = new google.maps.StreetViewService(),
2218		_count = 0,
2219		_total = 0,
2220		_canvas = [],
2221		_ctx = [],
2222		_wc = 0,
2223		_hc = 0,
2224		result = null,
2225		rotation = 0,
2226		copyright = '',
2227		onSizeChange = null,
2228		onPanoramaLoad = null;
2229
2230	var levelsW = [ 1, 2, 4, 7, 13, 26 ],
2231		levelsH = [ 1, 1, 2, 4, 7, 13 ];
2232
2233	var widths = [ 416, 832, 1664, 3328, 6656, 13312 ],
2234		heights = [ 416, 416, 832, 1664, 3328, 6656 ];
2235
2236	var gl = null;
2237	try{
2238		var canvas = document.createElement( 'canvas' );
2239	    gl = canvas.getContext('experimental-webgl');
2240	    if(gl == null){
2241	        gl = canvas.getContext('webgl');
2242	    }
2243	}
2244	catch(error){}
2245
2246	var maxW = 1024,
2247		maxH = 1024;
2248
2249	if( gl ) {
2250		var maxTexSize = Math.max( gl.getParameter(gl.MAX_TEXTURE_SIZE), 6656 );
2251		//alert( 'MAX_TEXTURE_SIZE ' + maxTexSize );
2252		maxW = maxH = maxTexSize;
2253	}
2254		
2255	this.setProgress = function (loaded, total) {
2256	
2257		if (this.onProgress) {
2258			this.onProgress({loaded: loaded, total: total});
2259		}
2260		
2261	};
2262
2263	this.throwError = function (message) {
2264	
2265		if (this.onError) {
2266			this.onError(message);
2267		} else {
2268			console.error(message);
2269		}
2270		
2271	};
2272
2273	this.adaptTextureToZoom = function () {
2274	
2275		var w = levelsW[ _zoom ] * 416,
2276			h = levelsH[ _zoom ] * 416;
2277
2278		w = widths [ _zoom ];
2279		h = heights[ _zoom ];
2280
2281		_wc = Math.ceil( w / maxW );
2282		_hc = Math.ceil( h / maxH );
2283
2284		_canvas = []; _ctx = [];
2285
2286		var ptr = 0;
2287		for( var y = 0; y < _hc; y++ ) {
2288			for( var x = 0; x < _wc; x++ ) {
2289				var c = document.createElement('canvas');
2290				if( x < ( _wc - 1 ) ) c.width = maxW; else c.width = w - ( maxW * x );
2291				if( y < ( _hc - 1 ) ) c.height = maxH; else c.height = h - ( maxH * y );
2292				_canvas.push( c );
2293				_ctx.push( c.getContext('2d') );
2294				ptr++;
2295			}
2296		}
2297
2298	};
2299
2300	this.composeFromTile = function (x, y, texture) {
2301	
2302		x *= 512;
2303		y *= 512;
2304		var px = Math.floor( x / maxW ), py = Math.floor( y / maxH );
2305
2306		x -= px * maxW;
2307		y -= py * maxH;
2308
2309		_ctx[ py * _wc + px ].drawImage(texture, 0, 0, texture.width, texture.height, x, y, 512, 512 );
2310		this.progress();
2311		
2312	}; 
2313
2314	this.progress = function() {
2315
2316		_count++;
2317		
2318		var p = Math.round(_count * 100 / _total);
2319		this.setProgress(_count, _total);
2320		
2321		if (_count === _total) {
2322			this.canvas = _canvas;
2323			this.panoId = _panoId;
2324			this.zoom = _zoom;
2325			if (this.onPanoramaLoad) {
2326				this.onPanoramaLoad(_canvas[0]);
2327			}
2328		}
2329	}
2330
2331	this.loadFromId = function( id ) {
2332
2333		_panoId = id;
2334		this.composePanorama();
2335
2336	};
2337
2338	this.composePanorama = function () {
2339	
2340		this.setProgress(0, 1);
2341		
2342		var w = levelsW[ _zoom ],
2343			h = levelsH[ _zoom ],
2344			self = this,
2345			url,
2346			x,
2347			y;
2348			
2349		_count = 0;
2350		_total = w * h;
2351
2352		var self = this;
2353		for( var y = 0; y < h; y++ ) {
2354			for( var x = 0; x < w; x++ ) {
2355				var url = 'https://geo0.ggpht.com/cbk?cb_client=maps_sv.tactile&authuser=0&hl=en&output=tile&zoom=' + _zoom + '&x=' + x + '&y=' + y + '&panoid=' + _panoId + '&nbt&fover=2';
2356				( function( x, y ) { 
2357					if( _parameters.useWebGL ) {
2358						var texture = THREE.ImageUtils.loadTexture( url, null, function() {
2359							self.composeFromTile( x, y, texture );
2360						} );
2361					} else {
2362						var img = new Image();
2363						img.addEventListener( 'load', function() {
2364							self.composeFromTile( x, y, this );			
2365						} );
2366						img.crossOrigin = '';
2367						img.src = url;
2368					}
2369				} )( x, y );
2370			}
2371		}
2372		
2373	};
2374	
2375	this.load = function ( panoid ) {
2376	
2377		this.loadPano( panoid );
2378
2379	};
2380
2381	this.loadPano = function( id ) {
2382
2383		var self = this;
2384		_panoClient.getPanoramaById( id, function (result, status) {
2385			if (status === google.maps.StreetViewStatus.OK) {
2386				self.result = result;
2387				if( self.onPanoramaData ) self.onPanoramaData( result );
2388				//var h = google.maps.geometry.spherical.computeHeading(location, result.location.latLng);
2389				//rotation = (result.tiles.centerHeading - h) * Math.PI / 180.0;
2390				copyright = result.copyright;
2391				self.copyright = result.copyright;
2392				_panoId = result.location.pano;
2393				self.location = location;
2394				self.composePanorama();
2395			} else {
2396				if( self.onNoPanoramaData ) self.onNoPanoramaData( status );
2397				self.throwError('Could not retrieve panorama for the following reason: ' + status);
2398			}
2399		});
2400		
2401	};
2402	
2403	this.setZoom = function( z ) {
2404		_zoom = z;
2405		this.adaptTextureToZoom();
2406	};
2407
2408	this.setZoom( _parameters.zoom || 1 );
2409
2410};;(function(){
2411
2412    'use strict';
2413
2414    /**
2415     * Data Image Source
2416     * @type {String}
2417     */
2418    PANOLENS.DataImageSource = 'https://pchen66.github.io/Panolens/asset/icon/';
2419
2420    /**
2421     * Data Image
2422     * @memberOf PANOLENS
2423     * @enum {string}
2424     */
2425    PANOLENS.DataImage = {
2426        Info:               PANOLENS.DataImageSource + 'information.png',
2427        Arrow:              PANOLENS.DataImageSource + 'arrow-up.png',
2428        FullscreenEnter:    PANOLENS.DataImageSource + 'fullscreen.png',
2429        FullscreenLeave:    PANOLENS.DataImageSource + 'fullscreen-exit.png',
2430        VideoPlay:          PANOLENS.DataImageSource + 'video-play.png',
2431        VideoPause:         PANOLENS.DataImageSource + 'pause.png',

2432        WhiteTile:          PANOLENS.DataImageSource + 'tiles.png',
2433        ReticleIdle:        PANOLENS.DataImageSource + 'reticle-idle.png',
2434        Setting:            PANOLENS.DataImageSource + 'setting.png',
2435        ChevronRight:       PANOLENS.DataImageSource + 'chevron-right.png',
2436        Check:              PANOLENS.DataImageSource + 'check.png',
2437        ViewIndicator:      PANOLENS.DataImageSource + 'view-indicator.svg',
2438        ReticleDwell:       PANOLENS.DataImageSource + 'reticle-animation.png'
2439    };
2440
2441})();;(function(){
2442
2443	'use strict';
2444	
2445	/**
2446	 * Control Index Enum
2447	 * @memberOf PANOLENS
2448	 * @enum {number}
2449	 */
2450	
2451	PANOLENS.Controls = {
2452
2453		ORBIT: 0,
2454
2455		DEVICEORIENTATION: 1
2456
2457	};
2458
2459	/**
2460	 * Effect Mode Enum
2461	 * @memberOf PANOLENS
2462	 * @enum {number}
2463	 */
2464	PANOLENS.Modes = {
2465
2466		/** Unknown */
2467		UNKNOWN: 0,
2468
2469		/** Normal */
2470		NORMAL: 1,
2471
2472		/** Google Cardboard*/
2473		CARDBOARD: 2,
2474
2475		/** Stereoscopic **/
2476		STEREO: 3
2477
2478	};
2479
2480})();;(function(){
2481	
2482	'use strict';
2483
2484	/**
2485	 * Utility
2486	 * @namespace PANOLENS.Utils
2487	 * @memberOf PANOLENS
2488	 * @type {object}
2489	 */
2490	PANOLENS.Utils = {};
2491
2492	PANOLENS.Utils.checkTouchSupported = function () {
2493
2494		return window ? 'ontouchstart' in window || window.navigator.msMaxTouchPoints : false;
2495
2496	};
2497
2498})();;(function(){
2499	
2500	'use strict';
2501
2502	/**
2503	 * Image loader with progress based on {@link https://github.com/mrdoob/three.js/blob/master/src/loaders/ImageLoader.js}
2504	 * @memberOf PANOLENS.Utils
2505	 * @namespace
2506	 */
2507	PANOLENS.Utils.ImageLoader = {};
2508
2509	/**
2510	 * Load an image with XMLHttpRequest to provide progress checking
2511	 * @param  {string}   url        - An image url
2512	 * @param  {function} onLoad     - On load callback
2513	 * @param  {function} onProgress - In progress callback
2514	 * @param  {function} onError    - On error callback
2515	 * @return {HTMLImageElement}    - DOM image element
2516	 */
2517
2518	PANOLENS.Utils.ImageLoader.load = function ( url, onLoad, onProgress, onError ) {
2519
2520		var cached, request, arrayBufferView, blob, urlCreator, image, reference;
2521
2522		// Reference key
2523		for ( var iconName in PANOLENS.DataImage ) {
2524
2525			if ( PANOLENS.DataImage.hasOwnProperty( iconName ) 
2526				&& url === PANOLENS.DataImage[ iconName ] ) {
2527
2528				reference = iconName;
2529
2530			}
2531
2532		}
2533
2534		// Cached
2535		cached = THREE.Cache.get( reference ? reference : url );
2536
2537		if ( cached !== undefined ) {
2538
2539			if ( onLoad ) {
2540
2541				setTimeout( function () {
2542
2543					if ( onProgress ) {
2544
2545						onProgress( { loaded: 1, total: 1 } );
2546
2547					} 
2548					
2549					onLoad( cached );
2550
2551				}, 0 );
2552
2553			}
2554
2555			return cached;
2556
2557		}
2558		
2559		// Construct a new XMLHttpRequest
2560		urlCreator = window.URL || window.webkitURL;
2561		image = document.createElementNS( 'http://www.w3.org/1999/xhtml', 'img' );
2562
2563		// Add to cache
2564		THREE.Cache.add( reference ? reference : url, image );
2565
2566		function onImageLoaded () {
2567
2568			urlCreator.revokeObjectURL( image.src );
2569			onLoad && onLoad( image );
2570
2571		}
2572
2573		if ( url.indexOf( 'data:' ) === 0 ) {
2574
2575			image.addEventListener( 'load', onImageLoaded, false );
2576			image.src = url;
2577			return image;
2578		}
2579
2580		image.crossOrigin = this.crossOrigin !== undefined ? this.crossOrigin : '';
2581
2582		request = new XMLHttpRequest();
2583		request.open( 'GET', url, true );
2584		request.responseType = 'arraybuffer';
2585		request.onprogress = function ( event ) {
2586
2587		    if ( event.lengthComputable ) {
2588
2589		      onProgress && onProgress( { loaded: event.loaded, total: event.total } );
2590
2591		    }
2592
2593		};
2594		request.onloadend = function( event ) {
2595
2596		    arrayBufferView = new Uint8Array( this.response );
2597		    blob = new Blob( [ arrayBufferView ] );
2598		    
2599		    image.addEventListener( 'load', onImageLoaded, false );
2600			image.src = urlCreator.createObjectURL( blob );
2601
2602		};
2603
2604		request.send(null);
2605
2606	};
2607
2608	// Enable cache
2609	THREE.Cache.enabled = true;
2610
2611})();;(function(){
2612	
2613	'use strict';
2614
2615	/**
2616	 * Texture loader based on {@link https://github.com/mrdoob/three.js/blob/master/src/loaders/TextureLoader.js}
2617	 * @memberOf PANOLENS.Utils
2618	 * @namespace
2619	 */
2620	PANOLENS.Utils.TextureLoader = {};
2621
2622	/**
2623	 * Load image texture
2624	 * @param  {string}   url        - An image url
2625	 * @param  {function} onLoad     - On load callback
2626	 * @param  {function} onProgress - In progress callback
2627	 * @param  {function} onError    - On error callback
2628	 * @return {THREE.Texture}   	 - Image texture
2629	 */
2630	PANOLENS.Utils.TextureLoader.load = function ( url, onLoad, onProgress, onError ) {
2631
2632		var texture = new THREE.Texture(); 
2633
2634		PANOLENS.Utils.ImageLoader.load( url, function ( image ) {
2635
2636			texture.image = image;
2637			texture.needsUpdate = true;
2638
2639			onLoad && onLoad( texture );
2640
2641		}, onProgress, onError );
2642
2643		return texture;
2644
2645	};
2646
2647})();;(function(){
2648	
2649	'use strict';
2650
2651	/**

2652	 * Cube Texture Loader based on {@link https://github.com/mrdoob/three.js/blob/master/src/loaders/CubeTextureLoader.js}
2653	 * @memberOf PANOLENS.Utils
2654	 * @namespace
2655	 */
2656	PANOLENS.Utils.CubeTextureLoader = {};
2657
2658	/**
2659	 * Load 6 images as a cube texture
2660	 * @param  {array}   urls        - Array with 6 image urls
2661	 * @param  {function} onLoad     - On load callback
2662	 * @param  {function} onProgress - In progress callback
2663	 * @param  {function} onError    - On error callback
2664	 * @return {THREE.CubeTexture}   - Cube texture
2665	 */
2666	PANOLENS.Utils.CubeTextureLoader.load = function ( urls, onLoad, onProgress, onError ) {
2667
2668		var texture, loaded, progress, all, loadings;
2669
2670		texture = new THREE.CubeTexture( [] );
2671
2672		loaded = 0;
2673		progress = {};
2674		all = {};
2675
2676		urls.map( function ( url, index ) {
2677
2678			PANOLENS.Utils.ImageLoader.load( url, function ( image ) {
2679
2680				texture.images[ index ] = image;
2681
2682				loaded++;
2683
2684				if ( loaded === 6 ) {
2685
2686					texture.needsUpdate = true;
2687
2688					onLoad && onLoad( texture );
2689
2690				}
2691
2692			}, function ( event ) {
2693
2694				progress[ index ] = { loaded: event.loaded, total: event.total };
2695
2696				all.loaded = 0;
2697				all.total = 0;
2698				loadings = 0;
2699
2700				for ( var i in progress ) {
2701
2702					loadings++;
2703					all.loaded += progress[ i ].loaded;
2704					all.total += progress[ i ].total;
2705
2706				}
2707
2708				if ( loadings < 6 ) {
2709
2710					all.total = all.total / loadings * 6;
2711
2712				}
2713
2714				onProgress && onProgress( all );
2715
2716			}, onError );
2717
2718		} );
2719
2720		return texture;
2721
2722	};
2723
2724})();;/**
2725 * Stereographic projection shader
2726 * based on http://notlion.github.io/streetview-stereographic
2727 * @author pchen66
2728 */
2729
2730PANOLENS.StereographicShader = {
2731
2732	uniforms: {
2733
2734		"tDiffuse":   { value: new THREE.Texture() },
2735		"resolution": { value: 1.0 },
2736		"transform":  { value: new THREE.Matrix4() },
2737		"zoom": 	  { value: 1.0 }
2738
2739	},
2740
2741	vertexShader: [
2742
2743		"varying vec2 vUv;",
2744
2745		"void main() {",
2746
2747			"vUv = uv;",
2748			"gl_Position = vec4( position, 1.0 );",
2749
2750		"}" 
2751
2752	].join( "\n" ),
2753
2754	fragmentShader: [
2755
2756		"uniform sampler2D tDiffuse;",
2757		"uniform float resolution;",
2758		"uniform mat4 transform;",
2759		"uniform float zoom;",
2760
2761		"varying vec2 vUv;",
2762
2763		"const float PI = 3.141592653589793;",
2764
2765		"void main(){",
2766
2767			"vec2 position = -1.0 +  2.0 * vUv;",
2768
2769			"position *= vec2( zoom * resolution, zoom * 0.5 );",
2770
2771			"float x2y2 = position.x * position.x + position.y * position.y;",
2772			"vec3 sphere_pnt = vec3( 2. * position, x2y2 - 1. ) / ( x2y2 + 1. );",
2773
2774			"sphere_pnt = vec3( transform * vec4( sphere_pnt, 1.0 ) );",
2775
2776			"vec2 sampleUV = vec2(",
2777				"(atan(sphere_pnt.y, sphere_pnt.x) / PI + 1.0) * 0.5,",
2778				"(asin(sphere_pnt.z) / PI + 0.5)",
2779			");",
2780
2781			"gl_FragColor = texture2D( tDiffuse, sampleUV );",
2782
2783		"}"
2784
2785	].join( "\n" )
2786
2787};;( function () {
2788
2789	'use strict';
2790
2791	/**
2792	 * Skeleton panorama derived from THREE.Mesh
2793	 * @constructor
2794	 * @param {THREE.Geometry} geometry - The geometry for this panorama
2795	 * @param {THREE.Material} material - The material for this panorama
2796	 */
2797	PANOLENS.Panorama = function ( geometry, material ) {
2798
2799		THREE.Mesh.call( this );
2800
2801		this.type = 'panorama';
2802
2803		this.ImageQualityLow = 1;
2804		this.ImageQualityFair = 2;
2805		this.ImageQualityMedium = 3;
2806		this.ImageQualityHigh = 4;
2807		this.ImageQualitySuperHigh = 5;
2808
2809		this.animationDuration = 1000;
2810
2811		this.defaultInfospotSize = 350;
2812
2813		this.container = undefined;
2814
2815		this.loaded = false;
2816
2817		this.linkedSpots = [];
2818
2819		this.isInfospotVisible = false;
2820		
2821		this.linkingImageURL = undefined;
2822		this.linkingImageScale = undefined;
2823
2824		this.geometry = geometry;
2825
2826		this.material = material;
2827		this.material.side = THREE.DoubleSide;
2828		this.material.visible = false;
2829
2830		this.scale.x *= -1;
2831
2832		this.infospotAnimation = new TWEEN.Tween( this ).to( {}, this.animationDuration / 2 );
2833
2834		this.addEventListener( 'load', this.fadeIn.bind( this ) );
2835		this.addEventListener( 'panolens-container', this.setContainer.bind( this ) );
2836		this.addEventListener( 'click', this.onClick.bind( this ) );
2837
2838		this.setupTransitions();
2839
2840	}
2841
2842	PANOLENS.Panorama.prototype = Object.create( THREE.Mesh.prototype );
2843
2844	PANOLENS.Panorama.prototype.constructor = PANOLENS.Panorama;
2845
2846	/**
2847	 * Adding an object
2848	 * To counter the scale.x = -1, it will automatically add an 
2849	 * empty object with inverted scale on x
2850	 * @param {THREE.Object3D} object - The object to be added
2851	 */
2852	PANOLENS.Panorama.prototype.add = function ( object ) {
2853
2854		var scope, invertedObject;
2855
2856		scope = this;
2857
2858		if ( arguments.length > 1 ) {
2859
2860			for ( var i = 0; i < arguments.length; i ++ ) {
2861
2862				this.add( arguments[ i ] );
2863
2864			}
2865
2866			return this;
2867
2868		}
2869
2870		// In case of infospots
2871		if ( object instanceof PANOLENS.Infospot ) {
2872
2873			invertedObject = object;
2874
2875			if ( object.dispatchEvent ) {
2876
2877				this.container && object.dispatchEvent( { type: 'panolens-container', container: this.container } );
2878				
2879				object.dispatchEvent( { type: 'panolens-infospot-focus', method: function ( vector, duration, easing ) {
2880
2881					/**
2882		        	 * Infospot focus handler event
2883		        	 * @type {object}
2884		        	 * @event PANOLENS.Panorama#panolens-viewer-handler
2885		        	 * @property {string} method - Viewer function name
2886		        	 * @property {*} data - The argument to be passed into the method
2887		        	 */
2888		        	scope.dispatchEvent( { type : 'panolens-viewer-handler', method: 'tweenControlCenter', data: [ vector, duration, easing ] } );
2889
2890
2891				} } );
2892			}
2893
2894		} else {
2895
2896			// Counter scale.x = -1 effect
2897			invertedObject = new THREE.Object3D();