﻿<krpano>
	
	<!--
		An example for showing the different basic control modes.
		Further customization is possible by adjusting the <control> settings.
		
		More information here:
		  https://krpano.com/docu/xml/#control
	-->

	<view hlookat="0" vlookat="0" fovtype="DFOV" fov="120" fovmin="70" fovmax="170" limitview="auto" />

	<preview url="../demotour-corfu/panos/achilleion-hof-unten.tiles/preview.jpg" />

	<image>
		<cube url="../demotour-corfu/panos/achilleion-hof-unten.tiles/mobile_%s.jpg" if="browser.domain != 'krpano.com'" />
		<cube url="https://krpano.com/tours/corfu/panos/achilleion-hof-unten.tiles/%s/l%l/%v/l%l_%s_%v_%h.jpg" multires="512,768,1536,2816" if="browser.domain == 'krpano.com'" />
	</image>
	
	<style name="button" type="text"
	       css="text-align:center;"
	       padding="4 8"
	       mergedalpha="false"
	       bgborder="4 0xFFFFFF 1"
	       bgroundedge="1"
	       bgshadow="0 1 4 0x000000 1.0"
	       onover="set(bgcolor, 0xC7E4FC);"
	       onout="calc(bgcolor, pressed ? 0x90CAF9 : 0xFFFFFF);"
	       ondown="set(bgcolor, 0x90CAF9);"
	       onup="calc(bgcolor, hovering ? 0xC7E4FC : 0xFFFFFF);"
	       />

	<style name="button_selected"
	       css="text-align:center; text-decoration:underline;"
	       />

	<layer name="info" type="text" html="Select Control Mode:" bg="false" align="bottom" y="70" css="color:#FFFFFF;" txtshadow="0 1 2 0x000000 1.0" enabled="false" />

	<layer name="mode_drag" style="button|button_selected" align="bottom" x="-80" y="40" width="60"
		html="Drag"
		onclick="set(control, mouse=drag, touch=drag);
		         layer[mode_drag].loadstyle(button|button_selected);
		         layer[mode_follow].loadstyle(button);
		         layer[mode_moveto].loadstyle(button);
		         "
		/>

	<layer name="mode_follow" style="button" align="bottom" x="0" y="40" width="60"
		html="Follow"
		onclick="set(control, mouse=follow, touch=follow);
		         layer[mode_drag].loadstyle(button);
		         layer[mode_follow].loadstyle(button|button_selected);
		         layer[mode_moveto].loadstyle(button);
		         "
		/>
	
	<layer name="mode_moveto" style="button" align="bottom" x="+80" y="40" width="60"
		html="MoveTo"
		onclick="set(control, mouse=moveto, touch=moveto);
		         layer[mode_drag].loadstyle(button);
		         layer[mode_follow].loadstyle(button);
		         layer[mode_moveto].loadstyle(button|button_selected);
		         "
		/>

</krpano>
