<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=$textEncoding" />
<title>$title</title>
<link href="$stylePath" rel=stylesheet>
</head>

<body id="index">
<table>
<tr>
<td class="nav">
$title<ja:if exists="parentIndexPage">&nbsp;|&nbsp;<a target="_top" href="$parentIndexPage">Up</a></ja:if><!-- Create Google-like navigation links if more than one index page --><ja:if exists="totalIndexes">&nbsp;|&nbsp;<%
	  for (i=1; i<=totalIndexes; i++) {
		if (i == indexNum) out.print("&nbsp;<font color=\"green\">" + i + "</font>");  // Emphasize current index page
		else {
		  out.print("<a href=\"" + engine.getIndexPageName() + (i==1?"":i)
		   + engine.getPageExtension() + "\">" + "&nbsp;" + i + "</a>");
		}
	  }
	%>
</ja:if>

</td>
<td>
<!-- Iterate through images and produce an index table -->
<table>
<ja:rowiterator>
	<tr>
	<ja:coliterator>
		<td valign="bottom" width="$maxThumbWidth">
				<a title="$label" target="<%= files[imageNum-1].isDirectory()?"_top":"slide" %>" href="$closeupPath">
				<ja:if exists="iconPath">
					<!-- No frames around icons like folders and movie files -->
					<img src="$iconPath" width="$thumbWidth" height="$thumbHeight" border=0><br>
					<small>$label</small>
				</ja:if>
				<ja:else>
					<img class="image" src="$thumbPath" width="$thumbWidth" height="$thumbHeight" border=0><br>
				</ja:else>
			</a>
		</td>
	</ja:coliterator>
	</tr>
</ja:rowiterator>

</table>
</td>
</tr>
</table>

</body>
</html>
