<krpano version="1.0.8" onstart="startup();">
	<!-- vtour.xml template krpano tools version 1.0.8.12 -->	

	<!-- text styles for startup info -->
	<textstyle name="infostyle" origin="top" edge="top" yoffset="20" textalign="center" background="false" border="false"  fontsize="40" textcolor="0xFFFFFF" bold="false" effect="glow(0xFFFFFF,0.7,4,2);glow(0x000000,1,4,2);dropshadow(3,45,0x000000,2,0.6);" showtime="4.0" fadetime="1.0" fadeintime="1.0" />

	<action name="startup">
		<!-- load the first scene -->
		loadscene(get(scene[0].name), null, MERGE); 
		
		<!-- build the thumbnails (remove the next line to remove the thumbnails) -->
		buildthumbs(); 
		
		<!-- show info text -->
		showtext('[b][i]A simple tour with scenes[/i][/b][br](build with the MAKE VTOUR droplet)', infostyle);
	</action>
	
	
	<!-- disable the default progress bar -->
	<progress showload="none" showwait="none" />
	

	<!-- hotspot styles (for Flash and HTML5) -->
	<style name="hotspot_ani_black"
	       url="hotspots/hotspot_ani_black_64x64x20.png"
	       crop="0|0|64|64"
	       framewidth="64" frameheight="64" frame="0" lastframe="19"
	       onloaded="hotspot_animate();"
	       altonloaded="if(isphone, mul(scale,2)); onloaded();"
	       />

	<style name="hotspot_ani_white"
	       url="hotspots/hotspot_ani_white_64x64x20.png"
	       crop="0|0|64|64"
	       framewidth="64" frameheight="64" frame="0" lastframe="19"
	       onloaded="hotspot_animate();"
	       altonloaded="if(isphone, mul(scale,2)); onloaded();"
	       />	     
	
	<action name="hotspot_animate">
		inc(frame,1,get(lastframe),0);
		mul(ypos,frame,frameheight);
		txtadd(crop,'0|',get(ypos),'|',get(framewidth),'|',get(frameheight));
		delayedcall(0.03, hotspot_animate() );
	</action>	         

	
	<scene name="scene_pano1" title="pano1" onstart="" thumburl="pano1.tiles/thumb.jpg">

		<view hlookat="-130" vlookat="-30" fovtype="MFOV" fov="110" fovmin="40" fovmax="130" />

		<preview url="pano1.tiles/preview.jpg" />

		<!-- note - to keep the download package small all panos (desktop,mobile,tablet) are using the same small mobile images -->
		<image>
			<left  url="pano1.tiles/mobile_l.jpg" />
			<front url="pano1.tiles/mobile_f.jpg" />
			<right url="pano1.tiles/mobile_r.jpg" />
			<back  url="pano1.tiles/mobile_b.jpg" />
			<up    url="pano1.tiles/mobile_u.jpg" />
			<down  url="pano1.tiles/mobile_d.jpg" />
			<mobile>
				<left  url="pano1.tiles/mobile_l.jpg" />
				<front url="pano1.tiles/mobile_f.jpg" />
				<right url="pano1.tiles/mobile_r.jpg" />
				<back  url="pano1.tiles/mobile_b.jpg" />
				<up    url="pano1.tiles/mobile_u.jpg" />
				<down  url="pano1.tiles/mobile_d.jpg" />
			</mobile>
			<tablet>
				<left  url="pano1.tiles/mobile_l.jpg" />
				<front url="pano1.tiles/mobile_f.jpg" />
				<right url="pano1.tiles/mobile_r.jpg" />
				<back  url="pano1.tiles/mobile_b.jpg" />
				<up    url="pano1.tiles/mobile_u.jpg" />
				<down  url="pano1.tiles/mobile_d.jpg" />
			</tablet>
		</image>

		<!-- place hotspots here -->

		<!-- example hotspot -->
		<hotspot name="spot1" style="hotspot_ani_black" 
		         ath="-145"
		         atv="-42"
		         zoom="false"
		         onclick="looktohotspot(get(name)); loadscene('scene_pano2',null,MERGE,BLEND(1));"
		         />
		-->

	</scene>


	<scene name="scene_pano2" title="pano2" onstart="" thumburl="pano2.tiles/thumb.jpg">

		<view hlookat="+0" vlookat="+20" fovtype="MFOV" fov="110" fovmin="40" fovmax="130" />

		<preview url="pano2.tiles/preview.jpg" />

		<!-- note - to keep the download package small all panos (desktop,mobile,tablet) are using the same small mobile images -->
		<image>
			<left  url="pano2.tiles/mobile_l.jpg" />
			<front url="pano2.tiles/mobile_f.jpg" />
			<right url="pano2.tiles/mobile_r.jpg" />
			<back  url="pano2.tiles/mobile_b.jpg" />
			<up    url="pano2.tiles/mobile_u.jpg" />
			<down  url="pano2.tiles/mobile_d.jpg" />
			<mobile>
				<left  url="pano2.tiles/mobile_l.jpg" />
				<front url="pano2.tiles/mobile_f.jpg" />
				<right url="pano2.tiles/mobile_r.jpg" />
				<back  url="pano2.tiles/mobile_b.jpg" />
				<up    url="pano2.tiles/mobile_u.jpg" />
				<down  url="pano2.tiles/mobile_d.jpg" />
			</mobile>
			<tablet>
				<left  url="pano2.tiles/mobile_l.jpg" />
				<front url="pano2.tiles/mobile_f.jpg" />
				<right url="pano2.tiles/mobile_r.jpg" />
				<back  url="pano2.tiles/mobile_b.jpg" />
				<up    url="pano2.tiles/mobile_u.jpg" />
				<down  url="pano2.tiles/mobile_d.jpg" />
			</tablet>
		</image>

		<!-- place hotspots here -->

		<!-- example hotspot -->
		<hotspot name="spot1" style="hotspot_ani_black" 
		         ath="+40"
		         atv="+33"
		         zoom="false"
		         onclick="looktohotspot(get(name)); loadscene('scene_pano1',null,MERGE,BLEND(1));"
		         />
		-->

	</scene>




	<!-- thumbnail actions begin (remove the 'buildthumbs()' call in the onstart event to remove the thumbs) -->
	<action name="buildthumbs">
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			copy(thumb, scene[get(i)].thumburl);
			txtadd(thumbname,'thumb_',get(i));
			addplugin(get(thumbname));
			set(plugin[get(thumbname)].url, get(thumb));
			set(plugin[get(thumbname)].keep, true);
			set(plugin[get(thumbname)].align, leftbottom);
			set(plugin[get(thumbname)].width,  40);
			set(plugin[get(thumbname)].height, 40);
			set(plugin[get(thumbname)].x, 10);
			set(plugin[get(thumbname)].y, 10);
			mul(plugin[get(thumbname)].x, i,3);
			mul(plugin[get(thumbname)].y, i,3);
			add(plugin[get(thumbname)].x, 5);
			add(plugin[get(thumbname)].y, 5);
			copy(plugin[get(thumbname)].xsmall, plugin[get(thumbname)].x);
			copy(plugin[get(thumbname)].ysmall, plugin[get(thumbname)].y);
			add(plugin[get(thumbname)].zorder, 100, i);
			set(plugin[get(thumbname)].effect,glow(0xFFFFFF,1.0,2,10000));
			set(plugin[get(thumbname)].jsborder,'1px solid #FFFFFF');
			copy(plugin[get(thumbname)].thumbpos, i);
			set(plugin[get(thumbname)].linkedscene, get(scene[get(i)].name) );
			set(plugin[get(thumbname)].onclick, openthumbs() );
			inc(i);
			buildthumbs(NEXT);
		  );
	</action>

	<action name="openthumb">
		if(%2 != NEXT,
			set(pos,0);
			copy(curpos, plugin[%1].thumbpos);
			set(xdst, 0);
			set(ydst, 0);
		  );

		if(pos LT curpos,
			inc(pos);
			inc(ydst,90);
			sub(ymax, stageheight, 100);
			if(ydst GT ymax, inc(xdst,90);set(ydst,0); );
			openthumb(%1,NEXT);
		  ,
			add(xdst,10);
			add(ydst,10);
			tween(plugin[%1].x, get(xdst) );
			tween(plugin[%1].y, get(ydst) );
			tween(plugin[%1].width, 80);
			tween(plugin[%1].height, 80);
		  );
	</action>

	<action name="closethumb">
		tween(plugin[%1].x, get(plugin[%1].xsmall));
		tween(plugin[%1].y, get(plugin[%1].ysmall));
		tween(plugin[%1].width, 40);
		tween(plugin[%1].height, 40);
	</action>

	<action name="openthumbs">
		if(%1 != NEXT,
			set(i,0);
			set(events.onclick, set(events.onclick,null); delayedcall(0.1, closethumbs() ); );
		  );

		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			openthumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, set(events.onclick,null); closethumbs(); loadscene(get(linkedscene),null,MERGE,BLEND(1)); );
			inc(i);
			openthumbs(NEXT);
		  );
	</action>

	<action name="closethumbs">
		if(%1 != NEXT, set(i,0));
		if(i LT scene.count,
			txtadd(thumbname,'thumb_',get(i));
			closethumb(get(thumbname));
			set(plugin[get(thumbname)].onclick, openthumbs() );
			inc(i);
			closethumbs(NEXT);
		  );
	</action>
	<!-- thumbnail actions end -->


</krpano>
