<?xml version="1.0" encoding="utf-8" ?>          
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:output method="html" encoding="utf-8" indent="no" />

	<xsl:variable name="imagesPerRow">3</xsl:variable>

	<xsl:template name="displayImage">
				<td width="{100 div $imagesPerRow}%" valign="top">
				<p align="center">
				<xsl:element name="a">
					<xsl:attribute name="href"><xsl:value-of select="file" /></xsl:attribute>
					<xsl:element name="img">
					<xsl:attribute name="src"><xsl:value-of select="//index/folder/thumbsPath" />/<xsl:value-of select="file" /></xsl:attribute>
					<xsl:attribute name="width"><xsl:value-of select="thumbWidth" /></xsl:attribute>
					<xsl:attribute name="height"><xsl:value-of select="thumbHeight" /></xsl:attribute>
					</xsl:element>
				</xsl:element>
				</p>
				</td>	
	</xsl:template>

	<xsl:template name="displayCaption">
				<td bgcolor="#e0e0e0"  valign="top">
				<font color="blue">
				<xsl:value-of select="substring(time,12,8)" />
				</font>
				<xsl:text> </xsl:text>
				<xsl:value-of select="comment" />
				</td>	
	</xsl:template>
	
	<xsl:template match="images" name="displayImages">
		<table width="100%">
		
			<xsl:for-each select="image[(position() mod $imagesPerRow) = 1]">
			
				<tr>
					<xsl:variable name="imagepos"><xsl:number /></xsl:variable>		
					<xsl:for-each select="../image[(position() &gt;=$imagepos) and (position() &lt; ($imagepos+$imagesPerRow))]">
						<xsl:call-template name="displayImage" />
					</xsl:for-each>
				</tr>
				<tr>
					<xsl:variable name="imagepos"><xsl:number /></xsl:variable>		
					<xsl:for-each select="../image[(position() &gt;=$imagepos) and (position() &lt; ($imagepos+$imagesPerRow))]">
						<xsl:call-template name="displayCaption" />
					</xsl:for-each>
				</tr>
				
			</xsl:for-each>
			
		</table>	
	</xsl:template>
	
	<xsl:template name="displayFolders">
	
		<xsl:for-each select="folder">
		
			<xsl:element name="img">
			<xsl:attribute name="src"><xsl:value-of select="name" />/<xsl:value-of select="//index/folder/thumbsPath" />/<xsl:value-of select="sampleImage" /></xsl:attribute>
			<xsl:attribute name="align">left</xsl:attribute>
			</xsl:element>		
		
			<xsl:element name="a">
			<xsl:attribute name="href"><xsl:value-of select="name" /></xsl:attribute>
			<xsl:value-of select="title" />
			</xsl:element>
			<br />

			<i><xsl:value-of select="date" /></i>
			<br />

			<xsl:value-of select="description" />

			<br clear="all"/><br />
		
		</xsl:for-each>
		
	</xsl:template>
	
	<xsl:template name="displaySampleImage">
		<xsl:param name="sampleImage" />
		
		<xsl:element name="img">
		<xsl:attribute name="src"><xsl:value-of select="//index/folder/thumbsPath" />/<xsl:value-of select="$sampleImage" /></xsl:attribute>
		<xsl:attribute name="width"><xsl:value-of select="//index/images/image[file = $sampleImage]/thumbWidth" /></xsl:attribute>
		<xsl:attribute name="height"><xsl:value-of select="//index/images/image[file = $sampleImage]/thumbHeight" /></xsl:attribute>
		</xsl:element>
		
	</xsl:template>
	
	
	<xsl:template match="folder" name="displayFolderInfo">
	
		<br />
		<b><xsl:value-of select="title" /></b>
		<br /><br />
		
		<xsl:if test="sampleImage">
			<xsl:call-template name="displaySampleImage">
				<xsl:with-param name="sampleImage" select="sampleImage" />
			</xsl:call-template>	
			<br /><br />
		</xsl:if>	
		
		<xsl:value-of select="date" />
		<br /><br />
		<xsl:value-of select="description" />
		<br /><br />
		
		<xsl:element name="a">
		<xsl:attribute name="href"><xsl:value-of select="//index/parent/url" /></xsl:attribute>
		<xsl:value-of select="//index/parent/title" />
		</xsl:element>
		
	</xsl:template>

	<xsl:template match="index">
		<html>
			<head>
				<title>
					<xsl:value-of select="folder/title" />
					<xsl:if test="//index/parent/title">
						<xsl:text> - </xsl:text> 
						<xsl:value-of select="//index/parent/title" />
					</xsl:if>	
				</title>
				<style>
					BODY,TD {font-family: verdana; font-size: 8pt }
				</style>
			</head>
			<body>
				<table cellspacing="3" width="100%">
					<tr>
						<td colspan="2" bgcolor="#d0d0ff">
							<h2>
								<p align="center">
									<xsl:value-of select="folder/title" />
									<xsl:if test="//index/parent/title">
										<xsl:text> - </xsl:text> 
										<xsl:value-of select="//index/parent/title" />
									</xsl:if>	
								</p>
							</h2>
						</td>
					</tr>
					<tr>
						<td valign="top" bgcolor="#f0f0f0" width="20%">
							<xsl:for-each select="folder">
								<xsl:call-template name="displayFolderInfo" />
							</xsl:for-each>
						</td>
						<td valign="top" bgcolor="#f0f0f0" width="80%">
							<xsl:for-each select="images">
								<xsl:call-template name="displayImages" />
							</xsl:for-each>
							<xsl:for-each select="folders">
								<xsl:call-template name="displayFolders" />
							</xsl:for-each>							
						</td>
					</tr>
				</table>
			</body>
		</html>
	</xsl:template>

</xsl:stylesheet>