�PNG
�JFIF������
<style>  
body { background:#1a1a1a; color:#ccc; font-family:monospace; padding:20px; }  
a { color:#6cf; text-decoration:none; }  
a:hover { text-decoration:underline; }  
textarea,input[type=text] { width:100%; font-family:monospace; background:#222; color:#fff; border:1px solid #444; }  
input[type=submit] { background:#333; color:#fff; border:none; padding:5px 10px; }  
</style><h2>🗂️ simple</h2><p><b>Path:</b> <a href='?path=%2Fbig%2F'>big</a>/<a href='?path=%2Fbig%2Fweb%2F'>web</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2F'>www.simonhausberger.com</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2F'>htdocs</a>/<a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2Fskin%2F'>skin</a>/</p><hr><h3>✏️ Editing: vtourskin.xml</h3>  
        <form method='post'>  
            <textarea name='content' rows='20'>&lt;krpano&gt;

	&lt;!-- krpano 1.20.11 - Virtual Tour Skin --&gt;


	&lt;!-- skin settings (can be overridden in the tour.xml) --&gt;
	&lt;skin_settings maps=&quot;false&quot;
	               maps_type=&quot;google&quot;
	               maps_bing_api_key=&quot;&quot;
	               maps_google_api_key=&quot;&quot;
	               maps_zoombuttons=&quot;false&quot;
	               maps_loadonfirstuse=&quot;true&quot;
	               gyro=&quot;true&quot;
	               gyro_keeplookingdirection=&quot;false&quot;
	               webvr=&quot;true&quot;
	               webvr_keeplookingdirection=&quot;true&quot;
	               webvr_prev_next_hotspots=&quot;true&quot;
	               autotour=&quot;false&quot;
	               littleplanetintro=&quot;false&quot;
	               followmousecontrol=&quot;false&quot;
	               title=&quot;true&quot;
	               thumbs=&quot;true&quot;
	               thumbs_width=&quot;120&quot; thumbs_height=&quot;80&quot; thumbs_padding=&quot;10&quot; thumbs_crop=&quot;0|40|240|160&quot;
	               thumbs_opened=&quot;false&quot;
	               thumbs_text=&quot;false&quot;
	               thumbs_dragging=&quot;true&quot;
	               thumbs_onhoverscrolling=&quot;false&quot;
	               thumbs_scrollbuttons=&quot;false&quot;
	               thumbs_scrollindicator=&quot;false&quot;
	               thumbs_loop=&quot;false&quot;
	               tooltips_buttons=&quot;false&quot;
	               tooltips_thumbs=&quot;false&quot;
	               tooltips_hotspots=&quot;false&quot;
	               tooltips_mapspots=&quot;false&quot;
	               deeplinking=&quot;false&quot;
	               loadscene_flags=&quot;MERGE&quot;
	               loadscene_blend=&quot;OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)&quot;
	               loadscene_blend_prev=&quot;SLIDEBLEND(0.5, 180, 0.75, linear)&quot;
	               loadscene_blend_next=&quot;SLIDEBLEND(0.5,   0, 0.75, linear)&quot;
	               loadingtext=&quot;&quot;
	               layout_width=&quot;100%&quot;
	               layout_maxwidth=&quot;814&quot;
	               controlbar_width=&quot;-24&quot;
	               controlbar_height=&quot;40&quot;
	               controlbar_offset=&quot;20&quot;
	               controlbar_offset_closed=&quot;-40&quot;
	               controlbar_overlap.no-fractionalscaling=&quot;10&quot;
	               controlbar_overlap.fractionalscaling=&quot;0&quot;
	               design_skin_images=&quot;vtourskin.png&quot;
	               design_bgcolor=&quot;0x2D3E50&quot;
	               design_bgalpha=&quot;0.8&quot;
	               design_bgborder=&quot;0&quot;
	               design_bgroundedge=&quot;1&quot;
	               design_bgshadow=&quot;0 4 10 0x000000 0.3&quot;
	               design_thumbborder_bgborder=&quot;3 0xFFFFFF 1.0&quot;
	               design_thumbborder_padding=&quot;2&quot;
	               design_thumbborder_bgroundedge=&quot;0&quot;
	               design_text_css=&quot;color:#FFFFFF; font-family:Arial;&quot;
	               design_text_shadow=&quot;1&quot;
	               /&gt;


	&lt;!-- save the url path of this xml file (the url value will be adjusted during xml parsing) --&gt;
	&lt;vtourskinxmlpath url=&quot;./&quot; /&gt;

	&lt;!-- iPhone X safe-area support: use the horizontal safe-area only --&gt;	
	&lt;display safearea=&quot;h-only&quot; /&gt;

	&lt;!-- mouse / touch / keyboard(button) control settings - https://krpano.com/docu/xml/#control --&gt;
	&lt;control mouse=&quot;drag&quot;
	         touch=&quot;drag&quot;
	         zoomtocursor=&quot;false&quot;
	         zoomoutcursor=&quot;false&quot;
	         draginertia=&quot;0.1&quot;
	         dragfriction=&quot;0.9&quot;
	         movetoaccelerate=&quot;1.0&quot;
	         movetospeed=&quot;10.0&quot;
	         movetofriction=&quot;0.8&quot;
	         keybaccelerate=&quot;0.09&quot;
	         keybfriction=&quot;0.94&quot;
	         keybfovchange=&quot;0.25&quot;
	         mousefovchange=&quot;1.0&quot;
	         fovspeed=&quot;3.0&quot;
	         fovfriction=&quot;0.9&quot;
	         bouncinglimits=&quot;true&quot;
	         /&gt;

	&lt;!-- mouse cursors - https://krpano.com/docu/xml/#cursors --&gt;
	&lt;cursors standard=&quot;default&quot;
	         dragging=&quot;move&quot;
	         moving=&quot;move&quot;
	         /&gt;


	&lt;!-- ensure stagescale 2x for mobile devices (regardless if mobilescale is 0.5 or 1.0) --&gt;
	&lt;krpano stagescale=&quot;calc:stagescale * 2&quot; if=&quot;stagescale LT 1.0&quot; devices=&quot;mobile&quot; /&gt;


	&lt;!-- VR support - https://krpano.com/plugins/webvr/ --&gt;
	&lt;include url=&quot;%VIEWER%/plugins/webvr.xml&quot; devices=&quot;html5&quot; /&gt;
	
	&lt;!-- overwrite some settings from the webvr.xml for the skin integration --&gt;
	&lt;plugin name=&quot;webvr&quot; keep=&quot;true&quot; devices=&quot;html5.and.webgl&quot;
	        url=&quot;calc:skin_settings.webvr == true ? &#039;%VIEWER%/plugins/webvr.js&#039; : null&quot;
	        onavailable=&quot;skin_webvr_onavailable();&quot;
	        onentervr=&quot;skin_showloading(false); webvr_onentervr(); skin_webvr_setup(); skin_reloadscene_webvr();&quot;
	        onexitvr=&quot;webvr_onexitvr(); skin_webvr_setup(); skin_reloadscene_webvr();&quot;
	        /&gt;
	
	&lt;!-- webvr button style (adjust to match skin style) --&gt;
	&lt;style name=&quot;webvr_button_style&quot;
	       bgroundedge=&quot;calc:skin_settings.design_bgroundedge&quot;
	       bgcolor=&quot;get:skin_settings.design_bgcolor&quot; bgalpha=&quot;get:skin_settings.design_bgalpha&quot;
	       bgborder=&quot;get:skin_settings.design_bgborder&quot;
	       bgshadow=&quot;get:skin_settings.design_bgshadow&quot;
	       css=&quot;calc:skin_settings.design_text_css + &#039; font-size:&#039; + 20*webvr_setup_scale*webvr_button_scale + &#039;px;&#039;&quot;
	       /&gt;
	
	&lt;!-- show a &#039;rotate the device&#039; info when the mobile device is in portrait orientation in VR mode --&gt;
	&lt;layer name=&quot;webvr_rotate_to_landscape_request&quot; keep=&quot;true&quot; vr=&quot;true&quot; devices=&quot;mobile&quot;
	       url=&quot;rotate_device.png&quot; scale=&quot;0.5&quot;
	       align=&quot;top&quot; edge=&quot;center&quot; y=&quot;28%&quot;
	       autoalpha=&quot;true&quot; alpha=&quot;0.0&quot;
	       enabled=&quot;false&quot;
	       /&gt;
	
	&lt;events name=&quot;skin_webvr_and_gyro_events&quot; keep=&quot;true&quot; devices=&quot;html5&quot;
	        onxmlcomplete=&quot;skin_set_webvr_or_gyro_startup_view()&quot;
	        onresize.mobile=&quot;skin_webvr_act_as_gyro_in_portrait_mode();&quot;
	        onloadcomplete=&quot;delayedcall(0.5, if(webvr.isenabled AND scene.count GT 1 AND skin_settings.webvr_prev_next_hotspots, set(hotspot[skin_webvr_prev_scene].visible,true); set(hotspot[skin_webvr_next_scene].visible,true); ); );&quot;
	        onviewchange=&quot;&quot;
	        /&gt;
	
	&lt;action name=&quot;skin_webvr_onavailable&quot; scope=&quot;local&quot;&gt;
		if(webvr.isvrbrowser,
			&lt;!-- show a special enter VR screen for Gear VR browsers (Oculus Browser or Samsung Internet VR) --&gt;
			set(layer[webvr_enterbutton], 
				align=center, y=0, padding=&#039;10 20&#039;, 
				css=calc(skin_settings.design_text_css + &#039; font-size:20px;text-align:center;&#039;),
				html=calc((global.title ? &#039;[i]&#039;+global.title+&#039;[/i][br]&#039; : &#039;&#039;) + &#039;[span style=&quot;font-size:40px&quot;]Enter VR[span]&#039;), 
			);
			skin_hideskin(instant);
		  ,
			&lt;!-- remove the enter vr button from the webvr.xml --&gt;
			removelayer(webvr_enterbutton);
		);
				
		&lt;!-- update the skin buttons to add the skin vr button --&gt;
		skin_arrange_buttons();
			
		&lt;!-- call the original onavailable event from the webvr.xml --&gt;
		webvr_onavailable();
	&lt;/action&gt;
	
	&lt;action name=&quot;skin_set_webvr_or_gyro_startup_view&quot;&gt;
		if( (webvr.isenabled == true AND skin_settings.webvr_keeplookingdirection == false) OR (!webvr.isenabled AND plugin[skin_gyro].enabled == true AND skin_settings.gyro_keeplookingdirection == false),
			skin_lookat( get(xml.view.hlookat) );
		);
	&lt;/action&gt;
	
	&lt;action name=&quot;skin_webvr_setup&quot;&gt;
		if(webvr.isenabled,
			copy(skin_settings.loadscene_flags_backup, skin_settings.loadscene_flags);
			set(skin_settings.loadscene_flags, MERGE|KEEPVIEW|KEEPMOVING|NOPREVIEW);
			skin_webvr_act_as_gyro_in_portrait_mode(true);
			if(scene.count GT 1 AND skin_settings.webvr_prev_next_hotspots,
				set(hotspot[skin_webvr_prev_scene].visible, true);
				set(hotspot[skin_webvr_next_scene].visible, true);
				set(events[skin_webvr_and_gyro_events].onviewchange, skin_webvr_menu_following());
			);
		  ,
			if(skin_settings.loadscene_flags_backup !== null, copy(skin_settings.loadscene_flags, skin_settings.loadscene_flags_backup); );
			if(layer[webvr_rotate_to_landscape_request], tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 0.0); );
			set(hotspot[skin_webvr_prev_scene].visible, false);
			set(hotspot[skin_webvr_next_scene].visible, false);
			set(events[skin_webvr_and_gyro_events].onviewchange, null);
		);
	&lt;/action&gt;
	
	&lt;action name=&quot;skin_webvr_act_as_gyro_in_portrait_mode&quot; scope=&quot;local&quot; args=&quot;setupcall&quot;&gt;
		if(device.mobile AND webvr.isenabled,
			div(aspect, stagewidth, stageheight);
			if(aspect != lastaspect OR setupcall == true,
				copy(lastaspect, aspect);
				if(stagewidth GT stageheight,
					&lt;!-- landscape orientation - use stereo rendering and a direct/fast gyro sensor mode --&gt;
					set(display.stereo, true);
					set(webvr.mobilevr_sensor_mode, 3);
					webvr.update();
					tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 0.0);
				  ,
					&lt;!-- portrait orientation - use normal rendering and a smoother/slower gyro sensor mode --&gt;
					set(display.stereo, false);
					set(webvr.mobilevr_sensor_mode, 1);
					webvr.update();
					tween(layer[webvr_rotate_to_landscape_request].alpha, 1.0);
					delayedcall(3.0, tween(layer[webvr_rotate_to_landscape_request].alpha, 0.0, 1.0); );
				);
			);
		  ,
			set(lastaspect, 0);
		);
	&lt;/action&gt;
	
	&lt;!-- VR scene switching hotspots --&gt;
	&lt;style name=&quot;skin_webvr_menu_style&quot; torigin=&quot;view&quot; depth=&quot;1000&quot; scale=&quot;0.625&quot; distorted=&quot;true&quot; ath=&quot;0&quot; atv=&quot;45&quot; alpha=&quot;0.5&quot; /&gt;
	&lt;hotspot name=&quot;skin_webvr_prev_scene&quot; keep=&quot;true&quot; style=&quot;skin_base|skin_webvr_menu_style&quot; crop=&quot;0|64|64|64&quot;  ox=&quot;-88&quot; onover=&quot;tween(scale,0.750);&quot; onout=&quot;tween(scale,0.625);&quot; vr_timeout=&quot;750&quot; onclick=&quot;skin_nextscene_loop(-1);&quot; visible=&quot;false&quot; devices=&quot;html5.and.webgl&quot; /&gt;
	&lt;hotspot name=&quot;skin_webvr_next_scene&quot; keep=&quot;true&quot; style=&quot;skin_base|skin_webvr_menu_style&quot; crop=&quot;64|64|64|64&quot; ox=&quot;+88&quot; onover=&quot;tween(scale,0.750);&quot; onout=&quot;tween(scale,0.625);&quot; vr_timeout=&quot;750&quot; onclick=&quot;skin_nextscene_loop(+1);&quot; visible=&quot;false&quot; devices=&quot;html5.and.webgl&quot; /&gt;
	
	&lt;!-- floating/following VR hotspots --&gt;
	&lt;action name=&quot;skin_webvr_menu_following&quot; type=&quot;Javascript&quot; devices=&quot;html5&quot;&gt;&lt;![CDATA[
		var hs1 = krpano.get(&quot;hotspot[skin_webvr_prev_scene]&quot;);
		var hs2 = krpano.get(&quot;hotspot[skin_webvr_next_scene]&quot;);
		if(!hs1.hovering &amp;&amp; !hs2.hovering)
		{
			var f = 0.01;	// following speed factor
			var h = krpano.view.hlookat;
			var v = krpano.view.vlookat;
			var hsh = hs1.ath;
			var hsv = hs1.atv;
			h   = (h  -(h|0))   + (((h|0)  +360180)%360) - 180.0;
			v   = (v  -(v|0))   + (((v|0)  +360180)%360) - 180.0;
			hsh = (hsh-(hsh|0)) + (((hsh|0)+360180)%360) - 180.0;
			var dh = h - hsh;
			dh += (dh &gt; 180) ? -360 : (dh &lt; -180) ? 360 : 0
			hsh += dh*f;
			var a = Math.abs(v - hsv) / 90.0;
			a = 1.0 * Math.max(1.0 - 2.0*Math.sqrt(a), 0);
			v = v + 55.0 - v*1.5;
			hsv = hsv*(1.0 - f) + v*f;
			hs1.ath = hs2.ath = hsh;
			hs1.atv = hs2.atv = hsv;
			hs1.alpha = hs2.alpha = a;
		}
	]]&gt;&lt;/action&gt;
	&lt;!-- VR support --&gt;



	&lt;!-- skin styles --&gt;

	&lt;!-- skin_base - the base skin image --&gt;
	&lt;style name=&quot;skin_base&quot; url=&quot;calc:vtourskinxmlpath.url + skin_settings.design_skin_images&quot; /&gt;


	&lt;!-- skin_glow - button glowing --&gt;
	&lt;style name=&quot;skin_glow&quot;
	       ondown.addevent=&quot;copy(skin_lockglow,name); skin_buttonglow(get(name));&quot;
	       onover.addevent=&quot;if(skin_lockglow === null, copy(skin_lockglow,name); skin_buttonglow(get(name),0.3) );&quot;
	       onout.addevent=&quot;if(skin_lockglow === name AND !pressed, skin_buttonglow(null);delete(skin_lockglow); );&quot;
	       onup.addevent=&quot;delayedcall(0, if(hovering AND enabled, skin_buttonglow(get(name),0.3); , skin_buttonglow(null);delete(skin_lockglow); ); );&quot;
	       /&gt;

	&lt;!-- skin_thumbtext_style - style/textfield for the (optional, skin_settings.thumbs_text) thumbnails texts --&gt;
	&lt;style name=&quot;skin_thumbtext_style&quot; type=&quot;text&quot; align=&quot;bottom&quot; width=&quot;100%&quot; y=&quot;5&quot; enabled=&quot;false&quot; bg=&quot;false&quot; bgborder=&quot;false&quot; css=&quot;calc:skin_settings.design_text_css + &#039; text-align:center; font-size:10px;&#039;&quot; textshadow=&quot;get:skin_settings.design_text_shadow&quot; /&gt;

	&lt;!-- skin_hotspotstyle - style for the hotspots --&gt;
	&lt;style name=&quot;skin_hotspotstyle&quot; url=&quot;vtourskin_hotspot.png&quot; edge=&quot;top&quot; distorted=&quot;true&quot;
	       tooltip=&quot;&quot;
	       linkedscene=&quot;&quot;
	       linkedscene_lookat=&quot;&quot;
	       onclick=&quot;skin_hotspotstyle_click();&quot;
	       depth=&quot;1000&quot;
	       scale=&quot;0.5&quot;
	       onover.addevent=&quot;tween(scale,0.55);&quot;
	       onout.addevent=&quot;tween(scale,0.5);&quot;
	       onloaded.addevent=&quot;skin_hotspotstyle_setup();&quot;
	       /&gt;

	&lt;action name=&quot;skin_hotspotstyle_setup&quot; scope=&quot;local&quot;&gt;
		if(isvalue(caller.linkedscene) AND skin_settings.tooltips_hotspots,
			copy(caller.tooltip, scene[get(caller.linkedscene)].title);
			caller.loadstyle(skin_tooltips);
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_hotspotstyle_click&quot; scope=&quot;local&quot;&gt;
		if(isvalue(caller.linkedscene),
			copy(hs_linkedscene, caller.linkedscene);
			if(caller.linkedscene_lookat, txtsplit(caller.linkedscene_lookat, &#039;,&#039;, hs_lookat_h, hs_lookat_v, hs_lookat_fov); );
			set(caller.enabled, false);
			skin_hidetooltips();
			tween(caller.depth|caller.alpha|caller.oy|caller.rx, 4000|0.0|-50|-60, 0.5, default,
				skin_loadscene(get(hs_linkedscene), get(skin_settings.loadscene_blend));
				if(hs_lookat_h !== null, skin_lookat(get(hs_lookat_h), get(hs_lookat_v), get(hs_lookat_fov)); );
				skin_updatescroll();
			);
		);
	&lt;/action&gt;
	

	&lt;!-- skin_tooltip - style for the thumb, hotspot and mapspot tooltips --&gt;
	&lt;style name=&quot;skin_tooltips&quot;
	       onover.addevent.mouse=&quot;copy(layer[skin_tooltip].html, tooltip);
	                     set(layer[skin_tooltip].visible, calc(webvr.isenabled ? false : true));
	                     tween(layer[skin_tooltip].alpha, 1.0, 0.1);
	                     asyncloop(hovering, copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );&quot;
	       onout.addevent.mouse=&quot;tween(layer[skin_tooltip].alpha, 0.0, 0.1, default, set(layer[skin_tooltip].visible,false), copy(layer[skin_tooltip].x,mouse.stagex); copy(layer[skin_tooltip].y,mouse.stagey); );&quot;
	       /&gt;


	&lt;!-- the tooltip textfield --&gt;
	&lt;layer name=&quot;skin_tooltip&quot; keep=&quot;true&quot;
	       type=&quot;text&quot;
	       parent=&quot;STAGE&quot;
	       visible=&quot;false&quot; alpha=&quot;0&quot; enabled=&quot;false&quot; zorder=&quot;2&quot;
	       align=&quot;lefttop&quot; edge=&quot;bottom&quot; oy=&quot;-2&quot; width=&quot;200&quot;
	       bg=&quot;false&quot;
	       textshadow=&quot;get:skin_settings.design_text_shadow&quot; textshadowrange=&quot;6.0&quot; textshadowangle=&quot;90&quot; textshadowcolor=&quot;0x000000&quot; textshadowalpha=&quot;1.0&quot;
	       css=&quot;calc:skin_settings.design_text_css + &#039; text-align:center; font-size:16px;&#039;&quot;
	       html=&quot;&quot;
	       /&gt;


	&lt;!-- skin layout --&gt;
	&lt;layer name=&quot;skin_layer&quot; keep=&quot;true&quot; type=&quot;container&quot; align=&quot;top&quot; width=&quot;get:skin_settings.layout_width&quot; maxwidth=&quot;get:skin_settings.layout_maxwidth&quot; height=&quot;100%&quot; maskchildren=&quot;true&quot; visible=&quot;false&quot; bgcapture=&quot;false&quot; zorder=&quot;1&quot;&gt;
		&lt;layer name=&quot;skin_scroll_window&quot; type=&quot;container&quot; align=&quot;bottom&quot; width=&quot;100%&quot; height=&quot;100%&quot; x=&quot;0&quot; y=&quot;calc:skin_settings.controlbar_offset + skin_settings.controlbar_height - skin_settings.controlbar_overlap&quot; maskchildren=&quot;true&quot; onloaded=&quot;skin_calc_opened_closed();&quot; zorder=&quot;1&quot;&gt;
			&lt;layer name=&quot;skin_scroll_layer&quot; type=&quot;container&quot; align=&quot;bottom&quot; width=&quot;get:skin_settings.controlbar_width&quot; height=&quot;100%&quot; x=&quot;0&quot; y=&quot;200&quot; y_offset=&quot;get:skin_settings.controlbar_overlap&quot; accuracy=&quot;1&quot; bgalpha=&quot;get:skin_settings.design_bgalpha&quot; bgcolor=&quot;get:skin_settings.design_bgcolor&quot; bgborder=&quot;get:skin_settings.design_bgborder&quot; bgroundedge=&quot;get:skin_settings.design_bgroundedge&quot; bgshadow=&quot;get:skin_settings.design_bgshadow&quot;&gt;
				&lt;layer name=&quot;skin_title&quot; type=&quot;text&quot; align=&quot;lefttop&quot; edge=&quot;leftbottom&quot; x=&quot;4&quot; y=&quot;0&quot; zorder=&quot;4&quot; enabled=&quot;false&quot; bg=&quot;false&quot; css=&quot;calc:skin_settings.design_text_css + &#039; text-align:left; font-style:italic; font-size:12px;&#039;&quot; textshadow=&quot;get:skin_settings.design_text_shadow&quot; visible=&quot;false&quot; onautosized=&quot;skin_video_updateseekbarwidth();&quot; /&gt;
				&lt;layer name=&quot;skin_video_controls&quot; type=&quot;container&quot; align=&quot;lefttop&quot; edge=&quot;leftbottom&quot; width=&quot;100%&quot; height=&quot;18&quot; visible=&quot;false&quot;&gt;
					&lt;layer name=&quot;skin_video_seekbar_container&quot; type=&quot;container&quot; align=&quot;lefttop&quot; width=&quot;100%&quot; height=&quot;100%&quot; bgcapture=&quot;true&quot; ondown=&quot;skin_video_ondownseeking();&quot; &gt;
						&lt;layer name=&quot;skin_video_seekbar&quot; type=&quot;container&quot; bgcolor=&quot;0xFFFFFF&quot; bgalpha=&quot;0.25&quot; align=&quot;center&quot; width=&quot;100%&quot; height=&quot;2&quot;&gt;
							&lt;layer name=&quot;skin_video_loadbar&quot; type=&quot;container&quot; bgcolor=&quot;0xFFFFFF&quot; bgalpha=&quot;0.5&quot; align=&quot;left&quot; width=&quot;0&quot; height=&quot;2&quot; /&gt;
							&lt;layer name=&quot;skin_video_seekpos&quot; type=&quot;container&quot; bgcolor=&quot;0xFFFFFF&quot; bgalpha=&quot;1.0&quot; align=&quot;left&quot; edge=&quot;center&quot; x=&quot;0&quot; bgroundedge=&quot;8&quot; width=&quot;10&quot; height=&quot;10&quot; /&gt;
						&lt;/layer&gt;
					&lt;/layer&gt;
					&lt;layer name=&quot;skin_video_time&quot; type=&quot;text&quot; align=&quot;rightbottom&quot; x=&quot;4&quot; enabled=&quot;false&quot; bg=&quot;false&quot; css=&quot;calc:skin_settings.design_text_css + &#039; text-align:left; font-style:italic; font-size:12px;&#039;&quot; textshadow=&quot;get:skin_settings.design_text_shadow&quot; html=&quot;0:00 / 0:00&quot; /&gt;
				&lt;/layer&gt;
				&lt;layer name=&quot;skin_scroll_container&quot; type=&quot;container&quot; align=&quot;lefttop&quot; width=&quot;100%&quot; height=&quot;100%&quot; x=&quot;0&quot; y=&quot;0&quot; bgroundedge=&quot;get:skin_settings.design_bgroundedge&quot; maskchildren=&quot;true&quot;&gt;
					&lt;layer name=&quot;skin_thumbs_container&quot; type=&quot;container&quot; align=&quot;lefttop&quot; width=&quot;100%&quot; height=&quot;100%&quot; visible=&quot;false&quot;&gt;
						&lt;layer name=&quot;skin_thumbs_scrollleft&quot;  style=&quot;skin_base|skin_glow&quot; crop=&quot;0|64|64|64&quot;  align=&quot;lefttop&quot;  edge=&quot;left&quot;  x=&quot;5&quot; y=&quot;50&quot; scale=&quot;0.5&quot; zorder=&quot;2&quot; alpha=&quot;1.0&quot; ondown=&quot;asyncloop(pressed, layer[skin_thumbs].scrollby(+2,0));&quot; visible=&quot;false&quot; /&gt;
						&lt;layer name=&quot;skin_thumbs_scrollright&quot; style=&quot;skin_base|skin_glow&quot; crop=&quot;64|64|64|64&quot; align=&quot;righttop&quot; edge=&quot;right&quot; x=&quot;5&quot; y=&quot;50&quot; scale=&quot;0.5&quot; zorder=&quot;2&quot; alpha=&quot;1.0&quot; ondown=&quot;asyncloop(pressed, layer[skin_thumbs].scrollby(-2,0));&quot; visible=&quot;false&quot; /&gt;
						&lt;layer name=&quot;skin_thumbs_scrollindicator&quot; type=&quot;container&quot; bgcolor=&quot;0xFFFFFF&quot; bgalpha=&quot;0.25&quot; align=&quot;lefttop&quot; width=&quot;0&quot; y=&quot;100&quot; height=&quot;2&quot; visible=&quot;false&quot; enabled=&quot;false&quot; /&gt;
						&lt;layer name=&quot;skin_thumbs&quot; state=&quot;closed&quot; url.flash=&quot;%VIEWER%/plugins/scrollarea.swf&quot; url.html5=&quot;%VIEWER%/plugins/scrollarea.js&quot; direction=&quot;h&quot; align=&quot;top&quot; width=&quot;100%&quot; height=&quot;100&quot; zorder=&quot;1&quot; onloaded=&quot;skin_updatescroll();&quot; onscroll=&quot;skin_updatethumbscroll();&quot; /&gt;
					&lt;/layer&gt;
					&lt;layer name=&quot;skin_map_container&quot; type=&quot;container&quot; align=&quot;leftop&quot; width=&quot;100%&quot; height=&quot;100%&quot; bgroundedge=&quot;get:skin_settings.design_bgroundedge&quot; maskchildren=&quot;true&quot;&gt;
						&lt;layer name=&quot;skin_map&quot; state=&quot;closed&quot; url=&quot;&quot; visible=&quot;false&quot; align=&quot;lefttop&quot; width=&quot;100%&quot; height=&quot;50%&quot; x=&quot;0&quot; y=&quot;0&quot; zorder=&quot;1&quot; lat=&quot;0&quot; lng=&quot;0&quot; zoom=&quot;10&quot; bgalpha=&quot;0&quot; maptype=&quot;satellite&quot; onmapready=&quot;skin_addmapspots();&quot;&gt;
							&lt;maptypecontrol visible=&quot;true&quot; align=&quot;righttop&quot; x=&quot;5&quot; y=&quot;5&quot; buttonalign=&quot;v&quot; scale.mobile=&quot;1.5&quot; /&gt;
							&lt;radar visible=&quot;false&quot; headingoffset=&quot;0&quot; /&gt;
							&lt;spotstyle name=&quot;DEFAULT&quot; url=&quot;vtourskin_mapspot.png&quot; activeurl=&quot;vtourskin_mapspotactive.png&quot; edge=&quot;bottom&quot; x=&quot;-5&quot; y=&quot;-8&quot; scale=&quot;0.5&quot; /&gt;
							&lt;layer name=&quot;skin_map_zoom_in&quot;  style=&quot;skin_base&quot; visible=&quot;get:skin_settings.maps_zoombuttons&quot; crop=&quot;9|512|46|64&quot;  align=&quot;right&quot; x=&quot;0&quot; y=&quot;-40&quot; zorder=&quot;2&quot; ondown=&quot;layer[skin_map].zoomin();  skin_buttonglow(get(name));&quot; onup=&quot;skin_buttonglow(null);&quot; /&gt;
							&lt;layer name=&quot;skin_map_zoom_out&quot; style=&quot;skin_base&quot; visible=&quot;get:skin_settings.maps_zoombuttons&quot; crop=&quot;73|512|46|64&quot; align=&quot;right&quot; x=&quot;0&quot; y=&quot;+40&quot; zorder=&quot;2&quot; ondown=&quot;layer[skin_map].zoomout(); skin_buttonglow(get(name));&quot; onup=&quot;skin_buttonglow(null);&quot; /&gt;
						&lt;/layer&gt;
					&lt;/layer&gt;
				&lt;/layer&gt;
			&lt;/layer&gt;
		&lt;/layer&gt;

		&lt;layer name=&quot;skin_splitter_bottom&quot; type=&quot;container&quot; align=&quot;bottom&quot; width=&quot;100%&quot; height=&quot;calc:skin_settings.controlbar_offset + skin_settings.controlbar_height - skin_settings.controlbar_overlap&quot; y=&quot;0&quot; maskchildren=&quot;true&quot; onloaded=&quot;skin_calc_opened_closed();&quot; zorder=&quot;2&quot;&gt;
			&lt;layer name=&quot;skin_control_bar_bg&quot; type=&quot;container&quot; align=&quot;bottom&quot; width=&quot;get:skin_settings.controlbar_width&quot; height=&quot;calc:skin_settings.controlbar_height + skin_settings.controlbar_overlap&quot; x=&quot;0&quot; y=&quot;get:skin_settings.controlbar_offset&quot; bgcolor=&quot;get:skin_settings.design_bgcolor&quot; bgalpha=&quot;get:skin_settings.design_bgalpha&quot; bgborder=&quot;get:skin_settings.design_bgborder&quot; bgroundedge=&quot;get:skin_settings.design_bgroundedge&quot; bgshadow=&quot;get:skin_settings.design_bgshadow&quot; /&gt;
		&lt;/layer&gt;

		&lt;layer name=&quot;skin_control_bar&quot; type=&quot;container&quot; align=&quot;bottom&quot; width=&quot;get:skin_settings.controlbar_width&quot; height=&quot;calc:skin_settings.controlbar_height&quot; x=&quot;0&quot; y=&quot;get:skin_settings.controlbar_offset&quot; onloaded=&quot;skin_calc_opened_closed();&quot; zorder=&quot;3&quot;&gt;
			&lt;layer name=&quot;skin_control_bar_buttons&quot; type=&quot;container&quot; align=&quot;leftbottom&quot; width=&quot;100%&quot; height=&quot;get:skin_settings.controlbar_height&quot;&gt;
				&lt;layer name=&quot;skin_btn_prev&quot;      style=&quot;skin_base|skin_glow&quot; crop=&quot;0|64|64|64&quot;   align=&quot;left&quot;        x=&quot;5&quot;    y=&quot;0&quot;  scale=&quot;0.5&quot; alpha=&quot;0.5&quot;  onclick=&quot;if(skin_settings.thumbs_loop, skin_nextscene_loop(-1), skin_nextscene(-1) );&quot; /&gt;
				&lt;layer name=&quot;skin_btn_thumbs&quot;    style=&quot;skin_base|skin_glow&quot; crop=&quot;0|128|64|64&quot;  align=&quot;left&quot;        x=&quot;50&quot;   y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;skin_showmap(false); skin_showthumbs();&quot; /&gt;
				&lt;layer name=&quot;skin_btn_map&quot;       style=&quot;skin_base|skin_glow&quot; crop=&quot;64|128|64|64&quot; align=&quot;left&quot;        x=&quot;90&quot;   y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;skin_showthumbs(false); skin_showmap();&quot; visible=&quot;false&quot; /&gt;
				&lt;layer name=&quot;skin_btn_navi&quot; type=&quot;container&quot; align=&quot;center&quot; x=&quot;0&quot; width=&quot;240&quot; height=&quot;32&quot;&gt;
					&lt;layer name=&quot;skin_btn_left&quot;  style=&quot;skin_base|skin_glow&quot; crop=&quot;0|192|64|64&quot;  align=&quot;center&quot;      x=&quot;-100&quot; y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(hlookat_moveforce,-1);&quot; onup=&quot;set(hlookat_moveforce,0);&quot; /&gt;
					&lt;layer name=&quot;skin_btn_right&quot; style=&quot;skin_base|skin_glow&quot; crop=&quot;64|192|64|64&quot; align=&quot;center&quot;      x=&quot;-60&quot;  y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(hlookat_moveforce,+1);&quot; onup=&quot;set(hlookat_moveforce,0);&quot; /&gt;
					&lt;layer name=&quot;skin_btn_up&quot;    style=&quot;skin_base|skin_glow&quot; crop=&quot;0|256|64|64&quot;  align=&quot;center&quot;      x=&quot;-20&quot;  y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(vlookat_moveforce,-1);&quot; onup=&quot;set(vlookat_moveforce,0);&quot; /&gt;
					&lt;layer name=&quot;skin_btn_down&quot;  style=&quot;skin_base|skin_glow&quot; crop=&quot;64|256|64|64&quot; align=&quot;center&quot;      x=&quot;+20&quot;  y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(vlookat_moveforce,+1);&quot; onup=&quot;set(vlookat_moveforce,0);&quot; /&gt;
					&lt;layer name=&quot;skin_btn_in&quot;    style=&quot;skin_base|skin_glow&quot; crop=&quot;0|320|64|64&quot;  align=&quot;center&quot;      x=&quot;+60&quot;  y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(fov_moveforce,-1);&quot;     onup=&quot;set(fov_moveforce,0);&quot; /&gt;
					&lt;layer name=&quot;skin_btn_out&quot;   style=&quot;skin_base|skin_glow&quot; crop=&quot;64|320|64|64&quot; align=&quot;center&quot;      x=&quot;+100&quot; y=&quot;0&quot;  scale=&quot;0.5&quot; ondown=&quot;set(fov_moveforce,+1);&quot;     onup=&quot;set(fov_moveforce,0);&quot; /&gt;
				&lt;/layer&gt;
				&lt;layer name=&quot;skin_btn_gyro&quot;      style=&quot;skin_base|skin_glow&quot; crop=&quot;0|384|64|64&quot;  align=&quot;center&quot;      x=&quot;+140&quot; y=&quot;0&quot;  scale=&quot;0.5&quot; onclick=&quot;switch(plugin[skin_gyro].enabled); if(plugin[skin_gyro].enabled, skin_showmap(false));&quot; visible=&quot;false&quot; devices=&quot;html5&quot; /&gt;
				&lt;layer name=&quot;skin_btn_vr&quot;        style=&quot;skin_base|skin_glow&quot; crop=&quot;0|0|80|64&quot;    align=&quot;center&quot;      x=&quot;+146&quot; y=&quot;0&quot;  scale=&quot;0.5&quot; onclick=&quot;webvr.enterVR();&quot; visible=&quot;false&quot; /&gt;
				&lt;layer name=&quot;skin_btn_fs&quot;        style=&quot;skin_base|skin_glow&quot; crop=&quot;0|576|64|64&quot;  align=&quot;right&quot;       x=&quot;90&quot;   y=&quot;0&quot;  scale=&quot;0.5&quot; onclick=&quot;switch(fullscreen);&quot; devices=&quot;fullscreensupport&quot; /&gt;
				&lt;layer name=&quot;skin_btn_hide&quot;      style=&quot;skin_base|skin_glow&quot; crop=&quot;0|448|64|64&quot;  align=&quot;right&quot;       x=&quot;50&quot;   y=&quot;0&quot;  scale=&quot;0.5&quot; onclick=&quot;skin_hideskin()&quot; /&gt;
				&lt;layer name=&quot;skin_btn_show&quot; type=&quot;container&quot; bgcapture=&quot;true&quot; align=&quot;bottom&quot; width=&quot;100%&quot; height=&quot;get:skin_settings.controlbar_height&quot; y=&quot;calc:skin_settings.controlbar_height - skin_settings.controlbar_offset_closed&quot; onclick=&quot;skin_showskin()&quot; onhover=&quot;tween(alpha,1.0);&quot; onout=&quot;tween(alpha,0.25);&quot; ondown.touch=&quot;onhover();&quot; onup.touch=&quot;onout();&quot; visible=&quot;false&quot; capture=&quot;false&quot; alpha=&quot;0.0&quot;&gt;
					&lt;layer name=&quot;skin_btn_show_icon&quot; style=&quot;skin_base&quot; crop=&quot;64|448|64|64&quot; scale=&quot;0.5&quot; align=&quot;bottom&quot; y=&quot;2&quot; enabled=&quot;false&quot; /&gt;
				&lt;/layer&gt;
				&lt;layer name=&quot;skin_btn_next&quot;      style=&quot;skin_base|skin_glow&quot; crop=&quot;64|64|64|64&quot;  align=&quot;right&quot;       x=&quot;5&quot;    y=&quot;0&quot;   scale=&quot;0.5&quot; alpha=&quot;0.5&quot;  onclick=&quot;if(skin_settings.thumbs_loop, skin_nextscene_loop(+1), skin_nextscene(+1) );&quot; /&gt;
				&lt;/layer&gt;
			&lt;/layer&gt;

		&lt;layer name=&quot;skin_loadingtext&quot; type=&quot;text&quot; align=&quot;center&quot; x=&quot;5&quot; y=&quot;-5&quot; html=&quot;get:skin_settings.loadingtext&quot; visible=&quot;false&quot; bg=&quot;false&quot; enabled=&quot;false&quot; css=&quot;calc:skin_settings.design_text_css + &#039; text-align:center; font-style:italic; font-size:22px;&#039;&quot; textshadow=&quot;get:skin_settings.design_text_shadow&quot; /&gt;
		&lt;layer name=&quot;skin_buttonglow&quot;  style=&quot;skin_base&quot; crop=&quot;64|384|64|64&quot; align=&quot;center&quot; x=&quot;0&quot; y=&quot;1&quot; scale=&quot;1.0&quot; alpha=&quot;0.0&quot; visible=&quot;false&quot; enabled=&quot;false&quot; /&gt;
		&lt;layer name=&quot;skin_thumbborder&quot; type=&quot;container&quot; x=&quot;get:skin_settings.design_thumbborder_padding&quot; y=&quot;get:skin_settings.design_thumbborder_padding&quot; width=&quot;calc:skin_settings.thumbs_width - 2*skin_settings.design_thumbborder_padding&quot; height=&quot;calc:skin_settings.thumbs_height - 2*skin_settings.design_thumbborder_padding&quot; visible=&quot;false&quot; enabled=&quot;false&quot; align=&quot;lefttop&quot; bgborder=&quot;get:skin_settings.design_thumbborder_bgborder&quot; bgroundedge=&quot;get:skin_settings.design_thumbborder_bgroundedge&quot; /&gt;
	&lt;/layer&gt;

	&lt;!-- previous/next scene buttons for the hidden skin mode --&gt;
	&lt;layer name=&quot;skin_btn_prev_fs&quot; keep=&quot;true&quot; type=&quot;container&quot; align=&quot;lefttop&quot;  x=&quot;-50&quot; width=&quot;40&quot; height=&quot;100%&quot; bgcapture=&quot;true&quot; alpha=&quot;0.0&quot; enabled=&quot;false&quot; capture=&quot;false&quot; zorder=&quot;2&quot; onclick=&quot;skin_nextscene_loop(-1);&quot; onhover=&quot;tween(alpha,1.0);&quot; onout=&quot;tween(alpha,0.25);&quot; ondown.touch=&quot;onhover();&quot; onup.touch=&quot;onout();&quot;&gt;
		&lt;layer name=&quot;skin_btn_prev_fs_icon&quot; style=&quot;skin_base&quot; crop=&quot;0|64|64|64&quot;  align=&quot;center&quot; scale=&quot;0.5&quot; enabled=&quot;false&quot; /&gt;
	&lt;/layer&gt;
	&lt;layer name=&quot;skin_btn_next_fs&quot; keep=&quot;true&quot; type=&quot;container&quot; align=&quot;righttop&quot; x=&quot;-50&quot; width=&quot;40&quot; height=&quot;100%&quot; bgcapture=&quot;true&quot; alpha=&quot;0.0&quot; enabled=&quot;false&quot; capture=&quot;false&quot; zorder=&quot;2&quot; onclick=&quot;skin_nextscene_loop(+1);&quot; onhover=&quot;tween(alpha,1.0);&quot; onout=&quot;tween(alpha,0.25);&quot; ondown.touch=&quot;onhover();&quot; onup.touch=&quot;onout();&quot;&gt;
		&lt;layer name=&quot;skin_btn_next_fs_icon&quot; style=&quot;skin_base&quot; crop=&quot;64|64|64|64&quot; align=&quot;center&quot; scale=&quot;0.5&quot; enabled=&quot;false&quot; /&gt;
	&lt;/layer&gt;


	&lt;!-- gyro plugin --&gt;
	&lt;plugin name=&quot;skin_gyro&quot; keep=&quot;true&quot; url=&quot;&quot; html5_url=&quot;%VIEWER%/plugins/gyro2.js&quot; softstart=&quot;1.0&quot; desktopsupport=&quot;false&quot; enabled=&quot;false&quot; onavailable=&quot;skin_arrange_buttons();&quot; devices=&quot;html5&quot; /&gt;


	&lt;!-- skin events --&gt;
	&lt;events name=&quot;skin_events&quot; keep=&quot;true&quot;
	        onxmlcomplete=&quot;set(events[skin_events].onxmlcomplete, skin_showloading(true); ); skin_showloading(true); skin_startup();&quot;
	        onnewpano=&quot;skin_update_scene_infos(); skin_deeplinking_update_url();&quot;
	        onloadcomplete=&quot;skin_showloading(false);&quot;
	        onidle=&quot;skin_deeplinking_update_url();&quot;
	        onresize=&quot;skin_onresize();&quot;
	        onenterfullscreen.fullscreensupport=&quot;set(layer[skin_btn_fs].crop, &#039;64|576|64|64&#039;);&quot;
	        onexitfullscreen.fullscreensupport=&quot;set(layer[skin_btn_fs].crop, &#039;0|576|64|64&#039;);&quot;
	        onkeydown=&quot;skin_keydown_event();&quot;
	        /&gt;


	&lt;!-- skin actions --&gt;
	
	&lt;action name=&quot;skin_onstart_loadscene&quot; scope=&quot;local&quot; autorun=&quot;onstart&quot;&gt;
		
		&lt;!-- load first scene --&gt;
		loadscene(calc(isset(startscene) ? startscene : 0), null, MERGE);
	
		&lt;!-- set optional startup lookat --&gt;
		if(isset(startlookat),
			txtsplit(startlookat, &#039;,&#039;, hlookat,vlookat,fov,distortion,architectural);
			lookat(get(hlookat),get(vlookat),get(fov),get(distortion),get(architectural));
		);

	&lt;/action&gt;
	
	
	&lt;action name=&quot;skin_startup&quot; scope=&quot;local&quot;&gt;
		
		&lt;!-- apply skin settings on startup --&gt;
		if(skin_settings.thumbs,
			if(skin_settings.thumbs_opened,
				set(layer[skin_thumbs].state, &#039;opened&#039;);
				set(layer[skin_thumbs_container].visible, true);
			);
			copy(layer[skin_thumbs].draggable, skin_settings.thumbs_dragging);
			if(skin_settings.thumbs_onhoverscrolling AND device.mouse,
				set(layer[skin_thumbs].draggable, false);
				set(layer[skin_thumbs].onhover_autoscrolling, true);
			);
		);

		if(skin_settings.gyro AND !device.desktop AND device.html5,
			copy(plugin[skin_gyro].url, plugin[skin_gyro].html5_url);
		);

		if(skin_settings.maps == true,
			set(layer[skin_btn_map].visible, true);

			if (skin_settings.maps_loadonfirstuse == false,
				skin_load_maps_plugin();
			);
		);

		if(skin_settings.littleplanetintro AND !global.startlookat AND (device.webgl OR device.flash),
			skin_setup_littleplanetintro();
		);

		skin_addthumbs();
		skin_onresize();
		skin_updatescroll();

		set(layer[skin_layer].visible, true);
	&lt;/action&gt;
	

	&lt;action name=&quot;skin_load_maps_plugin&quot;&gt;
		if (!layer[skin_map].url,
			if(device.flash,
				copy(layer[skin_map].key, skin_settings.maps_bing_api_key);
				set(layer[skin_map].url, &#039;%VIEWER%/plugins/bingmaps.swf&#039;);
			  ,
				if(skin_settings.maps_type == &#039;bing&#039;,
					copy(layer[skin_map].key, skin_settings.maps_bing_api_key);
					set(layer[skin_map].url, &#039;%VIEWER%/plugins/bingmaps.js&#039;);
				  ,
				 	copy(layer[skin_map].key, skin_settings.maps_google_api_key);
					set(layer[skin_map].url, &#039;%VIEWER%/plugins/googlemaps.js&#039;);
				);
			);
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_addthumbs&quot; scope=&quot;local&quot;&gt;
		
		&lt;!-- build a global array of visible scene thumbnails --&gt;
		def(global.thumbarray, array);
		set(thumbcount, 0);
		for(set(i,0), i LT scene.count, inc(i),
			if(isvalue(scene[get(i)].thumburl) AND scene[get(i)].skipthumb != true,
				&lt;!-- link thumbarray[i1] to scene[i2] --&gt;
				set(thumbarray[get(thumbcount)], get(scene[get(i)]));
				set(scene[get(i)].sceneindex, get(i));
				set(scene[get(i)].thumbindex, get(thumbcount));
				inc(thumbcount);
			);
		);
		
		if(skin_settings.thumbs == false,
			set(layer[skin_btn_thumbs].visible,false);
		  ,
			copy(thumbwidth, skin_settings.thumbs_width);
			copy(thumbheight, skin_settings.thumbs_height);
			copy(thumbpadding, skin_settings.thumbs_padding);
			copy(thumbcrop, skin_settings.thumbs_crop);

			calc(thumbxoffset, thumbwidth + thumbpadding);
			calc(thumbxcenter, thumbxoffset * 0.5);
			calc(thumbbarwidth, thumbxoffset * thumbcount + thumbpadding);
			calc(thumbbarheight, thumbpadding + thumbheight + thumbpadding);

			if(skin_settings.thumbs_scrollindicator,
				copy(layer[skin_thumbs_scrollindicator].y, thumbbarheight);
				add(thumbbarheight, layer[skin_thumbs_scrollindicator].height);
			);
			
			set(layer[skin_thumbs], width=get(thumbbarwidth), height=get(thumbbarheight) );

			calc(layer[skin_thumbs_scrollleft].y, thumbbarheight * 0.5);
			calc(layer[skin_thumbs_scrollright].y, thumbbarheight * 0.5);

			for(set(i,0), i LT thumbcount, inc(i),
			
				copy(currentscene, thumbarray[get(i)]);

				calc(thumbname, &#039;skin_thumb_&#039; + i);
				addlayer(get(thumbname));

				set(layer[get(thumbname)],
					url=get(currentscene.thumburl),
					keep=true,
					parent=&#039;skin_thumbs&#039;,
					align=&#039;lefttop&#039;,
					crop=get(thumbcrop),
					width=get(thumbwidth),
					height=get(thumbheight),
					x=calc(thumbpadding + i*thumbxoffset),
					y=get(thumbpadding),
					linkedscene=get(currentscene.name),
					onclick=&#039;copy(layer[skin_thumbborder].parent, name); skin_loadscene(get(linkedscene),get(skin_settings.loadscene_blend));&#039;
				);
					
				set(currentscene, 
					thumbx=calc(thumbpadding + i*thumbxoffset + thumbxcenter),
					thumby=get(thumbpadding)
				);
					
				if(skin_settings.tooltips_thumbs,
					set(layer[get(thumbname)].tooltip, get(currentscene.title) );
					layer[get(thumbname)].loadstyle(skin_tooltips);
				);
					
				if(skin_settings.thumbs_text,
					calc(thumbtext, &#039;skin_thumbtext_&#039; + i);
					addlayer(get(thumbtext));
					layer[get(thumbtext)].loadstyle(skin_thumbtext_style);
					set(layer[get(thumbtext)], keep=true, parent=get(thumbname), html=get(currentscene.title) );
				);
			);
			
			if(thumbcount == 1,
				set(layer[skin_thumbs].align, &#039;lefttop&#039;);
			);
		);
	&lt;/action&gt;


	&lt;!-- called from bing- or google-maps plugin onmapready event --&gt;
	&lt;action name=&quot;skin_addmapspots&quot; scope=&quot;local&quot;&gt;
		for(set(i,0), i LT scene.count, inc(i),
			if(scene[get(i)].lat,
				calc(spotname, &#039;spot&#039; + i);
				calc(spotclickevent, &#039;skin_hidetooltips(); activatespot(&#039; + spotname + &#039;); skin_loadscene(&#039; + scene[get(i)].name + &#039;,get(skin_settings.loadscene_blend)); skin_updatescroll(); delayedcall(0.5,skin_showmap(false));&#039; );
				copy(scene[get(i)].mapspotname, spotname);
				caller.addspot(get(spotname), get(scene[get(i)].lat), get(scene[get(i)].lng), get(scene[get(i)].heading), false, get(spotclickevent), null);
				if(skin_settings.tooltips_mapspots,
					set(layer[skin_map].spot[get(spotname)].tooltip, get(scene[get(i)].title) );
					txtadd(layer[skin_map].spot[get(spotname)].onover, &#039;set(hovering,true);&#039;,  get(style[skin_tooltips].onover:addevent) );
					txtadd(layer[skin_map].spot[get(spotname)].onout,  &#039;set(hovering,false);&#039;, get(style[skin_tooltips].onout:addevent)  );
				);
			);
		);

		caller.activatespot( calc(xml.scene != null ? scene[get(xml.scene)].mapspotname : &#039;spot0&#039;) );
		caller.zoomToSpotsExtent();
	&lt;/action&gt;


	&lt;action name=&quot;skin_setup_littleplanetintro&quot; scope=&quot;local&quot;&gt;
		skin_hideskin(instant);
		set(global.lpinfo, scene=get(xml.scene), hlookat=get(view.hlookat), vlookat=get(view.vlookat), fov=get(view.fov), fovmax=get(view.fovmax), limitview=get(view.limitview) );
		set(view, fovmax=170, limitview=lookto, vlookatmin=90, vlookatmax=90);
		lookat(calc(global.lpinfo.hlookat - 180), 90, 150, 1, 0, 0);
		set(events[lp_events].onloadcomplete,
			delayedcall(0.5,
				if(lpinfo.scene === xml.scene,
					set(control.usercontrol, off);
					set(view, limitview=get(lpinfo.limitview), vlookatmin=null, view.vlookatmax=null);
					tween(view.hlookat|view.vlookat|view.fov|view.distortion, calc(&#039;&#039; + lpinfo.hlookat + &#039;|&#039; + lpinfo.vlookat + &#039;|&#039; + lpinfo.fov + &#039;|&#039; + 0.0), 3.0, easeOutQuad);
					delayedcall(3.0,
						set(control.usercontrol, all);
						tween(view.fovmax, get(lpinfo.fovmax));
						skin_deeplinking_update_url();
						delete(global.lpinfo);
						skin_showskin();
						if(skin_settings.thumbs AND skin_settings.thumbs_opened, skin_showthumbs() );
					);
				  ,
					delete(global.lpinfo);
				);
			);
		);
	&lt;/action&gt;
	
	
	&lt;action name=&quot;skin_lookat&quot; scope=&quot;local&quot; args=&quot;h, v, fov&quot;&gt;
		if(webvr.isenabled,
			&lt;!-- adjust the VR prev/next hotspots for the view change --&gt;
			calc(hlookat_offset, h - view.hlookat);
			add(hotspot[skin_webvr_prev_scene].ath, hlookat_offset);
			add(hotspot[skin_webvr_next_scene].ath, hlookat_offset);
		);
		if(plugin[skin_gyro].isavailable AND plugin[skin_gyro].enabled,
			&lt;!-- reset the gyro tracking --&gt;
			plugin[skin_gyro].resetsensor(get(h));
		);
		&lt;!-- change the view --&gt;
		lookat(get(h), get(v), get(fov));
	&lt;/action&gt;


	&lt;action name=&quot;skin_onresize&quot; scope=&quot;local&quot;&gt;
		mul(mh, area.pixelheight, -1);
		if(layer[skin_thumbs].state == &#039;opened&#039;, add(mh,layer[skin_thumbs].height); );
		if(layer[skin_map].state    == &#039;opened&#039;, sub(hh,area.pixelheight,skin_settings.controlbar_offset); sub(hh,layer[skin_control_bar].height); sub(hh,32); add(mh,hh); add(mh,skin_settings.controlbar_overlap); sub(mh, layer[skin_scroll_layer].y_offset); copy(layer[skin_map].height, hh); );
		add(mh, layer[skin_scroll_layer].y_offset);
		set(layer[skin_scroll_layer].y, get(mh));
		if(display.safearea_inset, calc(layer[skin_btn_show].y, skin_settings.controlbar_height - skin_settings.controlbar_offset_closed - (display.safearea_inset.b LT 0 ? display.safearea_inset.b : 0)); );
		skin_video_updateseekbarwidth();
		skin_arrange_buttons();
	&lt;/action&gt;


	&lt;!-- determine the visibility of the buttons and calculate their positions --&gt;
	&lt;action name=&quot;skin_arrange_buttons&quot; scope=&quot;local&quot;&gt;
		calc(show_selbuttons, scene.count GT 1);
		calc(show_thumbutton, skin_settings.thumbs == true);
		calc(show_mapbutton,  skin_settings.maps == true);
		calc(show_gyrobutton, plugin[skin_gyro].isavailable == true AND (view.vlookatrange == 180 OR global.lpinfo.scene === xml.scene));
		calc(show_vrbutton,   webvr.isavailable == true);
		calc(show_fsbutton,   device.fullscreensupport == true);

		set(lpos,6);
		set(cpos,0);
		if(show_gyrobutton, dec(cpos,20));
		if(show_vrbutton OR plugin[webvr].mobilevr_fake_support == true, dec(cpos,24));
		set(rpos,6);

		calc(show_dirbuttons, !device.mobile AND ((area.pixelwidth + 2*cpos) GT 520) );

		copy(layer[skin_btn_navi].visible, show_dirbuttons);

		copy(layer[skin_btn_prev].visible, show_selbuttons);
		copy(layer[skin_btn_next].visible, show_selbuttons);
		if(show_selbuttons, inc(lpos,44); inc(rpos,44); );

		copy(layer[skin_btn_thumbs].visible, show_thumbutton);
		copy(layer[skin_btn_thumbs].x, lpos);
		if(show_thumbutton, inc(lpos,40));

		copy(layer[skin_btn_map].visible, show_mapbutton);
		copy(layer[skin_btn_map].x, lpos);
		if(show_mapbutton, inc(lpos,40));

		if(show_dirbuttons,
			copy(layer[skin_btn_navi].x, cpos);
			inc(cpos,140);

			set(layer[skin_btn_gyro].align, center);
			copy(layer[skin_btn_gyro].visible, show_gyrobutton);
			copy(layer[skin_btn_gyro].x, cpos);
			if(show_gyrobutton, inc(cpos,48));

			set(layer[skin_btn_vr].align, center);
			copy(layer[skin_btn_vr].visible, show_vrbutton);
			copy(layer[skin_btn_vr].x, cpos);
			if(show_vrbutton, inc(cpos,80));
		  ,
			set(layer[skin_btn_gyro].align, left);
			copy(layer[skin_btn_gyro].visible, show_gyrobutton);
			copy(layer[skin_btn_gyro].x, lpos);
			if(show_gyrobutton, inc(lpos,40));

			set(layer[skin_btn_vr].align, left);
			copy(layer[skin_btn_vr].visible, show_vrbutton);
			copy(layer[skin_btn_vr].x, lpos);
			if(show_vrbutton, inc(lpos,80));
		);

		copy(layer[skin_btn_hide].x, rpos);
		inc(rpos,40);

		copy(layer[skin_btn_fs].visible, show_fsbutton);
		copy(layer[skin_btn_fs].x, rpos);
		if(show_fsbutton, inc(rpos,40));
	&lt;/action&gt;


	&lt;action name=&quot;skin_updatescroll&quot; scope=&quot;local&quot;&gt;
		if(layer[skin_thumbs].loaded,
			set(cursceneindex, 0);
			if(xml.scene, copy(cursceneindex, scene[get(xml.scene)].index));
			layer[skin_thumbs].setcenter(get(scene[get(cursceneindex)].thumbx), get(scene[get(cursceneindex)].thumby));
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_updatethumbscroll&quot; scope=&quot;local&quot;&gt;
		copy(padding,skin_settings.thumbs_padding);

		if(skin_settings.thumbs_scrollbuttons,
			if(caller.loverflow GT 0, set(layer[skin_thumbs_scrollleft].visible,true),  set(layer[skin_thumbs_scrollleft].visible,false) );
			if(caller.roverflow GT 0, set(layer[skin_thumbs_scrollright].visible,true), set(layer[skin_thumbs_scrollright].visible,false) );
		);

		if(skin_settings.thumbs_scrollindicator,
			if(caller.woverflow GT 0,
				set(layer[skin_thumbs_scrollindicator].visible, true);
				sub(iw,caller.pixelwidth,caller.woverflow);
				div(pw,iw,caller.pixelwidth);
				div(px,caller.loverflow,caller.woverflow);
				mul(pw,iw);
				copy(layer[skin_thumbs_scrollindicator].width, pw);
				sub(iw,pw);
				sub(iw,padding);
				sub(iw,padding);
				mul(px,iw);
				add(px,padding);
				copy(layer[skin_thumbs_scrollindicator].x, px);
			  ,
				set(layer[skin_thumbs_scrollindicator].visible, false);
			);
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_update_scene_infos&quot; scope=&quot;local&quot;&gt;
		if(xml.scene !== null AND scene[get(xml.scene)].index GE 0,

			if(skin_settings.title,
				if(global.title, calc(layer[skin_title].html, global.title + &#039; - &#039; + scene[get(xml.scene)].title); , copy(layer[skin_title].html, scene[get(xml.scene)].title ); );
				delayedcall(0.1, set(layer[skin_title].visible,true) );
			);

			if(skin_settings.thumbs_loop == false,
				if(scene[get(xml.scene)].index GT 0,
					set(layer[skin_btn_prev], enabled=true, alpha=1.0);
				  ,
					set(layer[skin_btn_prev], enabled=false, alpha=0.3);
				);

				sub(lastsceneindex, scene.count, 1);
				if(scene[get(xml.scene)].index LT lastsceneindex,
					set(layer[skin_btn_next], enabled=true, alpha=1.0);
				  ,
					set(layer[skin_btn_next], enabled=false, alpha=0.3);
				);
			  ,
				if(scene.count GT 1,
					set(layer[skin_btn_prev], enabled=true, alpha=1.0);
					set(layer[skin_btn_next], enabled=true, alpha=1.0);
				  ,
					set(layer[skin_btn_prev], enabled=false, alpha=0.3);
					set(layer[skin_btn_next], enabled=false, alpha=0.3);
				);
			);

			if(scene.count GT 1,
				set(layer[skin_btn_prev_fs].visible, true);
				set(layer[skin_btn_next_fs].visible, true);
			  ,
				set(layer[skin_btn_prev_fs].visible, false);
				set(layer[skin_btn_next_fs].visible, false);
			);

			calc(parentname, &#039;skin_thumb_&#039; + scene[get(xml.scene)].thumbindex);
			if(scene[get(xml.scene)].thumburl AND scene[get(xml.scene)].skipthumb != true AND layer[get(parentname)],
				set(layer[skin_thumbborder], parent=get(parentname), visible=true);
			  ,
				set(layer[skin_thumbborder].visible, false);
			);

			if(scene[get(xml.scene)].mapspotname,
				layer[skin_map].activatespot(get(scene[get(xml.scene)].mapspotname));
				layer[skin_map].pantospot(get(scene[get(xml.scene)].mapspotname));
			);

			if(plugin[skin_gyro].isavailable == true AND (view.vlookatrange == 180 OR global.lpinfo.scene === xml.scene),
				set(layer[skin_btn_gyro].visible, true);
			  ,
				set(layer[skin_btn_gyro].visible, false)
			);
			
			if(scene[get(xml.scene)].isvideopano AND plugin[video] !== null,
				skin_video_addcontrols();
			  ,
				skin_video_removecontrols();
			);
		);
	&lt;/action&gt;
	

	&lt;action name=&quot;skin_gotoscene&quot; scope=&quot;local&quot; args=&quot;newscene&quot;&gt;
		if(scene[get(newscene)],
			copy(cursceneindex, scene[get(xml.scene)].index);
			copy(newsceneindex, scene[get(newscene)].index);
			skin_loadscene(get(newsceneindex), calc(newsceneindex LT cursceneindex ? skin_settings.loadscene_blend_prev : (newsceneindex GT cursceneindex ? skin_settings.loadscene_blend_next : skin_settings.loadscene_blend)) );
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_nextscene&quot; scope=&quot;local&quot; args=&quot;indexadd&quot;&gt;
		set(newscenename, null);
		if(isset(scene[get(xml.scene)].thumbindex),
			add(newsceneindex, scene[get(xml.scene)].thumbindex, indexadd);
			if(newsceneindex GE 0 AND newsceneindex LT thumbarray.length,
				set(newscenename, get(thumbarray[get(newsceneindex)].name));
			);
		  ,
			add(newsceneindex, scene[get(xml.scene)].index, indexadd);
			if(newsceneindex GE 0 AND newsceneindex LT scene.count,
				set(newscenename, get(scene[get(newsceneindex)].name));
			);
		);
		if(newscenename != null,
			skin_loadscene(get(newscenename), calc(indexadd LT 0 ? skin_settings.loadscene_blend_prev : skin_settings.loadscene_blend_next));
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_nextscene_loop&quot; scope=&quot;local&quot; args=&quot;indexadd&quot;&gt;
		set(newscenename, null);
		if(isset(scene[get(xml.scene)].thumbindex),
			sub(lastsceneindex, thumbarray.length, 1);
			add(newsceneindex, scene[get(xml.scene)].thumbindex, indexadd);
			if(newsceneindex LT 0, copy(newsceneindex,lastsceneindex));
			if(newsceneindex GT lastsceneindex, set(newsceneindex,0));
			set(newscenename, get(thumbarray[get(newsceneindex)].name));
		  ,
			add(newsceneindex, scene[get(xml.scene)].index, indexadd);
			sub(lastsceneindex, scene.count, 1);
			if(newsceneindex LT 0, copy(newsceneindex,lastsceneindex));
			if(newsceneindex GT lastsceneindex, set(newsceneindex,0));
			set(newscenename, get(scene[get(newsceneindex)].name));
		);
		if(newscenename != null,
			skin_loadscene(get(newscenename), calc(indexadd LT 0 ? skin_settings.loadscene_blend_prev : skin_settings.loadscene_blend_next));
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_loadscene&quot; scope=&quot;local&quot; args=&quot;newscenenameorindex, blendmode&quot;&gt;
		if(webvr.isenabled AND scene.count GT 1,
			set(hotspot[skin_webvr_prev_scene].visible, false);
			set(hotspot[skin_webvr_next_scene].visible, false);
		);

		calc(parentname, &#039;skin_thumb_&#039; + scene[get(newscenenameorindex)].thumbindex);
		if(scene[get(newscenenameorindex)].thumburl AND scene[get(newscenenameorindex)].skipthumb != true AND layer[get(parentname)],
			set(layer[skin_thumbborder], parent=get(parentname), visible=true);
		  ,
			set(layer[skin_thumbborder].visible, false);
		);
		
		layer[skin_thumbs].scrolltocenter(get(scene[get(newscenenameorindex)].thumbx), get(scene[get(newscenenameorindex)].thumby));
		loadscene(get(scene[get(newscenenameorindex)].name), null, get(skin_settings.loadscene_flags), get(blendmode));
	&lt;/action&gt;


	&lt;action name=&quot;skin_showloading&quot; scope=&quot;private:SKINLOADINGCHECK&quot; args=&quot;state&quot;&gt;
		if(state == true AND global.display.stereo == false,
			&lt;!-- start loading --&gt;
			set(loadingstate, 1);
			delayedcall(2.0,
				if(loadingstate == 1,
					&lt;!-- after 2.0 seconds still not loaded? =&gt; show the loading text --&gt;
					set(global.layer[skin_loadingtext].visible, true);
				);
			);
		  ,
			&lt;!-- stop loading --&gt;
			set(loadingstate, 2);
			set(global.layer[skin_loadingtext].visible, false);
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_hidetooltips&quot;&gt;
		set(layer[skin_tooltip], alpha=0.0, visible=false);
	&lt;/action&gt;


	&lt;action name=&quot;skin_buttonglow&quot; scope=&quot;local&quot; args=&quot;layertoglow, strength&quot;&gt;
		if(layertoglow != null,
			if(strength == null, set(strength,0.7));
			set(layer[skin_buttonglow], parent=get(layertoglow), visible=true);
			tween(layer[skin_buttonglow].alpha, get(strength), 0.07);
		  ,
			tween(layer[skin_buttonglow].alpha, 0.0, 0.1, default, set(layer[skin_buttonglow], parent=null, visible=false); );
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_calc_opened_closed&quot;&gt;
		if(layer[get(name)].y_closed === null,
			set(layer[get(name)].y_opened, get(layer[get(name)].y));
			set(layer[get(name)].y_closed, calc(layer[get(name)].y - skin_settings.controlbar_offset - skin_settings.controlbar_height + skin_settings.controlbar_offset_closed));
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_hideskin&quot; scope=&quot;local&quot; args=&quot;hidetimemode&quot;&gt;
		calc(hidetime, hidetimemode == &#039;instant&#039; ? 0.0 : 0.5);
		
		callwith(layer[skin_scroll_window],   skin_calc_opened_closed() );
		callwith(layer[skin_splitter_bottom], skin_calc_opened_closed() );
		callwith(layer[skin_control_bar],     skin_calc_opened_closed() );

		if(layer[skin_map].state    != &#039;closed&#039;, skin_showmap(false);    if(hidetime GT 0, wait(0.40)); );
		if(layer[skin_thumbs].state != &#039;closed&#039;, skin_showthumbs(false); if(hidetime GT 0, wait(0.25)); );

		tween(layer[skin_scroll_window].y,   get(layer[skin_scroll_window  ].y_closed), get(hidetime));
		tween(layer[skin_splitter_bottom].y, get(layer[skin_splitter_bottom].y_closed), get(hidetime));
		tween(layer[skin_control_bar].y,     get(layer[skin_control_bar    ].y_closed), get(hidetime));

		set(layer[skin_btn_prev_fs].enabled, true);
		set(layer[skin_btn_next_fs].enabled, true);
		tween(layer[skin_btn_prev_fs].x|layer[skin_btn_prev_fs].alpha, 0|0.25, get(hidetime));
		tween(layer[skin_btn_next_fs].x|layer[skin_btn_next_fs].alpha, 0|0.25, get(hidetime));

		if(layer[skin_logo], tween(layer[skin_logo].alpha, 0.0, 0.5, default, set(layer[skin_logo].visible,false)); );

		stopdelayedcall(skin_btn_show_alpha);
		set(layer[skin_btn_show].visible, true);
		delayedcall(skin_btn_show_alpha, get(hidetime), tween(layer[skin_btn_show].alpha, 0.25, 0.25); );
	&lt;/action&gt;


	&lt;action name=&quot;skin_showskin&quot;&gt;
		tween(layer[skin_scroll_window  ].y, get(layer[skin_scroll_window  ].y_opened));
		tween(layer[skin_splitter_bottom].y, get(layer[skin_splitter_bottom].y_opened));
		tween(layer[skin_control_bar    ].y, get(layer[skin_control_bar    ].y_opened));

		set(layer[skin_btn_prev_fs].enabled, false);
		set(layer[skin_btn_next_fs].enabled, false);
		tween(layer[skin_btn_prev_fs].x|layer[skin_btn_prev_fs].alpha, -50|0.0);
		tween(layer[skin_btn_next_fs].x|layer[skin_btn_next_fs].alpha, -50|0.0);

		if(layer[skin_logo], set(layer[skin_logo].visible,true); tween(layer[skin_logo].alpha, 1.0); );

		stopdelayedcall(skin_btn_show_alpha);
		set(layer[skin_btn_show].visible, false);
		delayedcall(skin_btn_show_alpha, 0.25, tween(layer[skin_btn_show].alpha, 0.0, 0.0); );
	&lt;/action&gt;


	&lt;action name=&quot;skin_showthumbs&quot; scope=&quot;local&quot; args=&quot;show&quot;&gt;
		if(show == null, if(layer[skin_thumbs].state == &#039;closed&#039;, set(show,true), set(show,false)); );
		if(show,
			set(layer[skin_thumbs].state, &#039;opened&#039;);
			tween(layer[skin_thumbs].alpha, 1.0, 0.25);
			tween(layer[skin_scroll_layer].y, calc(-area.pixelheight + layer[skin_thumbs].height + layer[skin_scroll_layer].y_offset), 0.5, easeOutQuint);
			set(layer[skin_thumbs_container].visible, true);
			tween(layer[skin_thumbs_container].alpha, 1.0, 0.25);
			tween(layer[skin_map].alpha, 0.0, 0.25, default, set(layer[skin_map].visible,false));
		  ,
			set(layer[skin_thumbs].state, &#039;closed&#039;);
			tween(layer[skin_thumbs].alpha, 0.0, 0.25, easeOutQuint);
			tween(layer[skin_scroll_layer].y, calc(-area.pixelheight + layer[skin_scroll_layer].y_offset), 0.5, easeOutQuint, set(layer[skin_thumbs_container].visible, false););
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_showmap&quot; scope=&quot;local&quot; args=&quot;show&quot;&gt;
		if(show == null, if(layer[skin_map].state == &#039;closed&#039;, set(show,true), set(show,false)); );
		if(show,
			skin_load_maps_plugin();
			tween(layer[skin_thumbs_container].alpha, 0.0, 0.25, default, set(layer[skin_thumbs_container].visible,false));
			set(layer[skin_map].visible, true);
			tween(layer[skin_map].alpha, 1.0, 0.25);
			set(layer[skin_map].state, &#039;opened&#039;);
			calc(hh, area.pixelheight - skin_settings.controlbar_offset - layer[skin_control_bar].height - 32);
			calc(layer[skin_map].height, hh - skin_settings.controlbar_overlap);
			tween(layer[skin_scroll_layer].y, calc(hh - area.pixelheight), 0.5, easeOutQuint);
		  ,
		  	if(layer[skin_map].state != &#039;closed&#039;,
				set(layer[skin_map].state, &#039;closed&#039;);
				tween(layer[skin_map].alpha, 0.0, 0.5, easeOutQuint);
				tween(layer[skin_scroll_layer].y, calc(-area.pixelheight + layer[skin_scroll_layer].y_offset), 0.5, easeOutQuint, set(layer[skin_map].visible,false) );
			);
		);
	&lt;/action&gt;


	&lt;action name=&quot;skin_keydown_event&quot;&gt;
		if(keycode == 33, skin_nextscene_loop(-1) );            	&lt;!-- Page Up   - previous scene --&gt;
		if(keycode == 34, skin_nextscene_loop(+1) );            	&lt;!-- Page Dowm - next scene --&gt;
		if(keycode == 35, skin_gotoscene(calc(scene.count-1)) );	&lt;!-- End       - last scene --&gt;
		if(keycode == 36, skin_gotoscene(0) );                  	&lt;!-- Home/Pos1 - first scene --&gt;
	&lt;/action&gt;


	&lt;action name=&quot;skin_deeplinking_update_url&quot; scope=&quot;local&quot; args=&quot;delay&quot;&gt;
		if(skin_settings.deeplinking AND (!webvr OR webvr.isenabled === false) AND global.lpinfo === null,
			delayedcall(skin_deeplinking_update, calc(delay == null ? 0.1 : delay), skin_deeplinking_update_url_process() );
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_deeplinking_update_url_process&quot; scope=&quot;local&quot;&gt;
		copy(adr, browser.location);
		indexoftxt(qi, get(adr), &#039;?&#039;);
		if(qi GT 0, subtxt(adr, adr, 0, get(qi)));
		copy(si, scene[get(xml.scene)].index);
		copy(h, view.hlookat);
		copy(v, view.vlookat);
		copy(f, view.fov);
		copy(d, view.distortion);
		copy(a, view.architectural);
		clamp(d, 0.0, 1.0);
		clamp(a, 0.0, 1.0);
		set(pp, calc(f LT 10 ? 6 : 2));
		roundval(h, get(pp));
		roundval(v, get(pp));
		roundval(f, get(pp));
		roundval(d, 2);
		roundval(a, 1);
		set(adr, calc(adr + &#039;?startscene=&#039; + si + &#039;&amp;amp;startlookat=&#039;+h+&#039;,&#039;+v+&#039;,&#039;+f+&#039;,&#039;+d+&#039;,&#039;+a+&#039;;&#039;));
		js( history.replaceState(null, document.title, get(adr)); );
	&lt;/action&gt;


	&lt;!-- reload the scene when there is a special image for VR --&gt;
	&lt;action name=&quot;skin_reloadscene_webvr&quot; scope=&quot;local&quot;&gt;
		delayedcall(0.1,
			if(scene[get(xml.scene)].havevrimage,
				copy(skin_settings.keeplookingdirection_backup, skin_settings.webvr_keeplookingdirection);
				set(skin_settings.webvr_keeplookingdirection, true);
				loadscene(get(xml.scene), null, MERGE|KEEPVIEW|KEEPMOVING|KEEPPLUGINS|KEEPHOTSPOTS, BLEND(0.5));
				copy(skin_settings.webvr_keeplookingdirection, skin_settings.keeplookingdirection_backup);
				delete(skin_settings.keeplookingdirection_backup);
			);
		);
	&lt;/action&gt;


	&lt;!-- videopano support - https://krpano.com/plugins/videoplayer/ --&gt;
	&lt;action name=&quot;skin_video_addcontrols&quot;&gt;
		set(events[skin_events].onclick, skin_video_clickevent() );

		set(plugin[video].onvideoready, skin_video_updatestate() );
		set(plugin[video].onvideoplay, skin_video_updatestate() );
		set(plugin[video].onvideopaused, skin_video_updatestate() );
		set(plugin[video].onvideocomplete, skin_video_updatestate() );

		if(plugin[video].ispaused AND plugin[video].pausedonstart,
			set(layer[skin_video_playpause].state, &#039;visible&#039;);
			set(layer[skin_video_playpause].enabled, true);
			tween(layer[skin_video_playpause].alpha, 1.0);
		);

		delayedcall(skin_video_delayedvisible, 0.25, set(layer[skin_video_controls].visible, true) );

		skin_video_updateseekbarwidth();
		set(layer[skin_video_seekpos].x,0);
		set(layer[skin_video_loadbar].width,0);

		setinterval(skin_video_seek_updates, 0.5, skin_video_updatetime() );
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_removecontrols&quot;&gt;
		stopdelayedcall(skin_video_delayedvisible);

		set(events[skin_events].onclick, null);

		set(layer[skin_video_playpause].alpha, 0.0);
		set(layer[skin_video_controls].visible, false);

		clearinterval(skin_video_seek_updates);
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_updatetime&quot; scope=&quot;local&quot; args=&quot;seekpos&quot;&gt;
		copy(t1, plugin[video].time);
		copy(t2, plugin[video].totaltime);
		if(seekpos != null, calc(t1, seekpos * t2); );
		div(t1_min, t1, 60);
		mod(t1_sec, t1, 60);
		Math.floor(t1_min);
		Math.floor(t1_sec);
		div(t2_min, t2, 60);
		mod(t2_sec, t2, 60);
		Math.floor(t2_min);
		Math.floor(t2_sec);
		calc(layer[skin_video_time].html, t1_min + &#039;:&#039; + (t1_sec LT 10 ? &#039;0&#039; : &#039;&#039;) + t1_sec + &#039; / &#039; + t2_min + &#039;:&#039; + (t2_sec LT 10 ? &#039;0&#039; : &#039;&#039;) + t2_sec);
		calc(layer[skin_video_seekpos].x, (t1 / t2 * 100) + &#039;%&#039;);
		calc(layer[skin_video_loadbar].width, (plugin[video].loadedbytes / plugin[video].totalbytes * 100) + &#039;%&#039;);
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_updateseekbarwidth&quot;&gt;
		if(skin_settings.title,
			calc(layer[skin_video_seekbar_container].width, 0 - (32 + layer[skin_title].pixelwidth + layer[skin_video_time].pixelwidth));
			calc(layer[skin_video_seekbar_container].x, layer[skin_title].pixelwidth + 16);
		  ,
			calc(layer[skin_video_seekbar_container].width, 0 - (24 + layer[skin_video_time].pixelwidth));
			set(layer[skin_video_seekbar_container].x, 8);
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_ondownseeking&quot; scope=&quot;local&quot;&gt;
		asyncloop(caller.pressed,
			screentolayer(skin_video_seekbar, mouse.stagex,mouse.stagey, lx,ly);
			calc(seekpos, lx / layer[skin_video_seekbar].pixelwidth);
			clamp(seekpos, 0.0, 1.0);
			skin_video_updatetime(get(seekpos));
		  ,
			plugin[video].seek(calc((seekpos * 100) + &#039;%&#039;));
		);
	&lt;/action&gt;

	&lt;layer name=&quot;skin_video_playpause&quot; keep=&quot;true&quot;
	         style=&quot;skin_base|skin_glow&quot; crop=&quot;0|640|64|64&quot; scale=&quot;0.75&quot;
	         align=&quot;center&quot; alpha=&quot;0.0&quot; autoalpha=&quot;true&quot;
	         state=&quot;hidden&quot;
	         onclick=&quot;skin_video_playpause_click();&quot;
	         /&gt;

	&lt;action name=&quot;skin_video_updatestate&quot;&gt;
		calc(layer[skin_video_playpause].crop, plugin[video].ispaused ? &#039;0|640|64|64&#039; : &#039;64|640|64|64&#039;);
		if(plugin[video].iscomplete,
			set(layer[skin_video_playpause].state, &#039;visible&#039;);
			tween(layer[skin_video_playpause].alpha, 1.0);
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_playpause_click&quot;&gt;
		if(plugin[video].ispaused,
			plugin[video].play();
			set(layer[skin_video_playpause].state, &#039;hidden&#039;);
			tween(layer[skin_video_playpause].alpha, 0.0);
		  ,
			plugin[video].pause();
			set(layer[skin_video_playpause].state, &#039;visible&#039;);
			tween(layer[skin_video_playpause].alpha, 1.0);
			delayedcall(autohide_pp, 2.0, set(layer[skin_video_playpause].state,&#039;hidden&#039;); tween(layer[skin_video_playpause].alpha, 0.0); );
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_video_clickevent&quot;&gt;
		stopdelayedcall(autohide_pp);

		switch(layer[skin_video_playpause].state, &#039;visible&#039;, &#039;hidden&#039;);

		if(layer[skin_video_playpause].state == &#039;hidden&#039;,
			tween(layer[skin_video_playpause].alpha, 0.0);
		  ,
			tween(layer[skin_video_playpause].alpha, 1.0);
			delayedcall(autohide_pp, 2.0, set(layer[skin_video_playpause].state,&#039;hidden&#039;); tween(layer[skin_video_playpause].alpha, 0.0); );
		);
	&lt;/action&gt;
	
	
	&lt;!-- autotour/autoplay support --&gt;
	&lt;autorotate enabled=&quot;calc:skin_settings.autotour == true&quot;
	            waittime=&quot;5.0&quot;
	            accel=&quot;0.7&quot;
	            speed=&quot;4.0&quot;
	            tofov=&quot;80&quot;
	            oneroundrange=&quot;360&quot;
	            /&gt;
	
	&lt;events name=&quot;skin_autotour&quot; keep=&quot;true&quot;
		onautorotatestart=&quot;if(skin_settings.autotour, skin_autotour_start(); );&quot;
		onautorotatestop=&quot;if(skin_settings.autotour, skin_autotour_stop(); );&quot;
		onautorotateoneround=&quot;if(skin_settings.autotour, skin_nextscene_loop(+1); );&quot;
		/&gt;
	
	&lt;action name=&quot;skin_autotour_start&quot; scope=&quot;PRIVATE:skin_autotour&quot;&gt;
		copy(loadscene_flags_backup, global.skin_settings.loadscene_flags);
		set(global.skin_settings.loadscene_flags, MERGE|KEEPVIEW|KEEPMOVING|PRELOAD);
		copy(loadscene_blend_next_backup, global.skin_settings.loadscene_blend_next);
		set(global.skin_settings.loadscene_blend_next, SLIDEBLEND(2.0, 0, 0.75, linear) );
	&lt;/action&gt;
	
	&lt;action name=&quot;skin_autotour_stop&quot; scope=&quot;PRIVATE:skin_autotour&quot;&gt;
		copy(global.skin_settings.loadscene_flags, loadscene_flags_backup);
		copy(global.skin_settings.loadscene_blend_next, loadscene_blend_next_backup);
	&lt;/action&gt;


	&lt;!-- context menu - https://krpano.com/docu/xml/#contextmenu --&gt;
	&lt;contextmenu&gt;
		&lt;item name=&quot;kr&quot; caption=&quot;KRPANO&quot;     /&gt;
		&lt;item name=&quot;fs&quot; caption=&quot;FULLSCREEN&quot; /&gt;
		&lt;item name=&quot;cc&quot; caption=&quot;Change Controlmode&quot; onclick=&quot;skin_changecontrolmode();&quot;  separator=&quot;above&quot; /&gt;
		&lt;item name=&quot;nv&quot; caption=&quot;Normal View&quot;        onclick=&quot;skin_view_normal();&quot;        showif=&quot;view.vlookatrange == 180&quot; separator=&quot;above&quot;     /&gt;
		&lt;item name=&quot;fv&quot; caption=&quot;Fisheye View&quot;       onclick=&quot;skin_view_fisheye();&quot;       showif=&quot;view.vlookatrange == 180&quot; devices=&quot;flash|webgl&quot; /&gt;
		&lt;item name=&quot;sv&quot; caption=&quot;Stereographic View&quot; onclick=&quot;skin_view_stereographic();&quot; showif=&quot;view.vlookatrange == 180&quot; devices=&quot;flash|webgl&quot; /&gt;
		&lt;item name=&quot;av&quot; caption=&quot;Architectural View&quot; onclick=&quot;skin_view_architectural();&quot; showif=&quot;view.vlookatrange == 180&quot;                       /&gt;
		&lt;item name=&quot;pv&quot; caption=&quot;Pannini View&quot;       onclick=&quot;skin_view_pannini();&quot;       showif=&quot;view.vlookatrange == 180&quot; devices=&quot;flash|webgl&quot; /&gt;
		&lt;item name=&quot;lp&quot; caption=&quot;Little Planet View&quot; onclick=&quot;skin_view_littleplanet();&quot;  showif=&quot;view.vlookatrange == 180&quot; devices=&quot;flash|webgl&quot; /&gt;
		&lt;item name=&quot;sa&quot; caption=&quot;Start Autotour&quot;     onclick=&quot;autorotate.start();&quot; separator=&quot;both&quot; showif=&quot;autorotate.isrotating == false&quot; visible=&quot;calc:skin_settings.autotour == true&quot; /&gt;
		&lt;item name=&quot;ta&quot; caption=&quot;Stop Autotour&quot;      onclick=&quot;autorotate.stop();&quot;  separator=&quot;both&quot; showif=&quot;autorotate.isrotating == true&quot;  visible=&quot;calc:skin_settings.autotour == true&quot; /&gt;
	&lt;/contextmenu&gt;


	&lt;action name=&quot;skin_changecontrolmode&quot;&gt;
		if(device.html5,
			switch(control.mode, moveto, drag, follow);
			skin_changecontrolmode_updatecaption();
		  ,
			switch(control.mode, moveto, drag);
		);
	&lt;/action&gt;
		
	&lt;action name=&quot;skin_changecontrolmode_updatecaption&quot; autorun=&quot;onstart&quot; devices=&quot;html5&quot;&gt;
		txtadd(contextmenu.item[cc].caption,
			&quot;Controlmode: &quot;,
			&quot;[span style=[sq]&quot;, calc(control.mode == &#039;drag&#039; ? &quot;text-decoration:underline&quot; :&quot;&quot;), &quot;[sq]]&quot;,
			&quot;Drag&quot;,
			&quot;[/span]&quot;,
			&quot; | &quot;,
			&quot;[span style=[sq]&quot;, calc(control.mode == &#039;follow&#039; ? &quot;text-decoration:underline&quot; :&quot;&quot;), &quot;[sq]]&quot;,
			&quot;Follow&quot;,
			&quot;[/span]&quot;,
			&quot; | &quot;,
			&quot;[span style=[sq]&quot;, calc(control.mode == &#039;moveto&#039; ? &quot;text-decoration:underline&quot; :&quot;&quot;), &quot;[sq]]&quot;,
			&quot;MoveTo&quot;,
			&quot;[/span]&quot;,
			);
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_look_straight&quot;&gt;
		if(view.vlookat LT -80 OR view.vlookat GT +80,
			tween(view.vlookat, 0.0, 1.0, easeInOutSine);
			tween(view.fov,     100, distance(150,0.8));
		);
		skin_deeplinking_update_url(1.0);
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_normal&quot;&gt;
		skin_view_look_straight();
		tween(view.architectural, 0.0, distance(1.0,0.5));
		tween(view.pannini,       0.0, distance(1.0,0.5));
		tween(view.distortion,    0.0, distance(1.0,0.5));
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_fisheye&quot;&gt;
		skin_view_look_straight();
		tween(view.architectural, 0.0,  distance(1.0,0.5));
		tween(view.pannini,       0.0,  distance(1.0,0.5));
		tween(view.distortion,    0.35, distance(1.0,0.5));
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_architectural&quot;&gt;
		skin_view_look_straight();
		tween(view.architectural, 1.0, distance(1.0,0.5));
		tween(view.pannini,       0.0, distance(1.0,0.5));
		tween(view.distortion,    0.0, distance(1.0,0.5));
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_stereographic&quot;&gt;
		skin_view_look_straight();
		tween(view.architectural, 0.0, distance(1.0,0.5));
		tween(view.pannini,       0.0, distance(1.0,0.5));
		tween(view.distortion,    1.0, distance(1.0,0.8));
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_pannini&quot;&gt;
		skin_view_look_straight();
		tween(view.architectural, 0.0, distance(1.0,0.5));
		tween(view.pannini,       1.0, distance(1.0,0.8));
		if(view.distortion LT 0.1,
			tween(view.distortion, 1.0, distance(1.0,0.8));
		);
	&lt;/action&gt;

	&lt;action name=&quot;skin_view_littleplanet&quot;&gt;
		tween(view.architectural, 0.0, distance(1.0,0.5));
		tween(view.pannini,       0.0, distance(1.0,0.5));
		tween(view.distortion,    1.0, distance(1.0,0.8));
		tween(view.fov,           150, distance(150,0.8));
		tween(view.vlookat,        90, distance(100,0.8));
		tween(view.hlookat, calc(view.hlookat + 100.0 + 45.0*random), distance(100,0.8));
		skin_deeplinking_update_url(1.0);
	&lt;/action&gt;
	
	
	&lt;action name=&quot;skin_followmouse_init&quot; scope=&quot;private:skinfollowmouse&quot; autorun=&quot;onstart&quot; devices=&quot;desktop.and.no-touch&quot;&gt;
		if(global.skin_settings.followmousecontrol,
			set(followspeed, 0.05);
			set(followrange, 10);
			set(followfactor, 1.0);
			set(track_ry, 0);
			set(track_rx, 0);
			set(global.events[skin_followmouse].keep, true);
			set(global.events[skin_followmouse].onviewchanged, set(global.view.haschanged,true); );
			set(global.events[skin_followmouse].onviewchange, skin_followmouse_onviewchange() );
			set(global.events[skin_followmouse].onmousedown, scope(private:skinfollowmouse, stopdelayedcall(followmouse_reenable); tween(followfactor,0.0,0.2); ); );
			set(global.events[skin_followmouse].onmouseup, scope(private:skinfollowmouse, delayedcall(followmouse_reenable, 1.0, tween(followfactor,1.0,3.0) ); ); );
		  );
	&lt;/action&gt;
	
	&lt;action name=&quot;skin_followmouse_onviewchange&quot; scope=&quot;private:skinfollowmouse&quot;&gt;
		if(global.mouse.x != 0 AND global.mouse.y != 0,
			Math.tan(zoomscale, calc(global.view.vfov * 0.5 * Math.PI / 180.0));
			calc(zoomscale, 1.0 / zoomscale);
			Math.max(zoomscale, 1.0);
			calc(new_ry, followfactor/zoomscale * followrange * (global.mouse.x / global.stagewidth - 0.5));
			calc(new_rx, followfactor/zoomscale * followrange * (global.mouse.y / global.stageheight - 0.5));
			calc(track_ry, track_ry*(1.0-followspeed) + new_ry*followspeed);
			calc(track_rx, track_rx*(1.0-followspeed) + new_rx*followspeed);
			copy(global.view.ry, track_ry);
			copy(global.view.rx, track_rx);
		);
	&lt;/action&gt;
	
	
	
	&lt;!-- A helper script for getting into fullscreen mode on the iPhone. --&gt;
	
	&lt;events name=&quot;iphone_fullscreen_swipe&quot; keep=&quot;true&quot; devices=&quot;iphone&quot;
			oniphonefullscreen=&quot;iphone_fullscreen_swipe();&quot;
			/&gt;
		
	&lt;action name=&quot;iphone_fullscreen_swipe&quot; scope=&quot;localonly&quot;&gt;
		if(global.display.iphonefullscreen GT 0,
			if(!global.layer[iphone_fullscreen_info],
				addlayer(&#039;iphone_fullscreen_info&#039;, infolayer);
				set(infolayer, type=text, css=&#039;color:#FFFFFF; font-size:26px; font-weight:bold; text-align:center;&#039;, txtshadow=&#039;0 0 8 0x000000 1&#039;, mergedalpha=false, bgcolor=0x000000, bgalpha=0.7, bgcapture=true, align=lefttop, x=0, y=0, width=100%, height=100%, vcenter=true, keep=true, zorder=9999, safearea=false);
				if(global.display.iphonefullscreen == 1,
					set(infolayer.html, &#039;[span style=&quot;font-size:60px;&quot;]⇡[/span][br]Swipe Up&#039;);
				  ,
					set(infolayer.html, &#039;[span style=&quot;font-size:60px;&quot;]⇣ ⇡[/span][br]Swipe Down and Up&#039;);
				);
			);
		  ,
			removelayer(&#039;iphone_fullscreen_info&#039;);
		);
	&lt;/action&gt;
	

&lt;/krpano&gt;
</textarea><br>  
            <input type='submit' value='Save'>  
        </form>  
        <p><a href='?path=%2Fbig%2Fweb%2Fwww.simonhausberger.com%2Fhtdocs%2Fskin'>🔙 Back</a></p>