<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>pictures</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/javascript">
var height = new Array(200,215);
var width = new Array(145,150);




</script>
<script language="JavaScript" 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);

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" type="text/javascript" src="slider.js"></script>
<style type="text/css">
<!--
a {
	text-decoration: none;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
}
a:hover {
	color: #999999;
	text-decoration: none;
}
.tablebox {
	height: 75px;
	width: 115px;
}
-->
</style>
</head>

<body bgcolor="#F4F2E9" onLoad="init();MM_preloadImages('imgs/forward_over.gif','imgs/back_over.gif')">
<div id="container" style="position:absolute; left:0px; top:92px; width:585px; height:308px; z-index:100; clip:rect(0 585 308 0);">
<div id="slider" style="position:absolute; left:0px; top:0px; width:585px; height:308px; z-index:1">
	<table height="308" border="0" cellpadding="0" cellspacing="2">
<?php


	$whattoread = fopen("picimages/piclist.txt","r");

	$piclist = file("picimages/piclist.txt");

	fclose($whattoread);


	echo "<tr>";
	for($j = 0; $j < count($piclist); $j = $j+20){
		for($i = 0; $i < 5; $i = $i+1){
			$which = rtrim($piclist[$i+$j]);
			if(!$piclist[$i+$j]){
				echo "<td class=\"tablebox\"><img src=\"picimages/thumbs/thumbspacer.gif\" width=\"115\" height=\"75\"></td>";
			}
			else{
				echo "<td class=\"tablebox\"><a href=\"#\" OnClick=\"MM_openBrWindow('picimages/$which" . ".jpg" . "','','scrollbars=auto,width=800,height=620')\"><img border=\"0\" src=\"picimages/thumbs/$which.gif\" width=\"115\" height=\"75\"></a></td>";
		}
		}
	}
	echo "</tr><tr>";
	for($j = 5; $j < count($piclist); $j = $j+20){
		for($i = 0; $i < 5; $i = $i+1){
			$which = rtrim($piclist[$i+$j]);
			if(!$piclist[$i+$j]){
				echo "<td class=\"tablebox\"><img src=\"picimages/thumbs/thumbspacer.gif\" width=\"115\" height=\"75\"></td>";
			}
			else{
				echo "<td class=\"tablebox\"><a href=\"#\" OnClick=\"MM_openBrWindow('picimages/$which" . ".jpg" . "','','scrollbars=auto,width=800,height=620')\"><img border=\"0\" src=\"picimages/thumbs/$which.gif\" width=\"115\" height=\"75\"></a></td>";
		}
		}
	}
	echo "</tr><tr>";
	for($j = 10; $j < count($piclist); $j = $j+20){
		for($i = 0; $i < 5; $i = $i+1){
			$which = rtrim($piclist[$i+$j]);
			if(!$piclist[$i+$j]){
				echo "<td class=\"tablebox\"><img src=\"picimages/thumbs/thumbspacer.gif\" width=\"115\" height=\"75\"></td>";
			}
			else{
				echo "<td class=\"tablebox\"><a href=\"#\" OnClick=\"MM_openBrWindow('picimages/$which" . ".jpg" . "','','scrollbars=auto,width=800,height=620')\"><img border=\"0\" src=\"picimages/thumbs/$which.gif\" width=\"115\" height=\"75\"></a></td>";
		}
		}
	}
	echo "</tr><tr>";
	for($j = 15; $j < count($piclist); $j = $j+20){
		for($i = 0; $i < 5; $i = $i+1){
			$which = rtrim($piclist[$i+$j]);
			if(!$piclist[$i+$j]){
				echo "<td class=\"tablebox\"><img src=\"picimages/thumbs/thumbspacer.gif\" width=\"115\" height=\"75\"></td>";
			}
			else{
				echo "<td class=\"tablebox\"><a href=\"#\" OnClick=\"MM_openBrWindow('picimages/$which" . ".jpg" . "','','scrollbars=auto,width=800,height=620')\"><img border=\"0\" src=\"picimages/thumbs/$which.gif\" width=\"115\" height=\"75\"></a></td>";
		}
		}
	}
	echo "</tr>";

?>
	</table>
</div>
</div>
<div id="Layer4" style="position:absolute; left:82px; top:405px; width:229px; height:27px; z-index:5">
  - <a href="#" onClick="gotowhere(0);">1</a>
  - <a href="#" onClick="gotowhere(1);">2</a>
  - <a href="#" onClick="gotowhere(2);">3</a>
  - <a href="#" onClick="gotowhere(3);">4</a>
  - <a href="#" onClick="gotowhere(4);">5</a>
  - <a href="#" onClick="gotowhere(5);">6</a>
  -

  </div>

<div id="Layer2" style="position:absolute; left:0px; top:0px; width:620px; height:60px; z-index:6"><img src="imgs/picturestop.jpg" width="620" height="60"></div>
<div id="Layer3" style="position:absolute; left:3px; top:65px; width:150px; height:23px; z-index:7">

  <table width="150" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td valign="bottom"><a  onClick="begin_tween(1);" onMouseOver="MM_swapImage('back','','imgs/back_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img name="back" src="imgs/back.gif" width="63" height="22" border="0"></a></td>
      <td><a  onClick="begin_tween(0);" onMouseOver="MM_swapImage('forward','','imgs/forward_over.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="imgs/forward.gif" width="87" height="23" border="0" name="forward"></a></td>
    </tr>
  </table>
</div>
</body>
</html>
