<!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" bgcolor="#FFFFFF">
<table align="center">
	<tr class="head" align="center">
		<td class="number" align="right" nowrap></td>

		<td class="number" align="left" nowrap> <ja:if exists="totalIndexes"> <ja:if exists="parentIndexPage">
			<a href="$parentIndexPage"><img src="$resPath/up.gif" border=0 alt="Up one level"></a>
			</ja:if>
			<!-- Create navigation buttons if more than one index page -->
			<ja:if exists="totalIndexes">
			<!-- Previous button -->
			<ja:if exists="previousIndexPage"> <a href="$previousIndexPage"><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> </ja:if>
			<!-- Next button -->
			<ja:if exists="nextIndexPage"> <a href="$nextIndexPage"><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> </td>

		<td class="pagenumber" nowrap> <ja:if exists="totalIndexes"> $indexNum[$totalIndexes]
			</ja:if> </td>

	</tr>
	<tr class="head">
		<td class="number" colspan="3"">
			<div align="center">
				<hr noshade size="1">
				$title</div>
		</td>
	</tr>
	<tr class="head">
		<td class="number" colspan="3">
			<!-- Iterate through images and produce an index table -->
			<table border=0 cellpadding=0 cellspacing=0 align=center background="$resPath/bg-td.gif">
				<tr>
					<td> <img src="$resPath/ramen_01.jpg" width=14 height=14 alt=""></td>
					<td> <img src="$resPath/ramen_02.jpg" width="100%" height=14 alt=""></td>
					<td> <img src="$resPath/ramen_03.jpg" width=14 height=14 alt=""></td>
				</tr>
				<tr>
					<td> <img src="$resPath/ramen_04.jpg" width="14" height="<%=(maxThumbHeight+25)*currentRows;%>" alt=""></td>
					<td valign="top">
						<!-- ((int)(imageWidth.intValue()/3.2)) -->
						<table  borderwidth=1 bakground="$resPath/bg-td.gif">
							<ja:rowiterator>
							<tr> <ja:coliterator>
								<td height="<%=100/rows;%>%" width="<%=100/cols;%>%" nowrap>
									<a href="$closeupPath"> <ja:if exists="iconPath"><img src="$iconPath" width="$thumbWidth" height="$thumbHeight" border=2><br>
								</ja:if> <ja:else> <img class="image" src="$thumbPath" width="$thumbWidth" height="$thumbHeight" border=2><br></ja:else> <small>$label</small></a><!--<ja:if exists=comment><br><small>$comment</small></ja:if>--></td>
								</ja:coliterator> </tr>
							</ja:rowiterator>
						</table>
					</td>
					<td> <img src="$resPath/ramen_06.jpg" width=14 height="<%=(maxThumbHeight+25)*currentRows;%>" alt=""></td>
				</tr>
				<tr>
					<td> <img src="$resPath/ramen_07.jpg" width=14 height=14 alt=""></td>
					<td> <img src="$resPath/ramen_08.jpg" width="100%" height=14 alt=""></td>
					<td> <img src="$resPath/ramen_09.jpg" width=14 height=14 alt=""></td>
				</tr>
			</table>
		</td>
	</tr>
</table>
<div><a href="$generatorUrl" target="_blank"><small>$generator</small></a>
</div>
</body>
</html>
