<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=$textEncoding">
<title>$label</title>
<link href="$stylePath" rel=stylesheet>
<script type="text/javascript">
	showing = false;

	function toggleInfo() {
			if (showing == false) {
				if (document.all || document.getElementById) document.getElementById('imageinfo').style.visibility="visible";	// IE & Gecko
				else document.layers['imageinfo'].visibility="show"; // Netscape 4
				showing = true;
			}
			else {
				if (document.all || document.getElementById) document.getElementById('imageinfo').style.visibility="hidden";	// IE & Gecko
				else document.layers['imageinfo'].visibility="hide";	// Netscape 4
				showing = false;
		}
	}
</script>
</head>

<body id="slide">

<table width="100%">
<tr class="head">
<td class="number" width="10%">$imageNum/$totalImages</td>
<td class="date" width="20%"><ja:if exists="originalDate">$originalDate</ja:if><ja:else>$fileDate</ja:else></td>
<td class="name">$label</td>

<td class="navigation" width="20%">

<!-- Index button -->
<a href="../$indexPage"><img src="$resPath/index.gif" border=0 alt="$text.indexPage"></a>

<!-- Previous button -->
<ja:if exists="previousPage">
	<a href="$previousPage"><img src="$resPath/previous.gif" alt="$text.previousPage" border=0></a>
</ja:if>
<ja:else>
	<img src="$resPath/previous_disabled.gif" alt="$text.atFirstPage">
</ja:else>

<!-- Next button -->
<ja:if exists="nextPage">
	<a href="$nextPage"><img src="$resPath/next.gif" alt="$text.nextPage" border=0></a>
</ja:if>
<ja:else>
	<img src="$resPath/next_disabled.gif" alt="$text.atLastPage">
</ja:else>

</td>
</tr>
</table>
<center>
<table><tr valign="TOP"><td>

<!-- Image, maybe with link to original -->
<ja:if exists=originalPath>
	<a href="$originalPath">
		<img src="$imagePath" width="$imageWidth" height="$imageHeight" border=0 alt="$text.originalImage">
	</a>
</ja:if>
<ja:else>
	<img src="$imagePath" width="$imageWidth" height="$imageHeight" alt="$label">
</ja:else>

<!-- Always display comment below image (if exists) -->
<ja:if exists="comment">
	<br>
	<div class="name">$comment</div>
</ja:if>
<ja:else>
	<!-- Try to extract the comment from a file carrying the same base name as this image -->
	<br>
	<div class="name">
		<ja:include page="<%= new File(imageDirectory, label+".txt") %>" />
	</div>
</ja:else>
</td>

<!-- Image info button if camera information exists -->
<ja:if exists="cameraMake">
	<td>
	<a href="javascript:toggleInfo()"><img src="$resPath/camera.gif" alt="$text.cameraInfo" border=0></a>
	<br>
	<div class="imageinfo" id="imageinfo" STYLE="visibility:hidden;">
	<table>
		<tr><td>File size</td><td>$fileSize</td></tr>
		<tr><td>Original date</td><td>$originalDate</td></tr>
		<tr><td>Resolution</td><td>$resolution</td></tr>
		<tr><td>Flash</td><td>$flash</td></tr>
		<tr><td>Focal length</td><td>$focalLength</td></tr>
		<tr><td>Exposure time</td><td>$exposureTime</td></tr>
		<tr><td>Aperture</td><td>$aperture</td></tr>
		<tr><td>Focus Distance</td><td>$focusDistance</td></tr>
		<tr><td>Metering Mode</td><td>$meteringMode</td></tr>
		<tr><td>Camera make</td><td>$cameraMake</td></tr>
		<tr><td>Camera model</td><td>$cameraModel</td></tr>
		<tr><td>Sensor type</td><td>$sensorType</td></tr>
	</table></div>
	</td>
</ja:if>

</tr>
</table>
</center>
<a href="$generatorUrl" target="_blank"><small>$generator</small></a>
</body>
</html>
