Nadir demonstration.

Nadir images can be placed over panoramas so you don't have to edit the panoramic images with them on. The nadir here is a png which is pulled in from a folder. This means that editing nadir images is easy, you can increase and decrease the size of the images using XML as well as fix the image to always be the right way up or allow it to rotate as the panorama rotates.

panorama.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<?xml-stylesheet type="text/xsl" href="panorama.xsl"?>
<config>
<main>
	<pageTitle>Spherical Demo</pageTitle>
	<theme_enabled>true</theme_enabled>
	<numConnections>3</numConnections>																
	<retryItem>5</retryItem>																										
	<qualityMotion>low</qualityMotion>										
	<loresFolder>pano/pano_lo</loresFolder>						
	<defaultRes>low</defaultRes>	
	<panoType>spherical</panoType>																		   											
	<sphereSize>5000</sphereSize>													
	<segments>high</segments>															
	<loaderImage>images/loader.png</loaderImage>
	
	<nadir>true</nadir>
	<nadirImage>images/nadir.png</nadirImage>
	<nadirScale>1.8</nadirScale>
	<nadirLookAtCamera>true</nadirLookAtCamera>
	
</main>
<panorama>
	<frameId>spherical_demo</frameId>
	<sphere>grid.jpg</sphere>	
	<roomTitle>Demo</roomTitle>
	<startX>0</startX>
	<startY>-90</startY>
	<startAuto>0.1</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>
</panorama>
</config>

config.xml

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

theme.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>
<config>
<theme>
	<canvasWidth>700</canvasWidth>						
	<canvasHeight>513</canvasHeight>					
	<tourWindowWidth>700</tourWindowWidth>		
	<tourWindowHeight>513</tourWindowHeight>	
	<tourWindow_PosX>0</tourWindow_PosX>		
	<tourWindow_PosY>0</tourWindow_PosY>
	<cameraFocus>300</cameraFocus>	
	
	<loadingTxt>Loading</loadingTxt>					
	<mainLoader_PosX>200</mainLoader_PosX>
	<mainLoader_PosY>250</mainLoader_PosY>
	<loader_PosX>200</loader_PosX>
	<loader_PosY>230</loader_PosY>
	
	<fullscreen>true</fullscreen>
	<viewportFullscreenIcon_PosX>15</viewportFullscreenIcon_PosX>
	<viewportFullscreenIcon_PosY>15</viewportFullscreenIcon_PosY>
	<buttonPanel_fullscreenButton_altTag>Fullscreen mode</buttonPanel_fullscreenButton_altTag>
	<buttonPanel_enable_altTags>true</buttonPanel_enable_altTags>
	
	<altTagFontName>Verdana</altTagFontName>
	<altTagFontSize>11</altTagFontSize>
	<altTagFontColour>0xFFFFFF</altTagFontColour>
	<altTagFontBold>false</altTagFontBold>
	<altTagBackground>true</altTagBackground>
	<altTagBackgroundColor>0x462c64</altTagBackgroundColor>
	<altTagHeight>5</altTagHeight>
</theme>
</config>