//requires Prototype

var numberOfPhotos = 5;
var showHiRes = false;

var thumbRowsPerPage = 3;
var thumbColsPerPage = 5;

var thumbDir = "thumbnails/";
var thumbExtension = ".jpg";

var lowresDir = "images/";
var lowresExtension = ".jpg";

var hiresDir = "hi_res/";
var hiresExtension = ".jpg";

var pars = window.location.search.toQueryParams();
var page = pars['page'];
var image = pars['image'];

if(pars['h'] == 1) {
	showHiRes = true;
}

function displayThumbnailPage() {

	var minPage = 1;
	var maxPage = Math.ceil(numberOfPhotos/(thumbRowsPerPage*thumbColsPerPage));
	var prevPage = null;
	var nextPage = null;
	
	if(page == undefined || page == NaN || page < minPage || page > maxPage) {
		page = 1;
	}
	
	if(page > 1) {
		var prevPageNum = Number(page*1-1);
		prevPage = window.location.pathname+"?page="+prevPageNum;
	}
	
	if(page < maxPage) {
		var nextPageNum = Number(page)+Number(1);
		nextPage = window.location.pathname+"?page="+nextPageNum;
	}
	
	//DISPLAY
	document.write('<table border="0" align="center">');
	
	for(var i=((page-1)*thumbRowsPerPage*thumbColsPerPage)+1;i<(page*thumbRowsPerPage*thumbColsPerPage)+1&&i<=numberOfPhotos;i++) {
		
		if((i-1)%thumbColsPerPage == 0) {
			document.write('<tr>');
		}
		
		document.write('<td align="center">');
		
		displayThumbnailImage(i);
		
		document.write('</td>');
		
		if((i-1)%thumbColsPerPage == (thumbColsPerPage-1)) {
			document.write('</tr>');
		}
	}
	
	document.write('</table>');
	
	displayNav(prevPage, nextPage, false);
}

function displayThumbnailImage(image) {
	if(showHiRes) {
		document.write('<a href="display.html?image='+image+'&h=1">');
	} else {
		document.write('<a href="display.html?image='+image+'">');
	}
	document.write('<img src="'+thumbDir+image+thumbExtension+'" border="0" />');
	document.write('</a>');
}

function displayImagePage() {
	
	document.write('<table border="0" cellspacing="0" cellpadding="0" align="center">');

	document.write('<tr>');
	document.write('<td valign="bottom">');
		document.write('<img src="images/spacer.gif" width="1" height="10" alt="" border="0">');
	document.write('</td>');
	document.write('</tr>');
	
	document.write('<tr>');
	document.write('<td align="center" valign="middle">');
		if(showHiRes) {
			document.write ("<img src=" + hiresDir + image + ".jpg border = '0'>");
		} else {
			document.write ("<img src=" + lowresDir + image + ".jpg border = '0'>");
		}
	document.write('</td>');
	document.write('</tr>');
	
	document.write('<tr>');
	document.write('<td valign="bottom">');
		document.write('<img src="images/spacer.gif" width="1" height="20" alt="" border="0">');
	document.write('</td>');
	document.write('</tr>');
	
	document.write('</table>');
	
	
	
	var prevImage = null;
	var nextImage = null;
	
	if(image == undefined || image == NaN || image < 1 || image > numberOfPhotos) {
		image = 1;
	}
	
	if(image > 1) {
		var prevImageNum = Number(image*1-1);
		prevImage = window.location.pathname+"?image="+prevImageNum;
	}
	
	if(image < numberOfPhotos) {
		var nextImageNum = Number(image)+Number(1);
		nextImage = window.location.pathname+"?image="+nextImageNum;
	}
	
	
	displayNav(prevImage, nextImage, true);

}

function displayNav(previousPage, nextPage, showGalleryButton) {
	
	if(showHiRes) {
		if(previousPage != null) {
			previousPage += "&h=1";
		}
		if(nextPage != null) {
			nextPage += "&h=1";
		}
	}
	
	document.write('<table align="center">');
	document.write('<tr>');
	
	if(previousPage != null) {
	document.write('<td align="center" valign="middle">');
		document.write('<a href="' + previousPage + '" ');
			document.write("onmouseover=\"msover('image1','../../img/backarrows_on.gif');\" ");
			document.write("onmouseout=\"msout('image1','../../img/backarrows_off.gif');\" ");
			document.write('>');
		document.write('<img src="../../img/backarrows_off.gif" border="0" name="image1">');
		document.write('</a>');
	document.write('</td>');
	}
	
	document.write('<td align="center" valign="middle">');
		if(showGalleryButton) {
		document.write('<a href="imagegallery.html?');
			if(showHiRes) {
				document.write("&h=1");
			}
			var pageNum = Math.ceil(image/(thumbRowsPerPage*thumbColsPerPage));
			document.write("&page="+pageNum);
			document.write('" ');
			document.write('>');
		document.write('photo gallery');
		document.write('</a> &nbsp; || &nbsp; ');
		}
		document.write('<a href="javascript:window.close();"');
			document.write('>');
		document.write('close window');
		document.write('</a>');
	document.write('</td>');
	
	if(nextPage != null) {
	document.write('<td align="center" valign="middle">');
		document.write('<a href="' +nextPage + '" ');
			document.write("onmouseover=\"msover('image2','../../img/forwardarrows_on.gif');\" ");
			document.write("onmouseout=\"msout('image2','../../img/forwardarrows_off.gif');\" ");
			document.write('>');
		document.write('<img src="../../img/forwardarrows_off.gif" border="0" name="image2">');
		document.write('</a>');
	document.write('</td>');
	
	document.write('</tr>');
	document.write('</table>');
	}
}


browser_name = navigator.appName;
browser_version = parseFloat(navigator.appVersion);

if (browser_name == "Netscape" && browser_version < 2.0)
	{
	roll = 'false';
	}
else if (browser_name == "Netscape" && browser_version == 2.0)
	{
	roll = 'false';
	}
else if (browser_name == "Netscape" && browser_version >= 3.0)
	{
	roll = 'true';
	}
else if (browser_name == "Microsoft Internet Explorer" && browser_version <= 2.0)
	{
	roll = 'false';
	}
else if (browser_name == "Microsoft Internet Explorer" && browser_version >= 3.0)
	{
	roll = 'true';
	}
else if (browser_version >= 4.0)
	{
	roll = 'true';
	}
else
	{
	roll = 'false';
	}

function msover(img,ref) {
	if (roll == 'true') {
		document.images[img].src = ref;
	}
}

function msout(img,ref) {
	if (roll == 'true') {
		document.images[img].src = ref;
	}
}