// poor man's photo gallery // req: we are showing photos in batches of 9. we must have an even multiple of photos for this to work nicely. // we are using a max of 54 photos. if there are more, this value needs to change in the math below // if your factor is something other than 9, some of the below math will need to change // click on a gallery thumbnail to load corresponding large image // reqs: thumbnail and large images have same base filenames // thumbs go in "/images/thumbs" folder, large in "/images/large" folder function showLarge(thumb) { thumbSrc = document.images[thumb].src rExp = /thumbs/gi; largeFolder = new String("large"); largeSrc = thumbSrc.replace(rExp, largeFolder); photoLarge.src = largeSrc; // now set the ID of the large photo so the previous and next buttons work photoLarge.id = document.images[thumb].id; } // click on a "page" number to load a new set of 9 thumbnails // regs: all thumbs go in the below array function pageTurn(page) { // create thumbs list thumbList = new Array(); thumbList["t1"] = "/images/gallery/thumbs/2008.gif" thumbList["t2"] = "/images/gallery/thumbs/09-001.jpg" thumbList["t3"] = "/images/gallery/thumbs/09-002.jpg" thumbList["t4"] = "/images/gallery/thumbs/09-003.jpg" thumbList["t5"] = "/images/gallery/thumbs/09-004.jpg" thumbList["t6"] = "/images/gallery/thumbs/09-005.jpg" thumbList["t7"] = "/images/gallery/thumbs/09-006.jpg" thumbList["t8"] = "/images/gallery/thumbs/09-007.jpg" thumbList["t9"] = "/images/gallery/thumbs/09-008.jpg" thumbList["t10"] = "/images/gallery/thumbs/09-009.jpg" thumbList["t11"] = "/images/gallery/thumbs/09-010.jpg" thumbList["t12"] = "/images/gallery/thumbs/09-011.jpg" thumbList["t13"] = "/images/gallery/thumbs/09-012.jpg" thumbList["t14"] = "/images/gallery/thumbs/09-013.jpg" thumbList["t15"] = "/images/gallery/thumbs/09-014.jpg" thumbList["t16"] = "/images/gallery/thumbs/09-015.jpg" thumbList["t17"] = "/images/gallery/thumbs/09-016.jpg" thumbList["t18"] = "/images/gallery/thumbs/09-017.jpg" thumbList["t19"] = "/images/gallery/thumbs/09-018.jpg" thumbList["t20"] = "/images/gallery/thumbs/09-019.jpg" thumbList["t21"] = "/images/gallery/thumbs/09-020.jpg" thumbList["t22"] = "/images/gallery/thumbs/09-021.jpg" thumbList["t23"] = "/images/gallery/thumbs/09-022.jpg" thumbList["t24"] = "/images/gallery/thumbs/09-023.jpg" thumbList["t25"] = "/images/gallery/thumbs/09-024.jpg" thumbList["t26"] = "/images/gallery/thumbs/09-025.jpg" thumbList["t27"] = "/images/gallery/thumbs/09-026.jpg" thumbList["t28"] = "/images/gallery/thumbs/09-027.jpg" thumbList["t29"] = "/images/gallery/thumbs/09-028.jpg" thumbList["t30"] = "/images/gallery/thumbs/09-029.jpg" thumbList["t31"] = "/images/gallery/thumbs/09-030.jpg" thumbList["t32"] = "/images/gallery/thumbs/09-031.jpg" thumbList["t33"] = "/images/gallery/thumbs/09-032.jpg" thumbList["t34"] = "/images/gallery/thumbs/09-033.jpg" thumbList["t35"] = "/images/gallery/thumbs/09-034.jpg" thumbList["t36"] = "/images/gallery/thumbs/09-035.jpg" thumbList["t37"] = "/images/gallery/thumbs/09-036.jpg" thumbList["t38"] = "/images/gallery/thumbs/09-037.jpg" thumbList["t39"] = "/images/gallery/thumbs/09-038.jpg" thumbList["t40"] = "/images/gallery/thumbs/09-039.jpg" thumbList["t41"] = "/images/gallery/thumbs/09-040.jpg" thumbList["t42"] = "/images/gallery/thumbs/09-041.jpg" thumbList["t43"] = "/images/gallery/thumbs/09-042.jpg" thumbList["t44"] = "/images/gallery/thumbs/09-043.jpg" thumbList["t45"] = "/images/gallery/thumbs/09-044.jpg" thumbList["t46"] = "/images/gallery/thumbs/09-045.jpg" thumbList["t47"] = "/images/gallery/thumbs/09-046.jpg" thumbList["t48"] = "/images/gallery/thumbs/09-047.jpg" thumbList["t49"] = "/images/gallery/thumbs/09-048.jpg" thumbList["t50"] = "/images/gallery/thumbs/09-049.jpg" thumbList["t51"] = "/images/gallery/thumbs/09-050.jpg" thumbList["t52"] = "/images/gallery/thumbs/09-051.jpg" thumbList["t53"] = "/images/gallery/thumbs/09-052.jpg" thumbList["t54"] = "/images/gallery/thumbs/09-053.jpg" thumbList["t55"] = "/images/gallery/thumbs/09-054.jpg" thumbList["t56"] = "/images/gallery/thumbs/09-055.jpg" thumbList["t57"] = "/images/gallery/thumbs/09-056.jpg" thumbList["t58"] = "/images/gallery/thumbs/09-057.jpg" thumbList["t59"] = "/images/gallery/thumbs/09-058.jpg" thumbList["t60"] = "/images/gallery/thumbs/09-059.jpg" thumbList["t61"] = "/images/gallery/thumbs/09-060.jpg" thumbList["t62"] = "/images/gallery/thumbs/09-061.jpg" thumbList["t63"] = "/images/gallery/thumbs/09-062.jpg" thumbList["t64"] = "/images/gallery/thumbs/09-063.jpg" thumbList["t65"] = "/images/gallery/thumbs/09-064.jpg" thumbList["t66"] = "/images/gallery/thumbs/09-065.jpg" thumbList["t67"] = "/images/gallery/thumbs/09-066.jpg" thumbList["t68"] = "/images/gallery/thumbs/09-067.jpg" thumbList["t69"] = "/images/gallery/thumbs/09-068.jpg" thumbList["t70"] = "/images/gallery/thumbs/09-069.jpg" thumbList["t71"] = "/images/gallery/thumbs/09-070.jpg" thumbList["t72"] = "/images/gallery/thumbs/09-071.jpg" thumbList["t73"] = "/images/gallery/thumbs/09-072.jpg" thumbList["t74"] = "/images/gallery/thumbs/09-073.jpg" thumbList["t75"] = "/images/gallery/thumbs/09-074.jpg" thumbList["t76"] = "/images/gallery/thumbs/09-075.jpg" thumbList["t77"] = "/images/gallery/thumbs/09-076.jpg" thumbList["t78"] = "/images/gallery/thumbs/09-077.jpg" thumbList["t79"] = "/images/gallery/thumbs/09-078.jpg" thumbList["t80"] = "/images/gallery/thumbs/09-079.jpg" thumbList["t81"] = "/images/gallery/thumbs/09-080.jpg" thumbList["t82"] = "/images/gallery/thumbs/09-081.jpg" thumbList["t83"] = "/images/gallery/thumbs/09-082.jpg" thumbList["t84"] = "/images/gallery/thumbs/09-083.jpg" thumbList["t85"] = "/images/gallery/thumbs/09-084.jpg" thumbList["t86"] = "/images/gallery/thumbs/09-085.jpg" thumbList["t87"] = "/images/gallery/thumbs/09-086.jpg" thumbList["t88"] = "/images/gallery/thumbs/09-087.jpg" thumbList["t89"] = "/images/gallery/thumbs/09-088.jpg" thumbList["t90"] = "/images/gallery/thumbs/09-089.jpg" thumbList["t91"] = "/images/gallery/thumbs/09-090.jpg" thumbList["t92"] = "/images/gallery/thumbs/09-091.jpg" thumbList["t93"] = "/images/gallery/thumbs/09-092.jpg" thumbList["t94"] = "/images/gallery/thumbs/09-093.jpg" thumbList["t95"] = "/images/gallery/thumbs/09-094.jpg" thumbList["t96"] = "/images/gallery/thumbs/09-095.jpg" thumbList["t97"] = "/images/gallery/thumbs/09-096.jpg" thumbList["t98"] = "/images/gallery/thumbs/09-097.jpg" thumbList["t99"] = "/images/gallery/thumbs/09-098.jpg" thumbList["t100"] = "/images/gallery/thumbs/09-099.jpg" thumbList["t101"] = "/images/gallery/thumbs/09-100.jpg" thumbList["t102"] = "/images/gallery/thumbs/09-101.jpg" thumbList["t103"] = "/images/gallery/thumbs/09-102.jpg" thumbList["t104"] = "/images/gallery/thumbs/09-103.jpg" thumbList["t105"] = "/images/gallery/thumbs/09-104.jpg" thumbList["t106"] = "/images/gallery/thumbs/09-105.jpg" thumbList["t107"] = "/images/gallery/thumbs/09-106.jpg" thumbList["t108"] = "/images/gallery/thumbs/09-107.jpg" thumbList["t109"] = "/images/gallery/thumbs/09-108.jpg" thumbList["t110"] = "/images/gallery/thumbs/09-109.jpg" thumbList["t111"] = "/images/gallery/thumbs/09-110.jpg" thumbList["t112"] = "/images/gallery/thumbs/09-111.jpg" thumbList["t113"] = "/images/gallery/thumbs/09-112.jpg" thumbList["t114"] = "/images/gallery/thumbs/09-113.jpg" thumbList["t115"] = "/images/gallery/thumbs/09-114.jpg" thumbList["t116"] = "/images/gallery/thumbs/09-115.jpg" thumbList["t117"] = "/images/gallery/thumbs/09-116.jpg" thumbList["t118"] = "/images/gallery/thumbs/09-117.jpg" thumbList["t119"] = "/images/gallery/thumbs/09-118.jpg" thumbList["t120"] = "/images/gallery/thumbs/09-119.jpg" thumbList["t121"] = "/images/gallery/thumbs/09-120.jpg" thumbList["t122"] = "/images/gallery/thumbs/09-121.jpg" thumbList["t123"] = "/images/gallery/thumbs/09-122.jpg" thumbList["t124"] = "/images/gallery/thumbs/09-123.jpg" thumbList["t125"] = "/images/gallery/thumbs/09-124.jpg" thumbList["t126"] = "/images/gallery/thumbs/09-125.jpg" thumbList["t127"] = "/images/gallery/thumbs/09-126.jpg" thumbList["t128"] = "/images/gallery/thumbs/09-127.jpg" thumbList["t129"] = "/images/gallery/thumbs/09-128.jpg" thumbList["t130"] = "/images/gallery/thumbs/09-129.jpg" thumbList["t131"] = "/images/gallery/thumbs/09-130.jpg" thumbList["t132"] = "/images/gallery/thumbs/09-131.jpg" thumbList["t133"] = "/images/gallery/thumbs/09-132.jpg" thumbList["t134"] = "/images/gallery/thumbs/09-133.jpg" thumbList["t135"] = "/images/gallery/thumbs/09-134.jpg" thumbList["t136"] = "/images/gallery/thumbs/09-135.jpg" thumbList["t137"] = "/images/gallery/thumbs/09-136.jpg" thumbList["t138"] = "/images/gallery/thumbs/09-137.jpg" thumbList["t139"] = "/images/gallery/thumbs/09-138.jpg" thumbList["t140"] = "/images/gallery/thumbs/09-139.jpg" thumbList["t141"] = "/images/gallery/thumbs/09-140.jpg" thumbList["t142"] = "/images/gallery/thumbs/09-141.jpg" thumbList["t143"] = "/images/gallery/thumbs/09-142.jpg" thumbList["t144"] = "/images/gallery/thumbs/09-143.jpg" thumbList["t145"] = "/images/gallery/thumbs/09-144.jpg" thumbList["t146"] = "/images/gallery/thumbs/09-145.jpg" thumbList["t147"] = "/images/gallery/thumbs/09-146.jpg" thumbList["t148"] = "/images/gallery/thumbs/09-147.jpg" thumbList["t149"] = "/images/gallery/thumbs/09-148.jpg" thumbList["t150"] = "/images/gallery/thumbs/09-149.jpg" thumbList["t151"] = "/images/gallery/thumbs/09-253.jpg" thumbList["t152"] = "/images/gallery/thumbs/09-151.jpg" thumbList["t153"] = "/images/gallery/thumbs/09-152.jpg" thumbList["t154"] = "/images/gallery/thumbs/09-153.jpg" thumbList["t155"] = "/images/gallery/thumbs/09-154.jpg" thumbList["t156"] = "/images/gallery/thumbs/09-155.jpg" thumbList["t157"] = "/images/gallery/thumbs/09-156.jpg" thumbList["t158"] = "/images/gallery/thumbs/09-157.jpg" thumbList["t159"] = "/images/gallery/thumbs/09-158.jpg" thumbList["t160"] = "/images/gallery/thumbs/09-159.jpg" thumbList["t161"] = "/images/gallery/thumbs/09-160.jpg" thumbList["t162"] = "/images/gallery/thumbs/09-161.jpg" thumbList["t163"] = "/images/gallery/thumbs/09-162.jpg" thumbList["t164"] = "/images/gallery/thumbs/09-163.jpg" thumbList["t165"] = "/images/gallery/thumbs/09-164.jpg" thumbList["t166"] = "/images/gallery/thumbs/09-165.jpg" thumbList["t167"] = "/images/gallery/thumbs/09-166.jpg" thumbList["t168"] = "/images/gallery/thumbs/09-167.jpg" thumbList["t169"] = "/images/gallery/thumbs/09-168.jpg" thumbList["t170"] = "/images/gallery/thumbs/09-169.jpg" thumbList["t171"] = "/images/gallery/thumbs/09-170.jpg" thumbList["t172"] = "/images/gallery/thumbs/09-171.jpg" thumbList["t173"] = "/images/gallery/thumbs/09-172.jpg" thumbList["t174"] = "/images/gallery/thumbs/09-173.jpg" thumbList["t175"] = "/images/gallery/thumbs/09-174.jpg" thumbList["t176"] = "/images/gallery/thumbs/09-175.jpg" thumbList["t177"] = "/images/gallery/thumbs/09-176.jpg" thumbList["t178"] = "/images/gallery/thumbs/09-177.jpg" thumbList["t179"] = "/images/gallery/thumbs/09-178.jpg" thumbList["t180"] = "/images/gallery/thumbs/09-179.jpg" thumbList["t181"] = "/images/gallery/thumbs/09-180.jpg" thumbList["t182"] = "/images/gallery/thumbs/09-181.jpg" thumbList["t183"] = "/images/gallery/thumbs/09-182.jpg" thumbList["t184"] = "/images/gallery/thumbs/09-183.jpg" thumbList["t185"] = "/images/gallery/thumbs/09-184.jpg" thumbList["t186"] = "/images/gallery/thumbs/09-185.jpg" thumbList["t187"] = "/images/gallery/thumbs/09-186.jpg" thumbList["t188"] = "/images/gallery/thumbs/09-187.jpg" thumbList["t189"] = "/images/gallery/thumbs/09-188.jpg" thumbList["t190"] = "/images/gallery/thumbs/09-189.jpg" thumbList["t191"] = "/images/gallery/thumbs/09-190.jpg" thumbList["t192"] = "/images/gallery/thumbs/09-191.jpg" thumbList["t193"] = "/images/gallery/thumbs/09-192.jpg" thumbList["t194"] = "/images/gallery/thumbs/09-193.jpg" thumbList["t195"] = "/images/gallery/thumbs/09-194.jpg" thumbList["t196"] = "/images/gallery/thumbs/09-195.jpg" thumbList["t197"] = "/images/gallery/thumbs/09-196.jpg" thumbList["t198"] = "/images/gallery/thumbs/09-197.jpg" thumbList["t199"] = "/images/gallery/thumbs/09-198.jpg" thumbList["t200"] = "/images/gallery/thumbs/09-199.jpg" thumbList["t201"] = "/images/gallery/thumbs/09-200.jpg" thumbList["t202"] = "/images/gallery/thumbs/09-201.jpg" thumbList["t203"] = "/images/gallery/thumbs/09-202.jpg" thumbList["t204"] = "/images/gallery/thumbs/09-203.jpg" thumbList["t205"] = "/images/gallery/thumbs/09-204.jpg" thumbList["t206"] = "/images/gallery/thumbs/09-205.jpg" thumbList["t207"] = "/images/gallery/thumbs/09-206.jpg" thumbList["t208"] = "/images/gallery/thumbs/09-207.jpg" thumbList["t209"] = "/images/gallery/thumbs/09-208.jpg" thumbList["t210"] = "/images/gallery/thumbs/09-209.jpg" thumbList["t211"] = "/images/gallery/thumbs/09-210.jpg" thumbList["t212"] = "/images/gallery/thumbs/09-211.jpg" thumbList["t213"] = "/images/gallery/thumbs/09-212.jpg" thumbList["t214"] = "/images/gallery/thumbs/09-213.jpg" thumbList["t215"] = "/images/gallery/thumbs/09-214.jpg" thumbList["t216"] = "/images/gallery/thumbs/09-215.jpg" thumbList["t217"] = "/images/gallery/thumbs/09-216.jpg" thumbList["t218"] = "/images/gallery/thumbs/09-217.jpg" thumbList["t219"] = "/images/gallery/thumbs/09-218.jpg" thumbList["t220"] = "/images/gallery/thumbs/09-219.jpg" thumbList["t221"] = "/images/gallery/thumbs/09-220.jpg" thumbList["t222"] = "/images/gallery/thumbs/09-221.jpg" thumbList["t223"] = "/images/gallery/thumbs/09-222.jpg" thumbList["t224"] = "/images/gallery/thumbs/09-223.jpg" thumbList["t225"] = "/images/gallery/thumbs/09-224.jpg" thumbList["t226"] = "/images/gallery/thumbs/09-225.jpg" thumbList["t227"] = "/images/gallery/thumbs/09-226.jpg" thumbList["t228"] = "/images/gallery/thumbs/09-227.jpg" thumbList["t229"] = "/images/gallery/thumbs/09-228.jpg" thumbList["t230"] = "/images/gallery/thumbs/09-229.jpg" thumbList["t231"] = "/images/gallery/thumbs/09-230.jpg" thumbList["t232"] = "/images/gallery/thumbs/09-231.jpg" thumbList["t233"] = "/images/gallery/thumbs/09-232.jpg" thumbList["t234"] = "/images/gallery/thumbs/09-233.jpg" thumbList["t235"] = "/images/gallery/thumbs/09-234.jpg" thumbList["t236"] = "/images/gallery/thumbs/09-235.jpg" thumbList["t237"] = "/images/gallery/thumbs/09-236.jpg" thumbList["t238"] = "/images/gallery/thumbs/09-237.jpg" thumbList["t239"] = "/images/gallery/thumbs/09-238.jpg" thumbList["t240"] = "/images/gallery/thumbs/09-239.jpg" thumbList["t241"] = "/images/gallery/thumbs/09-240.jpg" thumbList["t242"] = "/images/gallery/thumbs/09-241.jpg" thumbList["t243"] = "/images/gallery/thumbs/09-242.jpg" thumbList["t244"] = "/images/gallery/thumbs/09-243.jpg" thumbList["t245"] = "/images/gallery/thumbs/09-244.jpg" thumbList["t246"] = "/images/gallery/thumbs/09-245.jpg" thumbList["t247"] = "/images/gallery/thumbs/09-246.jpg" thumbList["t248"] = "/images/gallery/thumbs/09-247.jpg" thumbList["t249"] = "/images/gallery/thumbs/09-248.jpg" thumbList["t250"] = "/images/gallery/thumbs/09-249.jpg" thumbList["t251"] = "/images/gallery/thumbs/09-250.jpg" thumbList["t252"] = "/images/gallery/thumbs/09-251.jpg" thumbList["t253"] = "/images/gallery/thumbs/09-240.jpg" thumbList["t254"] = "/images/gallery/thumbs/09-241.jpg" thumbList["t255"] = "/images/gallery/thumbs/09-242.jpg" thumbList["t256"] = "/images/gallery/thumbs/09-243.jpg" thumbList["t257"] = "/images/gallery/thumbs/09-244.jpg" thumbList["t258"] = "/images/gallery/thumbs/09-245.jpg" thumbList["t259"] = "/images/gallery/thumbs/09-246.jpg" thumbList["t260"] = "/images/gallery/thumbs/09-247.jpg" thumbList["t261"] = "/images/gallery/thumbs/09-248.jpg" thumbList["t262"] = "/images/gallery/thumbs/09-249.jpg" thumbList["t263"] = "/images/gallery/thumbs/09-250.jpg" thumbList["t264"] = "/images/gallery/thumbs/09-251.jpg" thumbList["t265"] = "/images/gallery/thumbs/09-243.jpg" thumbList["t266"] = "/images/gallery/thumbs/09-244.jpg" thumbList["t267"] = "/images/gallery/thumbs/09-245.jpg" thumbList["t268"] = "/images/gallery/thumbs/09-246.jpg" thumbList["t269"] = "/images/gallery/thumbs/09-247.jpg" thumbList["t270"] = "/images/gallery/thumbs/09-248.jpg" thumbList["t271"] = "/images/gallery/thumbs/09-249.jpg" thumbList["t272"] = "/images/gallery/thumbs/09-250.jpg" thumbList["t273"] = "/images/gallery/thumbs/09-251.jpg" thumbList["t274"] = "/images/gallery/thumbs/09-249.jpg" thumbList["t275"] = "/images/gallery/thumbs/09-250.jpg" thumbList["t276"] = "/images/gallery/thumbs/09-251.jpg" thumbList["t277"] = "/images/gallery/thumbs/09-243.jpg" thumbList["t278"] = "/images/gallery/thumbs/09-244.jpg" thumbList["t279"] = "/images/gallery/thumbs/09-245.jpg" thumbList["t280"] = "/images/gallery/thumbs/09-246.jpg" thumbList["t281"] = "/images/gallery/thumbs/09-247.jpg" thumbList["t282"] = "/images/gallery/thumbs/09-248.jpg" thumbList["t283"] = "/images/gallery/thumbs/09-249.jpg" thumbList["t284"] = "/images/gallery/thumbs/09-250.jpg" thumbList["t285"] = "/images/gallery/thumbs/09-251.jpg" thumbList["t286"] = "/images/gallery/thumbs/2008.gif" thumbList["t287"] = "/images/gallery/thumbs/2008.gif" thumbList["t288"] = "/images/gallery/thumbs/2008.gif" // use the page number to figure which new src to grab // do this for all 9 thumbs in the set for (var i = 1; i <10; i++) { thumb = "t" + i; multiple = page * 9; newThumb = "t" + (i + multiple); document.images[thumb].src = thumbList[newThumb]; // change all their IDs for the slideshow buttons document.images[thumb].id = i + multiple; } // and now let's update the paging style // make sure thepage is a style in your CSS pageClass = "page" + (page + 1); for (var i = 1; i <29; i++) { document.getElementById("page" + i).className = "" if (i == page + 1) { document.getElementById(pageClass).className = "thepage" } } } // the previous and next slideshow buttons function goForward() { // check if we need to go round the circle if (photoLarge.id == 288) {photoLarge.id = 0} // check if we need to flip the page of thumbs pageCheck = parseInt(photoLarge.id) % 9; page = parseInt(photoLarge.id) / 9; if (pageCheck == 0) { pageTurn(page); } // now change the big photo src // this is screwy because thumbnames go 1-9 and repeat, wheras IDs always increment // so, we first have to find the thumbname we want, then have that thumb generate the big photo nextThumbName = (parseInt(photoLarge.id) + 9) % 9 + 1 showLarge("t" + nextThumbName) } function goBack() { // check if we need to go round the circle if (photoLarge.id == 1) {photoLarge.id = 289} // check if we need to flip the page of thumbs pageCheck = parseInt(photoLarge.id) % 9; page = parseInt(photoLarge.id) / 9; if (pageCheck == 1) { pageTurn(parseInt(page) - 1); } // now change the big photo src // this is screwy because thumbnames go 1-9 and repeat, wheras IDs always increment // so, we first have to find the thumbname we want, then have that thumb generate the big photo prevThumbName = (parseInt(photoLarge.id) + 9) % 9 - 1; if (prevThumbName == -1) { prevThumbName = 8} if (prevThumbName == 0) { prevThumbName = 9} showLarge("t" + prevThumbName) }