// JavaScript Document

document.write("<div id=\"Article\">");
document.write("<h1 align=\"center\">" + event_title + "</h1>");
document.write("<h5>" + event_date + "</h5>");
document.write("<p>Below you will find thumbnail-size images from the event. Under each picture is a link to a low-resolution photo file. Low-resolution images are ideal for dial-up accounts and for sharing by email. When you click on the link it will open in a new browser window. <a onclick=MM_openBrWindow('http://www.eng.auburn.edu/events/directions2.htm','directions','status=no,resizable=yes,width=380,height=400') href=#>Instructions on how to save images to your computer.</a></p>");
document.write("<p>When you are done, simply close the window to return to this page. </p>");
document.write("</div>");
document.write("<div id=\"Article\">");
document.write("<p>");
document.write("<a title=\"More about " + retiree + "(link opens in a new window)\""); 
document.write("href=\"" + faculty_dir_link + "#" + userid +"\" target=\"_blank\">");
document.write("More about " + retiree + "</a>");
document.write("</p>");
document.write("<p>");
document.write("<table width=\"740\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\">");
document.write("<tr>");
document.write("<td colspan=\"5\">");
document.write("<h5>Total images in this album: " + picnum + "</h5>");
document.write("</td></tr>");

i=1;
while (i < picnum+1) {
	document.write("<tr>");
	for (j=1; j<5 && i<picnum+1; j++) {
		document.write("<td align=\"center\">");
		document.write("<p><img alt=\"" + picname + "\" src=thumbnails/" + picname + "_" + i + "t.jpg><br>");
		document.write("<a target=\"_blank\" href=low-res/" + picname + "_" + i + "l.jpg>Low</a><strong> | </strong>");
		document.write("<a target=\"_blank\" href=hi-res/" + picname + "_" + i + "h.JPG>Hi</a></p>");
		document.write("</td>");
		i++
	}
	document.write("</tr>");
}
document.write("</table>");
document.write("</p>");
document.write("</div>");