var qs = location.href.replace(/.*\?/, '')
	
	var img = qs.split('=');
	
	if (img.length > 1)
	{
		if (img[0] == 'i')
			galleryMenu();
		else
			showImage();
	}
	else
	{
		mainMenu();
	}
		
function mainMenu()
{		
	document.writeln("<table cellpadding='16' border='0' cellspacing='1'>");

	var imageCount = vecImages.length;
	
	for (var i = 0; i < vecImages.length; i += imagesPerGallery)
	{
		var gallery = i / imagesPerGallery + 1;
		
		if (gallery % 3 == 1)
	   		document.writeln("<tr>");
		
   		document.writeln("<td class='clsImage' align='center'>");							
		document.writeln("<a href='index.htm?i=" + (i+1) + "'><img class='smallImage' border='0' src='150/" + vecImages[i] + "'/></a><br><br>");
		document.writeln("<a href='index.htm?i=" + (i+1) + "'>" + vecGalleries[gallery] + "</a>");
		
			
   		document.writeln("</td>");
		
		
		if (gallery % 3 == 0)
	   		document.writeln("</tr>");

	}
	
	document.writeln("</table>");
}

function galleryMenu()
{
	document.writeln("<table cellpadding='16' border='0' cellspacing='1'>");

	var img1 = parseInt(img[1]);

	var gallery = Math.floor((1 + img1 / imagesPerGallery));

	document.writeln("<tr>");
	document.writeln("<td colspan=9 align=left>");
	document.writeln("<span class='h3'>" + vecGalleries[gallery] + "</span>&nbsp;&nbsp;&nbsp;Click on an image to see a larger view.");
	document.writeln("</td>");	
	document.writeln("</tr>");		
		
	for (var i = img1 - 1; i < img1 - 1 + imagesPerGallery; i++)
	{
		if (i % 3 == 0)
	   		document.writeln("<tr>");
			
		if (i < vecImages.length)
		{
     		document.writeln("<td class='clsImage' align='center'>");							
	  		document.writeln("<a href='index.htm?a=" + i + "'><img class='smallImage' title='Click on the image to see larger view.' border='0' src='150/" + vecImages[i] + "'/></a>");
		}		
		else
		{
			document.writeln("&nbsp;");
		}
		
   		document.writeln("</td>");
		
		
		if (i % 2 == 2)
	   		document.writeln("</tr>");

	}
	
	document.writeln("</table>");
}

function showImage()
{
	var img1 = parseInt(img[1]);

	document.writeln("<table>");
	
	document.writeln("<tr>");
	document.writeln("<td>");
	
	var gallery = Math.floor((1 + img1 / imagesPerGallery));
	
	document.writeln("Gallery: <a href='index.htm?i=" + ((gallery - 1) * imagesPerGallery + 1) + "'><b>" + vecGalleries[gallery] + "</b></a>");	
	
	document.writeln("</td>");
	document.writeln("</tr>");

	document.writeln("<tr>");
	document.writeln("<td>");
	document.writeln("<img class='bigImage' src='640/" + vecImages[img1] + "'>");

	document.writeln("<table width='100%'>");
	document.writeln("<tr>");
	
	if (img1 > 0)
		document.writeln("<td align='left'><a href='index.htm?a=" + (img1-1) + "'>Prev</a></td>");
	else
		document.writeln("<td align='left'>&nbsp;</td>");
	
	if (img1 < vecImages.length - 1)
		document.writeln("<td align='right'><a href='index.htm?a=" + (img1+1) + "'>Next</a></td>");
	else
		document.writeln("<td align='right'>&nbsp;</td>");			
	document.writeln("</tr>");	
	document.writeln("</table>");
	
	document.writeln("</td>");
	document.writeln("</tr>");
	
	document.writeln("</table>");
}

function onLoad()
{
	if (location.href.indexOf('?') < 0)
		document.getElementById('farImage').style.visibility = '';
}