<%
  // Generate drop box options for quick navigation
  void addLinks() {
    if (totalIndexes == void) totalIndexes = 1;
    for (i=1; i<=totalIndexes; i++) {
      out.print("<option");
      if (i == indexNum) out.print(" selected");
      out.println(" value=\"" + engine.getIndexPageName() + (i==1?"":i) + engine.getPageExtension() + "\">" +    "Page " + i + "</option>");
    }
  }
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=$textEncoding" />
<title>$title</title>
<link href="$stylePath" rel=stylesheet>
<meta name="Keywords" CONTENT="photo album,gallery,photo gallery,digital,photo,gallery,online">
</head>

   <body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0" style="margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px;">

<table class="nav" width="100%" cellspacing="6">
<tr>
	<td align="center"><ja:if exists="parentIndexPage"><a href="$parentIndexPage">&nbsp;&nbsp;Up&nbsp;&nbsp;</a></ja:if></td>
	<td align="center"><a href="$link1">&nbsp;&nbsp;$menu1&nbsp;&nbsp;</a></td>
	<td align="center"><a href="$link2">&nbsp;&nbsp;$menu2&nbsp;&nbsp;</a></td>
	<td align="center"><a href="$link3" >&nbsp;&nbsp;$menu3&nbsp;&nbsp;</a></td>
</tr>
</table>

<small style="font-size: 7px;">&nbsp;</small>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="$resPath/separator.gif" width="35" height="1" alt="" border="0"></td>
<td width="100%" align="left">
<big class="header">$title</big><br><span class = "subheader">$info</span>
<p>&nbsp;</p>
</td>
</tr></table>


<table border="0" cellspacing="0" cellpadding="0"><tr>

<td><img src="$resPath/separator.gif" width="35" height="1" alt="" border="0"></td>
<td width="415" height="33" background="$resPath/tab1b.jpg">

<!-- HERE'S THE PAGE SELECTION CODE -->
<ja:if exists="totalIndexes">
	<table border="0" cellspacing="3" cellpadding="0"><tr><td>&nbsp;&nbsp;</td><td><ja:if exists="previousIndexPage"><a href="$previousIndexPage"><img src="$resPath/left.gif" border="0" alt="Previous page"></a></ja:if><ja:else><img src="$resPath/left.gif" alt="At first page"></ja:else></td><td>
	  <small>
	  <select style="border: 0px none;" onChange="window.location.href = this.options[this.selectedIndex].value">
		<% addLinks() %>
	  </select>
	  </small>
</td><td><ja:if exists="nextIndexPage"><a href="$nextIndexPage"><img src="$resPath/right.gif" border="0" alt="Next page"></a></ja:if><ja:else><img src="$resPath/right.gif" alt="At last page"></ja:else></td><td>
	&nbsp;&nbsp;<small class="tab"><%=1+(indexNum-1)*rows*cols%>-<%=(indexNum-1)*rows*cols+indexImageCount%> (of $totalAlbumImages found)</b></small><br>
	</td></tr></table>
</ja:if>
<!-- PAGE SELECTION CODE ENDS -->
</td><td>&nbsp;
</td></tr></table>


<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="$resPath/separator.gif" width="35" height="1" alt="" border="0"></td>
<td width="100%">

<table width="100%" border="0" cellspacing="0" cellpadding="5" style="line-height: 90%;"  bordercolor="#565550" bordercolorlight="#ede6cf" bordercolordark="#868266" bgcolor="#E9E3D5">

<tr style="background-color: #E9E3D5; color: #565550;" bgcolor="#E9E3D5">
<td width="100%">

<ja:rowiterator>
<ja:coliterator>

<a href="$closeupPath" title="$label | <%= comment!=void?comment:"" %>"><img src="$thumbPath" border="6" style="border-color:#F7F3F0" vspace="2" width="$thumbWidth" height="$thumbHeight"></a>

</ja:coliterator>
</ja:rowiterator>

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

</td>
<td><img src="$resPath/separator.gif" width="35" height="1" alt="" border="0"></td>
</tr></table>

<br>

<center>
<p><small>This album has $totalAlbumImages photos in total.<br>
Album was created $currentDate.<br><br>
	<div class="generator">
	Generated by <a href="$generatorUrl" title="JAlbum - Freeware web photo album generator" target="_blank">$generator</a>
	&nbsp;&nbsp;Design inspired by <a href="http://photography-on-the.net">Exhibit Engine</a>
	</div>
</p>
</center>

</body>
</html>
