// JavaScript Document

var gallerypicts = new Array();
gallerypicts[0] = "GoffPhoto_00013.jpg";
gallerypicts[1] = "GoffPhoto_00030.jpg";
gallerypicts[2] = "GoffPhoto_00048.jpg";
gallerypicts[3] = "GoffPhoto_00066.jpg";

gallerypicts[4] = "GoffPhoto_00071.jpg";
gallerypicts[5] = "GoffPhoto_00090.jpg";
gallerypicts[6] = "GoffPhoto_00096.jpg";
gallerypicts[7] = "GoffPhoto_066.jpg";


gallerypicts[8] = "GoffPhoto_00114.jpg";
gallerypicts[9] = "_DSC0697.jpg";
gallerypicts[10] = "_DSC0704.jpg";
gallerypicts[11] = "_DSC0711.jpg";

gallerypicts[12] = "_DSC0714.jpg";
gallerypicts[13] = "_DSC0718.jpg";
gallerypicts[14] = "_DSC0725.jpg";
gallerypicts[15] = "_DSC0805.jpg";

gallerypicts[16] = "_DSC0836.jpg";
gallerypicts[17] = "_DSC0839.jpg";
gallerypicts[18] = "_DSC0841.jpg";
gallerypicts[19] = "_dsc0850 (2).jpg";




//display grid
var col = 4;

document.write("<table cellspacing=\"10\" cellpadding=\"0\" border=\"0\" align=\"center\">");

var pict=0;
var r = 0;
while (r < gallerypicts.length/col) 
	{
	
	document.write("<tr>");
	var c =0;
		while (c < col)
			{
				// width=\"150\" height=\"100\"
			document.write("<td align=\"center\"><img onclick=\"showpreview('"+ gallerypicts[pict] +"');\"  src=\"images/gallery/thumbnails/"+ gallerypicts[pict] +"\" alt=\"\" border=\"0\"></td>");
			c++;
			pict++;
			}
	document.write("</tr>");
	r++;

	}

document.write("</table>");

function showpreview(pict)
	{
		document.getElementById("greybox").style.display ="inline";
		document.getElementById("greybox").style.backgroundColor ="#000000";
		greybox.innerHTML = "<table width=\"100%\" height=\"100%\" ><tr><td></td></tr></table>";
		
		document.getElementById("pictpreview").style.backgroundColor ="#000000";
		document.getElementById("pictpreview").style.textAlign ="center";
		document.getElementById("pictpreview").style.position ="absolute";
		document.getElementById("pictpreview").style.marginLeft = "-300px";
		document.getElementById("pictpreview").style.left ="50%";
		document.getElementById("pictpreview").style.top ="150";
		document.getElementById("pictpreview").style.display ="inline";
		pictpreview.innerHTML = "<img src=\"images/gallery/previews/"+ pict +"\"><br><br><a href=\"javascript:hidepreview();\">close</a><br><br>";
	}

function hidepreview()
	{
		document.getElementById("pictpreview").style.display ="none";
		document.getElementById("greybox").style.display ="none";
	}