<gallery>

	<!-- The line below sets the path to the folder where the images are stored -->
	
	<setup path="images/">
	
	<!-- The the following lines are used to customize the look of the gallery -->
	


<imgWidth>650</imgWidth> 					<!-- width of the main large image area (jpg) -->

<imgHeight>650</imgHeight>  				<!-- height of the main image area (jpg) -->

<thumbHeight>40</thumbHeight> 				<!-- height of a thumbnail (jpg) -->

<thumbWidth>40</thumbWidth> 				<!-- width of a thumbnail (jpg) -->

<imgLink></imgLink> 						<!-- This will turn the main image into a link that when clicked on will take you to the URL. -->

<thumbType>images</thumbType> 				<!-- Changes the style of thumbnail to be displayed. Valid values are: 
											"images", "numbers" and "solidColor". Default value is "images". -->
											
<autoPlay>10</autoPlay> 						<!-- number of seconds that an image is displayed while in auto mode -->

<backgroundAlpha>100</backgroundAlpha> 		<!-- Alpha value of the Background rectangle -->

<bgBorderThickness>0</bgBorderThickness> 	<!-- Thickness of the background rectangles edge -->

<backgroundColor>#000000</backgroundColor> 	<!-- Color of the background rectangle -->

<imgBgColor>#000000</imgBgColor> 			<!-- Changes the color of the area behind the main image. This is the area that 
											shows if an image is smaller than what you defined for the properties: imgHeight and imgWidth. -->

<thumbActiveColor>#FF0000</thumbActiveColor> 	<!-- Color of the Thumbnail outline once clicked on -->

<numberColor>0x333333</numberColor> 		<!-- The text color of the numbers. The default value is 0x333333 -->

<numberFontSize>10</numberFontSize>			<!-- The font size of the numbers. The default value is 10 -->

<numberBold>false</numberBold> 				<!-- Boolean value that indicates if the numbers are bold. The default value is false. -->

<thumbColor>#333333</thumbColor> 			<!-- Default color of the Thumbnail outline -->

<thumbRollColor>#999999</thumbRollColor> 	<!-- Color of the outline when rolling over -->

<backgroundCorner>0</backgroundCorner> 	<!-- Corner radius of the background rectangle -->

<imgCorner>0</imgCorner> 					<!-- Corner radius on the main image -->

<thumbCorner>0</thumbCorner> 				<!-- Corner radius of the thumbnails -->

<thumbMaskCorner>0</thumbMaskCorner> 		<!-- Corner radius of the thumbnail Mask. Edges can be seen when thumbs are scrolling on/off screen. -->

<scrollSpeed>8</scrollSpeed> 				<!-- Speed that the thumbnails scroll when rolled over. -->

<showLoader>true</showLoader> 				<!-- Defines whether or not to show the loading animation. Default is true -->

<thumbSpace>8</thumbSpace> 					<!-- Distance in pixels between the thumbnails -->

<thumbnailRows>1</thumbnailRows> 			<!-- Number off rows of thumbnails to display -->

<thumbAlpha>35</thumbAlpha> 				<!-- Alpha percentage of the non-selected thumbnails -->

<thumbOutlineThick>1</thumbOutlineThick> 	<!-- Thickness of the outline on the thumbnails -->

<thumbPosition>bottom</thumbPosition> 		<!-- Position of the thumnails relative to the main image area. Options are: left, right, top or bottom -->

<thumbCaptionChange>true</thumbCaptionChange> 	<!-- Property that determines if the caption TextField should 
											change when thumbnails are rolled over. If set to true, the caption TextField will show the 
											caption for the thumbnail that is currently rolled over. If set to false, no change 
											will take place in the caption TextField. -->
											
<thumbToImgSpace>12</thumbToImgSpace> 		<!-- The distance between the thumbnails and the main image area -->

<transitionSpeed>1</transitionSpeed> 		<!-- Speed at which the main image will transition to the next image after a thumbnail is clicked. -->

<transitionType>fade</transitionType> 	<!-- Type of transition on the main image when a thumbnail is clicked. select from: 
											fade, zoom, squeeze, pixeldissolve, blinds, wipe, iris, photo or fly -->
											
<imageCentering>center</imageCentering> 	<!-- Changes the position of the loaded image inside the main image area. Valid values are:
											"center", "left", "right", "top" or "bottom". Default value is "center". This property is 
											only relevant if images are smaller in size than what you defined for the properties i
											mgHeight and imgWidth. -->
											
<soundThumbRoll>click.wav</soundThumbRoll> 	<!-- This property sets the sound that will play when a thumbnail is rolled over. 
											The sound defined must match a sound in the library with the same linkage name. 
											The library sound should also be set to "Export for actionscript" and "Export in first frame" 
											If no sound is defined, no sound will play. The sound can't be changed when using the stand-alone 
											template but you can turn it off by setting this property to blank.. -->
											
<soundThumbClick></soundThumbClick> 		<!-- This property sets the sound that will play when a thumbnail is clicked on. 
											The sound defined must match a sound in the library with the same linkage name. 
											The library sound should also be set to "Export for actionscript" and "Export in first frame" 
											If no sound is defined, no sound will play. The sound can't be changed when using the stand-alone 
											template but you can turn it off by setting this property to blank.. -->
											
<stopAutoOnClick>true</stopAutoOnClick> 	<!-- Property that changes whether or not to stop the automatic cycling of images 
											after a thumbnail is clicked or after the following methods are called: nextImage() prevImage(). 
											Default value is true. -->
											
<randomImages>false</randomImages> 			<!-- Property that changes whether or not to randomize the order of images displayed. If set to false, 
											the image order will be the order the images are defined in the XML file. -->
											
<loopImages>true</loopImages> 				<!-- Property that changes whether or not to loop through the images when the autoPlay 
											feature is on or if browsing images using the method: nextImage() -->
											
<noCache>false</noCache> 					<!-- Property that changes whether or not the browser will cache the JPGs and XML file. 
											If set to true, the JPGs and XML file will be reloaded from the server and not taken from the browser cache. 
											This is useful if you will frequently change the images shown in the gallery. Default value is false. -->
											
<scaleToFit>false</scaleToFit> 				<!-- Property that changes whether or not to scale the main images and thumbnails to fit the viewable area. 
											If set to true, and the images are smaller than the viewable area, the images will upscale to fill the space. 
											If the images are larger, they will downscale to fit the space. If images are not the same proportion as 
											the viewable area, cropping will occur. -->
											
<captionPosition>bottom</captionPosition> 	<!-- For the Template only. Sets the location of the caption and next/previous controls. Can either be "top" 
											or "bottom". This is not needed for the component because caption and controls can be placed anywhere manually 
											in Flash. -->
											
<showControls>true</showControls> 			<!-- For the Template only. Defines whether or not to display the next/previous/play/pause copntrols. This is 
											not needed for the component because controls can be manually edited. -->
		
	 </setup>
	 
	<!-- The following lines set  the names of your images and thumbnails -->
	<item>
		<thumb>t01.jpg</thumb>
		<img>01.jpg</img>
	</item>
	<item>
		<thumb>t02.jpg</thumb>
		<img>02.jpg</img>
	</item>
	<item>
		<thumb>t03.jpg</thumb>
		<img>03.jpg</img>

	</item>
	<item>
		<thumb>t04.jpg</thumb>
		<img>04.jpg</img>

	</item>
	<item>
		<thumb>t05.jpg</thumb>
		<img>05.jpg</img>

	</item>
	<item>
		<thumb>t06.jpg</thumb>
		<img>06.jpg</img>
	</item>
	<item>
		<thumb>t07.jpg</thumb>
		<img>07.jpg</img>
	</item>

	<item>
		<thumb>t08.jpg</thumb>
		<img>08.jpg</img>
	</item>
	<item>
		<thumb>t09.jpg</thumb>
		<img>09.jpg</img>
	</item>
	<item>
		<thumb>t10.jpg</thumb>
		<img>10.jpg</img>
	</item>
	<item>
		<thumb>t11.jpg</thumb>
		<img>11.jpg</img>
	</item>
	<item>
		<thumb>t12.jpg</thumb>
		<img>12.jpg</img>
	</item>
	<item>
		<thumb>t13.jpg</thumb>
		<img>13.jpg</img>
	</item>
</gallery>
