<!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>
<script type="text/javascript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>
<body id="slide" style="background-image:url($resPath/bakgrund.jpg)">
<div class="imageinfo" id="imageinfo" style="position:absolute; left:98px; top:123px; z-index:1; background-color: #000000; layer-background-color: #000000; width: 385px; height: 20px; visibility: hidden; border: 1px none #000000; background-image: url($resPath/bakgrund.jpg); layer-background-image: url($resPath/bakgrund.jpg)">
	<table width="100%" border="0" cellpadding="2" cellspacing="0">
		<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>
<table align="center" width="90%">
	<tr class="head">
		<td class="navigation" colspan="3">
			<!-- Index button -->
			<div align="center"><a href="../$indexPage"><img src="$resPath/index.gif" border=0 alt="Index page"></a>
				<!-- Previous button -->
				<ja:if exists="previousPage"> <a href="$previousPage"><img src="$resPath/previous.gif" alt="Previous page" border=0></a>
				</ja:if> <ja:else> <img src="$resPath/previous_disabled.gif" alt="At first page">
				</ja:else>
				<!-- Next button -->
				<ja:if exists="nextPage"> <a href="$nextPage"><img src="$resPath/next.gif" alt="Next page" border=0></a>
				</ja:if> <ja:else> <img src="$resPath/next_disabled.gif" alt="At last page">
				</ja:else> <ja:if exists="cameraMake"><a href="javascript:toggleInfo()"><img src="$resPath/camera.gif" alt="Fotographic information" border=0></a>
				</ja:if> <ja:if exists="originalDate"></ja:if><ja:else></ja:else></div>
		</td>
	</tr>
	<tr class="head">
		<td class="filename" width="33%" nowrap style="background-image:url($resPath/titlebakgrund.jpg)">
			<div align="left">$label</div>
		</td>
		<td class="date" width="33%" nowrap style="background-image:url($resPath/titlebakgrund.jpg)">
			<div align="center"><ja:if exists="originalDate">$originalDate</ja:if><ja:else>$fileDate</ja:else></div>
		</td>
		<td class="number" width="33%" nowrap style="background-image:url($resPath/titlebakgrund.jpg)">
			<div align="right">$imageNum[$totalImages]</div>
		</td>
	</tr>
	<tr class="head">
		<td class="number" colspan="3">
			<!-- Image, maybe with link to original -->
			<div align="center"><ja:if exists=originalPath> <a href="$originalPath">
				<img src="$imagePath" width="$imageWidth" height="$imageHeight" border=0 alt="Original image">
				</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>
				$comment </ja:if> </div>
		</td>
	</tr>
</table>
<div><a href="$generatorUrl" target="_blank"><small>$generator</small></a> </div>
</body>
</html>
