﻿<!-- WOHNHEIM -->
<krpano version="1.20.9" title="Wohnheim">

	<include url="skin/vtourskin.xml" />

	<!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
	<skin_settings maps="false"
	               maps_type="google"
	               maps_bing_api_key=""
	               maps_google_api_key=""
	               maps_zoombuttons="false"
	               maps_loadonfirstuse="true"
	               gyro="true"
	               gyro_keeplookingdirection="false"
	               webvr="true"
	               webvr_keeplookingdirection="true"
	               webvr_prev_next_hotspots="true"
	               autotour="false"
	               littleplanetintro="false"
	               followmousecontrol="false"
	               title="true"
	               thumbs="true"
	               thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"
	               thumbs_opened="false"
	               thumbs_text="false"
	               thumbs_dragging="true"
	               thumbs_onhoverscrolling="false"
	               thumbs_scrollbuttons="false"
	               thumbs_scrollindicator="false"
	               thumbs_loop="false"
	               tooltips_buttons="false"
	               tooltips_thumbs="false"
	               tooltips_hotspots="false"
	               tooltips_mapspots="false"
	               deeplinking="false"
	               loadscene_flags="MERGE"
	               loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"
	               loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"
	               loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"
	               loadingtext=""
	               layout_width="100%"
	               layout_maxwidth="614"
	               controlbar_width="-24"
	               controlbar_height="40"
	               controlbar_offset="20"
	               controlbar_offset_closed="-40"
	               controlbar_overlap.no-fractionalscaling="10"
	               controlbar_overlap.fractionalscaling="0"
	               design_skin_images="vtourskin.png"
	               design_bgcolor="0x2D3E50"
	               design_bgalpha="0.6"
	               design_bgborder="0"
	               design_bgroundedge="1"
	               design_bgshadow="0 4 10 0x000000 0.3"
	               design_thumbborder_bgborder="3 0xFFFFFF 1.0"
	               design_thumbborder_padding="2"
	               design_thumbborder_bgroundedge="0"
	               design_text_css="color:#FFFFFF; font-family:Arial;"
	               design_text_shadow="1"
	               />

	<!--
	    For an alternative skin design either change the <skin_settings> values 
	    from above or optionally include one of the predefined designs from below.
	-->
	<!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
	<!-- <include url="skin/vtourskin_design_glass.xml"       /> -->
	<!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
	<!-- <include url="skin/vtourskin_design_117.xml"         /> -->
	<!-- <include url="skin/vtourskin_design_117round.xml"    /> -->
	<!-- <include url="skin/vtourskin_design_black.xml"       /> -->


	<!-- startup action - load the first scene -->
	<action name="startup" autorun="onstart">
		if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
		loadscene(get(startscene), null, MERGE);
		if(startactions !== null, startactions() );
	</action>

	<!-- for static layer textbox in html used by layers in every scene, neu: die ersten beiden Zeilen (remove scope)  räumen nicht weggeklickte alte Textboxen ab, sont klappt es ab der zweiten Öffnung nicht mehr.-->
	<action name="popup" scope="private:POPUP" args="type, content, width, height, scrollbars"><![CDATA[
		
		removelayer('popup', true);
		scope(private:POPUP, delete(popup); );

		if(popup, break(); );
		addlayer('popup', popup);
		set(popup,
			type=container,
			width=calc(min(width,global.stagewidth*0.9)),
			height=calc(min(height,global.stageheight*0.8)),
			align=center,
			bgborder='1 0x555555 1',
			bgcolor=0x000000, //Hintergrund, Transparenz, Schatten für html Fenster
			bgalpha=0.7,
			bgshadow='0 10 20 0x000000 0.5',
			bgcapture=true,
			maskchildren=true,
			capture=true,
			handcursor=false,
			alpha=0
		);
		if(type == 'html',
			copy(popup.datacontent, content);
			calc(popup.onloaded, 'add_html_code(get(datacontent),'+scrollbars+');');

		  ,type == 'iframe',
			calc(popup.datacontent, '<iframe style="position:absolute;width:100%;height:100%;top:0px;left:0px;" src="'+content+'" frameborder="0" allowfullscreen></iframe>');
			calc(popup.onloaded, 'add_html_code(get(datacontent),'+scrollbars+');');

		  ,type == 'image',
			set(popup,
				bgcolor=0xFFFFFF,
				bgalpha=1,
			);
			addlayer("popup_image", img);
			set(img,
				url=get(content),
				align=center,
				width=-20, height=-20,
				parent=get(popup.name),
				onloaded='popup_imageloaded()'
			);
		);
		tween(global.plugin[pp_blur].range, 40.0);
		delayedcall(0.2, tween(global.layer[popup].alpha, 1.0); );

		set(global.events[popup].onclick,
			set(global.events[popup].name, null);
			tween(global.plugin[pp_blur].range, 0.0);
			tween(global.layer[popup].alpha, 0.0, 0.25, default,
				removelayer('popup', true);
				scope(private:POPUP, delete(popup); );
			);
		);
		]]>
	</action>		

	<!-- arguments: 1=htmlcode, 2=scrollbars -->
	<action name="add_html_code" type="Javascript"><![CDATA[
		var div = document.createElement("div");
		// basic styles to fit into the layer size and allow scrolling:
		div.style.width = "100%";
		div.style.height = "100%";
		div.style.boxSizing = "border-box";
		div.style.overflow = args[2] == "true" ? "auto" : "hidden";
		// allow text selection (optional):
		div.style.webkitUserSelect =
		div.style.MozUserSelect =
		div.style.msUserSelect =
		div.style.userSelect = "text";
		function stopPropagation(e){ e.stopPropagation(); }
		function preventDefault(e){ e.preventDefault(); }
		// enable browsed-based mouse-wheel and touch-scrolling support:
		div.addEventListener("wheel", stopPropagation, true);
		div.addEventListener("mousewheel", stopPropagation, true);
		div.addEventListener("DOMMouseScroll", stopPropagation, true);
		div.addEventListener("touchstart", function(event){ if(krpano.device.ios && window.innerHeight == krpano.display.htmltarget.offsetHeight){ /* avoid the iOS 'overscrolling' for fullpage viewers */ var bs = document.body.parentNode.style; bs.position="fixed"; bs.top=0; bs.left=0; bs.right=0; bs.bottom=0; } krpano.control.preventTouchEvents = false; event.stopPropagation(); }, true);
		div.addEventListener("touchend", function(event){ krpano.control.preventTouchEvents = true; event.stopPropagation(); }, true);
		div.addEventListener("gesturestart", preventDefault, true);
		// add the html code:
		div.innerHTML = args[1];
		// add the div to the layer element:
		caller.sprite.appendChild(div);
	]]>
	</action>

	<!-- Ab hier: Jedes pano als Szene mit Hotspots-->
	<scene name="scene_Rundblick_zentral_neu" title="Außenansicht, 2020." onstart="" thumburl="panos/Rundblick_zentral_neu.tiles/thumb.jpg" lat="" lng="" heading="">
		<!--<layer name="openimage" url="skin/bs-exit-icon128.png" height="4%" width="prop" align="righttop" x="0" y="0" alpha="0.85" onclick="openurl('tour.html', _self);" /> -->
		
		<control bouncinglimits="calc:image.cube ? true : false" />

		<view hlookat="190" vlookat="0.000" fovtype="MFOV" fov="145" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

		<preview url="panos/Rundblick_zentral_neu.tiles/preview.jpg" />

		<image>
			<cylinder url="panos/Rundblick_zentral_neu.tiles/pano_%v%h.jpg" multires="4000,8000x829" />
		</image>
		<hotspot name="spot1" style="skin_hotspotstyle" ath="-164.709" atv="5" alpha="0.6" scale="0.15" linkedscene="scene_studentenwohnheim_ost_calabria_treppenhaus_oben_kunst" />

		<layer name="static-html-textbox-1" url="skin/bs-text-icon128.png" height="6%" width="prop" align="bottomleft" x="1%" y="30%" alpha="0.7" onclick="popup('html', get(data[data_html_layer-static_1].content), 300, 150, true);" />
		<data name="data_html_layer-static_1"><![CDATA[
			<div style="padding:10px;">
				<hr style="border:0;border-top:1px solid white;">
				Rundumblick vom Mittelpunkt des Hochschulareals auf die umliegenden sechs Gebäude: das Lektionsgebäude, das Kulturhaus und die vier gleichförmigen Wohn- und Verwaltungsgebäude. 
				<br>
			</div>
		]]>
		</data>

	</scene>

	<scene name="scene_Studentenwohnheim_Ost_Calabria_Treppenhaus_oben_Kunst" title="Haus „Reggio di Calabria“, Treppenhaus, 2020." onstart="" thumburl="panos/Studentenwohnheim_Ost_Calabria_Treppenhaus_oben_Kunst.tiles/thumb.jpg" lat="" lng="" heading="">
		<!--<layer name="openimage" url="skin/bs-exit-icon128.png" height="4%" width="prop" align="righttop" x="0" y="0" alpha="0.85" onclick="openurl('tour.html', _self);" /> -->
		
		<control bouncinglimits="calc:image.cube ? true : false" />

		<view hlookat="247.958" vlookat="-0.342" fovtype="MFOV" fov="120.000" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />

		<preview url="panos/Studentenwohnheim_Ost_Calabria_Treppenhaus_oben_Kunst.tiles/preview.jpg" />

		<image>
			<cube url="panos/Studentenwohnheim_Ost_Calabria_Treppenhaus_oben_Kunst.tiles/pano_%s.jpg" />
		</image>
		<hotspot name="spot1" style="skin_hotspotstyle" ath="-141.724" atv="12.983" alpha="0.6" linkedscene="scene_rundblick_zentral_neu" />

		<layer name="static-html-textbox-2" url="skin/bs-text-icon128.png" height="6%" width="prop" align="bottomleft" x="1%" y="30%" alpha="0.7" onclick="popup('html', get(data[data_html_layer-static_2].content), 300, 150, true);" />
		<data name="data_html_layer-static_2"><![CDATA[
			<div style="padding:10px;">
				<hr style="border:0;border-top:1px solid white;">
				Im Treppenhaus des Hauses „Reggio di Calabria“ befinden sich noch einzelne Kunstwerke, die in den 1980er Jahren für die Jugendhochschule entworfen worden waren. 
				<br>
			</div>
		]]>
		</data>

	</scene>

</krpano>
