Theme demonstration.

The theme controls the layout and design of the virtual tour. The theme contains all the positional information and image files for hotspot buttons and canvas design. New themes can be created to fit your own design. The theme separates style from content allowing different designs to be used for  the interface without having to change the panorama XML that contains all the tour information data.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<main>
	<pageTitle>Theme Demo</pageTitle>
	<theme_enabled>true</theme_enabled>
	<panoPreview>true</panoPreview>		
	<numConnections>3</numConnections>																		
	<retryItem>5</retryItem>																											
	<tourTime>65000</tourTime>	
	<qualityMotion>low</qualityMotion>
	<autotour>false</autotour>
	<autotourHorizon>true</autotourHorizon>
	<hiresFolder>pano/pano_hi</hiresFolder>								
	<loresFolder>pano/pano_lo</loresFolder>					
	<defaultRes>low</defaultRes>															
	<panoType>spherical</panoType>										
	<singleFloorMap>true</singleFloorMap>												
	<sphereSize>5000</sphereSize>														
	<segments>medium</segments>																															
	<localConnect>false</localConnect>			
	<loaderImage>images/loader.png</loaderImage>		
	<intro></intro>			   	
	<introImage></introImage>
	<helpImage>images/help.png</helpImage>		
	<map>true</map>	
	<mapVisiblity>true</mapVisiblity>		
	<mapImage>images/map.png</mapImage>
</main>

<panorama>
	<frameId>demo_room_1</frameId>
	<sphere>grid.jpg</sphere>	
	<previewImage>pano/previews/preview.jpg</previewImage>
	<roomTitle>Demo Room 1</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.2</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>
	
	<mapRoom_btn_PosX>135</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>215</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo Room 1</mapRoomAltTag>
	<roomRadarStartAngle>-90</roomRadarStartAngle>
	
	<imageThumbnail>thumbnails/grid.jpg</imageThumbnail>
	<imageThumbnailtxt>Demo Room 1</imageThumbnailtxt>
	<imageThumbnailAltTag>Demo Room 1</imageThumbnailAltTag>
	
	<overviewTab_enable>true</overviewTab_enable>
	<overviewTab_PosX>9</overviewTab_PosX>
	<overviewTab_PosY>8</overviewTab_PosY>
	<roomOverview>
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam placerat, leo nec lobortis varius, tortor neque ultricies mi, non convallis leo dolor eget libero. <br /><br />
	Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam bibendum, tortor at sodales tincidunt, enim dolor viverra risus, eget euismod lacus nisi id tellus.
	Etiam suscipit semper sem ac interdum. Quisque ac risus nibh, ac vehicula dolor.</roomOverview>

	<additionalTab_enable>true</additionalTab_enable>    
	<additionalTab_PosX>117</additionalTab_PosX>
	<additionalTab_PosY>8</additionalTab_PosY>
	<additionalDescription>
	Phasellus sem nisi, venenatis sed elementum vel, molestie ac augue. Duis vitae molestie elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br /><br />
	Etiam erat turpis, hendrerit sed lacinia sagittis, consectetur et augue. Vivamus gravida, felis quis ultrices placerat, dui mauris cursus purus, eget fringilla purus turpis vitae quam. Aenean ac nibh ut ipsum iaculis molestie vel at ante.<br /><br />
	Sed quis ante libero, a ullamcorper quam. Ut at nulla nisl, egestas interdum nisl. Proin fermentum rhoncus enim non elementum. Pellentesque id tellus non nulla faucibus gravida. Maecenas blandit nisi sit amet lacus facilisis sagittis. Ut adipiscing vehicula malesuada. Nam quis urna nisl, pellentesque feugiat nisi.
	</additionalDescription>
			
	<hotspot>
		<hotspotType>bitmap</hotspotType>		
		<hotspotBitmapOn>arrow_on.png</hotspotBitmapOn>
		<hotspotBitmapOff>arrow.png</hotspotBitmapOff>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_2</actionGoto>		
		<altTag>Hotspot:bitmap   Action:room</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>

<panorama>
	<frameId>demo_room_2</frameId>
	<sphere>grid2.jpg</sphere>
	<previewImage>pano/previews/preview.jpg</previewImage>
	<roomTitle>Demo Room 2</roomTitle>
	<startX>0</startX>
	<startY>0</startY>
	<startAuto>0.2</startAuto>
	<startDelay>10</startDelay>
	<zoomMin>1</zoomMin>
	<zoomMax>4</zoomMax>
	<zoomStart>1</zoomStart>
	<zoomSteps>0.1</zoomSteps>
	<stepsKeyboard>75</stepsKeyboard>
	<stepsMouse>60</stepsMouse>
	<friction>0.2</friction>
	<threshold>0.001</threshold>

	<mapRoom_btn_PosX>60</mapRoom_btn_PosX>
	<mapRoom_btn_PosY>65</mapRoom_btn_PosY>
	<mapRoomAltTag>Demo Room 2</mapRoomAltTag>
	<roomRadarStartAngle>-90</roomRadarStartAngle>
	
	<imageThumbnail>thumbnails/grid2.jpg</imageThumbnail>
	<imageThumbnailtxt>Demo Room 2</imageThumbnailtxt>
	<imageThumbnailAltTag>Demo Room 2</imageThumbnailAltTag>

	<hotspot>
		<hotspotType>swf</hotspotType>
		<swf_instanceName>mc_hotspot_room</swf_instanceName>
		<placementX>2160</placementX>
		<placementY>720</placementY>
		<lookatCamera>true</lookatCamera>
		<sizeWidth>500</sizeWidth>
		<sizeHeight>500</sizeHeight>
		<actionType>room</actionType>
		<actionGoto>demo_room_1</actionGoto>		
		<altTag>Hotspot:swf   Action:room</altTag>
		<targetX>0</targetX>
		<targetY>0</targetY>
	</hotspot>
</panorama>
</config>

config.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<themeDir>themes/demotheme</themeDir>
</config>

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>458</tourWindowWidth>		
	<tourWindowHeight>301</tourWindowHeight>	
	<tourWindow_PosX>10</tourWindow_PosX>		
	<tourWindow_PosY>10</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>99</mainLoader_PosX>
	<mainLoader_PosY>200</mainLoader_PosY>
	<loader_PosX>99</loader_PosX>
	<loader_PosY>200</loader_PosY>

	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
	
	<panoTransitionType>random</panoTransitionType>
	<panoTransitionColour>0x333333</panoTransitionColour> 
	<panoTransitionEffect>all</panoTransitionEffect> 	
	<panoTransitionBlurEffect_percentage>30</panoTransitionBlurEffect_percentage>
	<transitionDuration>1</transitionDuration>
	
	<mapImage_PosX>480</mapImage_PosX>											
	<mapImage_PosY>11</mapImage_PosY>	
	<activeMapHotspotColour>0x00FFFF</activeMapHotspotColour>
	<activeMapHotspotOpacity>1</activeMapHotspotOpacity>  					
	<activeMapHotspotRadius>5</activeMapHotspotRadius>
	<mapHotspotColour>0xFF00FF</mapHotspotColour>
	<mapHotspotOpacity>1</mapHotspotOpacity> 												
	<mapHotspotRadius>5</mapHotspotRadius>
	
	<canvas>true</canvas>																					
	<canvasImage>canvasbw.png</canvasImage>	
	
	<buttonPanel>true</buttonPanel>												
	<buttonPanel_Canvas_PosX>0</buttonPanel_Canvas_PosX>						
	<buttonPanel_Canvas_PosY>0</buttonPanel_Canvas_PosY>						
	<buttonPanel_Canvas_helpButtonX>480</buttonPanel_Canvas_helpButtonX>		
	<buttonPanel_Canvas_helpButtonY>320</buttonPanel_Canvas_helpButtonY>	
	<buttonPanel_helpButton_altTag>Display help</buttonPanel_helpButton_altTag>
	<buttonPanel_Canvas_autotourButtonX>367</buttonPanel_Canvas_autotourButtonX>		
	<buttonPanel_Canvas_autotourButtonY>320</buttonPanel_Canvas_autotourButtonY>
	<buttonPanel_startAutotourButton_altTag>Start auto tour</buttonPanel_startAutotourButton_altTag>
	<buttonPanel_stopAutotourButton_altTag>Stop auto tour</buttonPanel_stopAutotourButton_altTag>
	<buttonPanel_Canvas_leftButtonX>10</buttonPanel_Canvas_leftButtonX>		
	<buttonPanel_Canvas_leftButtonY>320</buttonPanel_Canvas_leftButtonY>
	<buttonPanel_leftButton_altTag>Rotate left</buttonPanel_leftButton_altTag>
	<buttonPanel_Canvas_rightButtonX>30</buttonPanel_Canvas_rightButtonX>		
	<buttonPanel_Canvas_rightButtonY>320</buttonPanel_Canvas_rightButtonY>
	<buttonPanel_rightButton_altTag>Rotate right</buttonPanel_rightButton_altTag>
	<buttonPanel_Canvas_upButtonX>50</buttonPanel_Canvas_upButtonX>		
	<buttonPanel_Canvas_upButtonY>320</buttonPanel_Canvas_upButtonY>
	<buttonPanel_upButton_altTag>Pan up</buttonPanel_upButton_altTag>
	<buttonPanel_Canvas_downButtonX>70</buttonPanel_Canvas_downButtonX>		
	<buttonPanel_Canvas_downButtonY>320</buttonPanel_Canvas_downButtonY>
	<buttonPanel_downButton_altTag>Pan down</buttonPanel_downButton_altTag>
	<buttonPanel_Canvas_zoomInButtonX>90</buttonPanel_Canvas_zoomInButtonX>		
	<buttonPanel_Canvas_zoomInButtonY>320</buttonPanel_Canvas_zoomInButtonY>
	<buttonPanel_zoomInButton_altTag>Zoom in</buttonPanel_zoomInButton_altTag>
	<buttonPanel_Canvas_zoomOutButtonX>110</buttonPanel_Canvas_zoomOutButtonX>		
	<buttonPanel_Canvas_zoomOutButtonY>320</buttonPanel_Canvas_zoomOutButtonY>
	<buttonPanel_zoomOutButton_altTag>Zoom out</buttonPanel_zoomOutButton_altTag>
	<buttonPanel_hotspotsToggleButtonX>596</buttonPanel_hotspotsToggleButtonX>
	<buttonPanel_hotspotsToggleButtonY>320</buttonPanel_hotspotsToggleButtonY>
	<buttonPanel_hotspotsToggleButton_on_altTag>Display hotspots</buttonPanel_hotspotsToggleButton_on_altTag>
	<buttonPanel_hotspotsToggleButton_off_altTag>Hide hotspots</buttonPanel_hotspotsToggleButton_off_altTag>
	<buttonPanel_fullscreenButton_altTag>Fullscreen mode</buttonPanel_fullscreenButton_altTag>
	<buttonPanel_highResButton_altTag>Switch to high resolution image</buttonPanel_highResButton_altTag>
	<buttonPanel_lowResButton_altTag> Switch to low resolution image </buttonPanel_lowResButton_altTag>
	<buttonPanel_Canvas_fullscreenButtonX>518</buttonPanel_Canvas_fullscreenButtonX>
	<buttonPanel_Canvas_fullscreenButtonY>320</buttonPanel_Canvas_fullscreenButtonY>
	<buttonPanel_enable_altTags>true</buttonPanel_enable_altTags>			
	<enable_Canvas_LeftButton>true</enable_Canvas_LeftButton>				
	<enable_Canvas_RightButton>true</enable_Canvas_RightButton>				
	<enable_Canvas_UpButton>true</enable_Canvas_UpButton>						
	<enable_Canvas_DownButton>true</enable_Canvas_DownButton>				
	<enable_Canvas_zoomButtons>true</enable_Canvas_zoomButtons>			
	<enableAutotourToggleButton>true</enableAutotourToggleButton>			
	<enablehotspotsToggleButton>true</enablehotspotsToggleButton>			
	<enableResolutionButton>false</enableResolutionButton>							
	<enableHelpButton>true</enableHelpButton>												
	<fullscreen>true</fullscreen>	
	<enablecanvasFullscreenButton>true</enablecanvasFullscreenButton>
	<viewportFullscreenIcon_PosX>10</viewportFullscreenIcon_PosX>		
	<viewportFullscreenIcon_PosY>10</viewportFullscreenIcon_PosY>		
		
	<fullscreenHS_scale>0.75</fullscreenHS_scale>	
	
	<infoPanelType>canvas</infoPanelType>															
	<infoPanel>true</infoPanel>																				 											
	<infoPanelWidth>523</infoPanelWidth>														
	<infoPanelHeight>144</infoPanelHeight>			
	<infoPanel_posX>5</infoPanel_posX>												
	<infoPanel_canvas_posY>345</infoPanel_canvas_posY>								
	<infoPanelColour>0x000000</infoPanelColour>												
	<infoPanelOpacity>.5</infoPanelOpacity>													
	<infoPanelFontName>verdana</infoPanelFontName>										
	<infoPanelFontSize>12</infoPanelFontSize>												
	<infoPanelFontMargin>5</infoPanelFontMargin>										
	<infoPanelFontColour>0x3c2b3d</infoPanelFontColour>								
	<infoPanelFontBold>false</infoPanelFontBold>
	<htmlInfoPanel>false</htmlInfoPanel>
	<tabs_enable_altTags>true</tabs_enable_altTags>   
	<tabFontName>verdana</tabFontName>					
	<tabFontSize>11</tabFontSize>										
	<tabFontColour>0xFFFFFF</tabFontColour>								
	<tabFontBold>false</tabFontBold>

	<overviewTabName>Overview</overviewTabName>
	<overviewTab_altTag>view overview</overviewTab_altTag>
	<overviewData_selectable>true</overviewData_selectable>
	
	<additionalTabName>More Info</additionalTabName>
	<additionalTab_altTag>view more info</additionalTab_altTag>
	<additionalData_selectable>true</additionalData_selectable>
	
	<locationTitle>true</locationTitle>																
	<locationTitleFontName>Verdana</locationTitleFontName>						
	<locationTitleFontSize>12</locationTitleFontSize>									
	<locationTitleFontBold>false</locationTitleFontBold>
	<locationTitle_PosX>120</locationTitle_PosX>
	<locationTitle_PosY>318</locationTitle_PosY>
	<locationTitleWidth>250</locationTitleWidth>
	<locationTitleTxtColour>0xFFFFFF</locationTitleTxtColour>
	<locationTitleBorder>false</locationTitleBorder>
	<locationTitleBorderColour>0x000000</locationTitleBorderColour>
	<locationTitleBackground>false</locationTitleBackground>
	<locationTitleBackgroundColor>0xFFFFFF</locationTitleBackgroundColor>
	
	<thumbnailPanel>true</thumbnailPanel>					 										
	<thumbnailPanel_PosX>543</thumbnailPanel_PosX>                	  
	<thumbnailPanel_PosY>370</thumbnailPanel_PosY>                   
	<thumbnailPanelWidth>145</thumbnailPanelWidth>                    
	<thumbnailPanelHeight>132</thumbnailPanelHeight>                 
	<thumbnailImageWidth>100</thumbnailImageWidth>             		    
	<thumbnailImageHeight>67</thumbnailImageHeight>           			                
	<thumbnailFontName>Verdana</thumbnailFontName>										
	<thumbnailFontSize>9</thumbnailFontSize>		
	<thumbnailFontColour>0x000000</thumbnailFontColour>
	
	<helpLoadingTxt>Loading help</helpLoadingTxt>										
	<helpImage_PosX>230</helpImage_PosX>
	<helpImage_PosY>110</helpImage_PosY>
	
</theme>
</config>