<!-- generate a table, with images.// the thumbnail gets named the name in the array plus "th.jpg"// the image in the page that pops up is the name in the array plus ".jpg"// the image is loaded into a template page, the name is stored in the part past ? in the url// the two page name options are so i can have two separate template pages, i wanted a zoom page for some, which is also why i have the if loop// the onclick showImg uses another javascript file as well to aid itpark = ["bridge", "lake", "lake2", "alice"]parka = ["lake3", "lake4", "fortress", "sundial"]spider = ["spider1", "egg", "spider2"]plaza = ["plaza", "plazaup", "eloise", "plaza2"]con1 = ["sykomagic", "fayme", "cyber1", "syko_and_tasha"]con2 = ["cyber5", "cyber2", "cyber3", "cyber4"]con3 = ["battyboopback", "quinn", "lovelywings", "sawyers"]syko = ["tashsykothom_geiger", "tashsykothom_geiger2", "myth_nisi_rk", "geiger3", "geiger2"]lore = ["neon_wings", "nun_and_torq", "tasha", "fairyem"]function writetable(array) { document.writeln 	('<table border=\"0\" cellspacing=\"0\" cellpadding=\"2\"><tr>\n'); for (var x = 0; x < array.length; x++) { if(array == syko) {  var page = 'sykospark.html'; } else if(array == lore || array[x] == 'syko_and_tasha') {  var page = 'lore.html'; } else if(array[x] == 'bridge' || array[x] == 'alice' || array[x] == 'sundial' || array[x] == 'spider1' || array[x] == 'sykomagic') {  var page = 'picsm.html';  } else {  var page = 'pics.html'; } 	document.writeln 		('<td><a href=\"' + page + '?' + array[x] + '\" target=\"popup\" onclick=\"showImg(\'' + page + '?' + array[x] + '\')\" onfocus=\"if(this.blur)this.blur()\">\n'); 	document.writeln 		('<img src=\"img/' + array[x] + 'th.jpg\" width=\"100\" height=\"100\" border=\"0\"></a></td>\n'); } document.writeln 	('</tr></table>\n');}//-->