// note: all pics, tns, caps, and pages in all tables must be in sibling folder nodes

	// blank cells (no pics yet)
	var writeBlank = '<td width="120">&nbsp;</td>';
	function blankCell() {document.write(writeBlank);}

	// assemble repeating table content
	var writeContent_1;
	var writeContent_2;
	var writeContent_3;
	var writeContent_4;
	writeContent_1  = '<tr align="center" valign="middle">\n';
	writeContent_1 += '<td width="482" bgcolor="#CCFFFF">\n';
	writeContent_1 += '<!-- blue text -->\n';
	writeContent_2  = '</td></tr>\n';
	writeContent_2 += '<tr align="center" valign="middle">\n';
	writeContent_2 += '<td width="482">\n';
	writeContent_2 += '<!-- thumbnail table -->\n';
	writeContent_2 += '<table width="480" border="0" cellspacing="0" cellpadding="0" align="center" summary="This table is used for layout">\n';
	writeContent_3  = '</tr>\n';
	writeContent_3 += '<tr align="center" valign="middle">\n';
	writeContent_4  = '</tr>\n';
	writeContent_4 += '<tr align="center" valign="middle">\n';
	writeContent_4 += '<td width="480" colspan="4"><img src="images/img_spacer.gif" alt="" width="10" height="10" border="0"></td>\n';
	writeContent_4 += '</tr>\n';

	// historical pictures table
	function createTable_historical() {
	// -------------------- //
		var picCount = 7;
	// -------------------- //
		var path = "pics/gallery_historical/h_pic_";
		document.write(writeContent_1);
		document.write('<font face="Verdana,Geneva,Arial,Helvetica,sans-serif" size="-1" color="#000099"><strong>Historical Pictures</strong></font>');
		document.write(writeContent_2);
		for (var loopCounter = 1, picNumber = 101, nsID = 1; loopCounter <= picCount; loopCounter++, picNumber++, nsID++) {
			document.write('<tr align="center" valign="middle">');
			document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic(this.href); return false;' onMouseOver=\"document.h_namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.h_namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: h" + picNumber + " ' width='100' height='100' border='1'></a></td>");
			loopCounter++; picNumber++;
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic(this.href); return false;' onMouseOver=\"document.h_namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.h_namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: h" + picNumber + " ' width='100' height='100' border='1'></a></td>");
				loopCounter++; picNumber++;
			}
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic(this.href); return false;' onMouseOver=\"document.h_namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.h_namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: h" + picNumber + " ' width='100' height='100' border='1'></a></td>");
				loopCounter++; picNumber++;
			}
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic(this.href); return false;' onMouseOver=\"document.h_namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.h_namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: h" + picNumber + " ' width='100' height='100' border='1'></a></td>");
				// the loop will increment the vars
			}
			document.write(writeContent_3);
			document.write('<td width="480" colspan="4"><img src="images/img_spacer.gif" alt="" name="h_namespace' + nsID + '" width="460" height="45" border="1"></td>');
			document.write(writeContent_4);
		}
		document.write('</table><br clear="all">');
	}

	// recent pictures table
	function createTable_recent() {
	// -------------------- //
		var picCount = 39;
	// -------------------- //
		var path = "pics/gallery/pic_";
		var noPic = 126; // pic #126 will not be shown until we can ID the Marine and write a caption
		document.write(writeContent_1);
		document.write('<font face="Verdana,Geneva,Arial,Helvetica,sans-serif" size="-1" color="#000099"><strong>Gallery</strong></font>');
		document.write(writeContent_2);
		for (var loopCounter = 1, picNumber = 101, nsID = 1; loopCounter <= picCount; loopCounter++, picNumber++, nsID++) {
			document.write('<tr align="center" valign="middle">');
			if (picNumber == noPic) {loopCounter++; picNumber++};
			document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic2(this.href); return false;' onMouseOver=\"document.namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: " + picNumber + " ' width='100' height='100' border='1'></a></td>");
			loopCounter++; picNumber++;
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				if (picNumber == noPic) {loopCounter++; picNumber++};
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic2(this.href); return false;' onMouseOver=\"document.namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: " + picNumber + " ' width='100' height='100' border='1'></a></td>");
				loopCounter++; picNumber++;
			}
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				if (picNumber == noPic) {loopCounter++; picNumber++};
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic2(this.href); return false;' onMouseOver=\"document.namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: " + picNumber + " ' width='100' height='100' border='1'></a></td>");
				loopCounter++; picNumber++;
			}
			if (loopCounter > picCount) {
				blankCell();
			}
			else {
				if (picNumber == noPic) {loopCounter++; picNumber++};
				document.write("<td width='120'><a href='" + path + picNumber + ".html' onClick='showBigPic2(this.href); return false;' onMouseOver=\"document.namespace" + nsID + ".src='" + path + picNumber + "_cap.gif'; return setMsg(sBigPic);\" onMouseOut=\"document.namespace" + nsID + ".src='images/img_spacer.gif'; return setMsg('');\"><img src='" + path + picNumber + "_tn.jpeg' alt=' Picture ID: " + picNumber + " ' width='100' height='100' border='1'></a></td>");
				// the loop will increment the vars
			}
			document.write(writeContent_3);
			document.write('<td width="480" colspan="4"><img src="images/img_spacer.gif" alt="" name="namespace' + nsID + '" width="460" height="45" border="1"></td>');
			document.write(writeContent_4);
		}
		document.write('</table>');
	}

	document.close();