// 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/08-001.jpg" thumbList["t3"] = "/images/gallery/thumbs/08-002.jpg" thumbList["t4"] = "/images/gallery/thumbs/08-003.jpg" thumbList["t5"] = "/images/gallery/thumbs/08-004.jpg" thumbList["t6"] = "/images/gallery/thumbs/08-005.jpg" thumbList["t7"] = "/images/gallery/thumbs/08-006.jpg" thumbList["t8"] = "/images/gallery/thumbs/08-007.jpg" thumbList["t9"] = "/images/gallery/thumbs/08-008.jpg" thumbList["t10"] = "/images/gallery/thumbs/08-009.jpg" thumbList["t11"] = "/images/gallery/thumbs/08-010.jpg" thumbList["t12"] = "/images/gallery/thumbs/08-011.jpg" thumbList["t13"] = "/images/gallery/thumbs/08-012.jpg" thumbList["t14"] = "/images/gallery/thumbs/08-013.jpg" thumbList["t15"] = "/images/gallery/thumbs/08-014.jpg" thumbList["t16"] = "/images/gallery/thumbs/08-015.jpg" thumbList["t17"] = "/images/gallery/thumbs/08-016.jpg" thumbList["t18"] = "/images/gallery/thumbs/08-017.jpg" thumbList["t19"] = "/images/gallery/thumbs/08-018.jpg" thumbList["t20"] = "/images/gallery/thumbs/08-019.jpg" thumbList["t21"] = "/images/gallery/thumbs/08-020.jpg" thumbList["t22"] = "/images/gallery/thumbs/08-021.jpg" thumbList["t23"] = "/images/gallery/thumbs/08-022.jpg" thumbList["t24"] = "/images/gallery/thumbs/08-023.jpg" thumbList["t25"] = "/images/gallery/thumbs/08-024.jpg" thumbList["t26"] = "/images/gallery/thumbs/08-025.jpg" thumbList["t27"] = "/images/gallery/thumbs/08-026.jpg" thumbList["t28"] = "/images/gallery/thumbs/08-027.jpg" thumbList["t29"] = "/images/gallery/thumbs/08-028.jpg" thumbList["t30"] = "/images/gallery/thumbs/08-029.jpg" thumbList["t31"] = "/images/gallery/thumbs/08-030.jpg" thumbList["t32"] = "/images/gallery/thumbs/08-031.jpg" thumbList["t33"] = "/images/gallery/thumbs/08-032.jpg" thumbList["t34"] = "/images/gallery/thumbs/08-033.jpg" thumbList["t35"] = "/images/gallery/thumbs/08-034.jpg" thumbList["t36"] = "/images/gallery/thumbs/08-035.jpg" thumbList["t37"] = "/images/gallery/thumbs/08-036.jpg" thumbList["t38"] = "/images/gallery/thumbs/08-037.jpg" thumbList["t39"] = "/images/gallery/thumbs/08-038.jpg" thumbList["t40"] = "/images/gallery/thumbs/08-039.jpg" thumbList["t41"] = "/images/gallery/thumbs/08-040.jpg" thumbList["t42"] = "/images/gallery/thumbs/08-041.jpg" thumbList["t43"] = "/images/gallery/thumbs/08-042.jpg" thumbList["t44"] = "/images/gallery/thumbs/08-043.jpg" thumbList["t45"] = "/images/gallery/thumbs/08-044.jpg" thumbList["t46"] = "/images/gallery/thumbs/08-045.jpg" thumbList["t47"] = "/images/gallery/thumbs/08-046.jpg" thumbList["t48"] = "/images/gallery/thumbs/08-047.jpg" thumbList["t49"] = "/images/gallery/thumbs/08-048.jpg" thumbList["t50"] = "/images/gallery/thumbs/08-049.jpg" thumbList["t51"] = "/images/gallery/thumbs/08-050.jpg" thumbList["t52"] = "/images/gallery/thumbs/08-051.jpg" thumbList["t53"] = "/images/gallery/thumbs/08-052.jpg" thumbList["t54"] = "/images/gallery/thumbs/08-053.jpg" thumbList["t55"] = "/images/gallery/thumbs/08-054.jpg" thumbList["t56"] = "/images/gallery/thumbs/08-055.jpg" thumbList["t57"] = "/images/gallery/thumbs/08-056.jpg" thumbList["t58"] = "/images/gallery/thumbs/08-057.jpg" thumbList["t59"] = "/images/gallery/thumbs/08-058.jpg" thumbList["t60"] = "/images/gallery/thumbs/08-059.jpg" thumbList["t61"] = "/images/gallery/thumbs/08-060.jpg" thumbList["t62"] = "/images/gallery/thumbs/08-061.jpg" thumbList["t63"] = "/images/gallery/thumbs/08-062.jpg" thumbList["t64"] = "/images/gallery/thumbs/08-063.jpg" thumbList["t65"] = "/images/gallery/thumbs/08-064.jpg" thumbList["t66"] = "/images/gallery/thumbs/08-065.jpg" thumbList["t67"] = "/images/gallery/thumbs/08-066.jpg" thumbList["t68"] = "/images/gallery/thumbs/08-067.jpg" thumbList["t69"] = "/images/gallery/thumbs/08-068.jpg" thumbList["t70"] = "/images/gallery/thumbs/08-069.jpg" thumbList["t71"] = "/images/gallery/thumbs/08-070.jpg" thumbList["t72"] = "/images/gallery/thumbs/08-071.jpg" thumbList["t73"] = "/images/gallery/thumbs/08-072.jpg" thumbList["t74"] = "/images/gallery/thumbs/08-073.jpg" thumbList["t75"] = "/images/gallery/thumbs/08-074.jpg" thumbList["t76"] = "/images/gallery/thumbs/08-075.jpg" thumbList["t77"] = "/images/gallery/thumbs/08-076.jpg" thumbList["t78"] = "/images/gallery/thumbs/08-077.jpg" thumbList["t79"] = "/images/gallery/thumbs/08-078.jpg" thumbList["t80"] = "/images/gallery/thumbs/08-079.jpg" thumbList["t81"] = "/images/gallery/thumbs/08-080.jpg" thumbList["t82"] = "/images/gallery/thumbs/08-081.jpg" thumbList["t83"] = "/images/gallery/thumbs/08-082.jpg" thumbList["t84"] = "/images/gallery/thumbs/08-083.jpg" thumbList["t85"] = "/images/gallery/thumbs/08-084.jpg" thumbList["t86"] = "/images/gallery/thumbs/08-085.jpg" thumbList["t87"] = "/images/gallery/thumbs/08-086.jpg" thumbList["t88"] = "/images/gallery/thumbs/08-087.jpg" thumbList["t89"] = "/images/gallery/thumbs/08-088.jpg" thumbList["t90"] = "/images/gallery/thumbs/08-089.jpg" thumbList["t91"] = "/images/gallery/thumbs/08-090.jpg" thumbList["t92"] = "/images/gallery/thumbs/08-091.jpg" thumbList["t93"] = "/images/gallery/thumbs/08-092.jpg" thumbList["t94"] = "/images/gallery/thumbs/08-093.jpg" thumbList["t95"] = "/images/gallery/thumbs/08-094.jpg" thumbList["t96"] = "/images/gallery/thumbs/08-095.jpg" thumbList["t97"] = "/images/gallery/thumbs/08-096.jpg" thumbList["t98"] = "/images/gallery/thumbs/08-097.jpg" thumbList["t99"] = "/images/gallery/thumbs/08-098.jpg" thumbList["t100"] = "/images/gallery/thumbs/08-099.jpg" thumbList["t101"] = "/images/gallery/thumbs/08-100.jpg" thumbList["t102"] = "/images/gallery/thumbs/08-101.jpg" thumbList["t103"] = "/images/gallery/thumbs/08-102.jpg" thumbList["t104"] = "/images/gallery/thumbs/08-103.jpg" thumbList["t105"] = "/images/gallery/thumbs/08-104.jpg" thumbList["t106"] = "/images/gallery/thumbs/08-105.jpg" thumbList["t107"] = "/images/gallery/thumbs/08-106.jpg" thumbList["t108"] = "/images/gallery/thumbs/08-107.jpg" thumbList["t109"] = "/images/gallery/thumbs/08-108.jpg" thumbList["t110"] = "/images/gallery/thumbs/08-109.jpg" thumbList["t111"] = "/images/gallery/thumbs/08-110.jpg" thumbList["t112"] = "/images/gallery/thumbs/08-111.jpg" thumbList["t113"] = "/images/gallery/thumbs/08-112.jpg" thumbList["t114"] = "/images/gallery/thumbs/08-113.jpg" thumbList["t115"] = "/images/gallery/thumbs/08-114.jpg" thumbList["t116"] = "/images/gallery/thumbs/08-115.jpg" thumbList["t117"] = "/images/gallery/thumbs/08-116.jpg" thumbList["t118"] = "/images/gallery/thumbs/08-117.jpg" thumbList["t119"] = "/images/gallery/thumbs/08-118.jpg" thumbList["t120"] = "/images/gallery/thumbs/08-119.jpg" thumbList["t121"] = "/images/gallery/thumbs/08-120.jpg" thumbList["t122"] = "/images/gallery/thumbs/08-121.jpg" thumbList["t123"] = "/images/gallery/thumbs/08-122.jpg" thumbList["t124"] = "/images/gallery/thumbs/08-123.jpg" thumbList["t125"] = "/images/gallery/thumbs/08-124.jpg" thumbList["t126"] = "/images/gallery/thumbs/08-125.jpg" thumbList["t127"] = "/images/gallery/thumbs/08-126.jpg" thumbList["t128"] = "/images/gallery/thumbs/08-127.jpg" thumbList["t129"] = "/images/gallery/thumbs/08-128.jpg" thumbList["t130"] = "/images/gallery/thumbs/08-129.jpg" thumbList["t131"] = "/images/gallery/thumbs/08-130.jpg" thumbList["t132"] = "/images/gallery/thumbs/08-131.jpg" thumbList["t133"] = "/images/gallery/thumbs/08-132.jpg" thumbList["t134"] = "/images/gallery/thumbs/08-133.jpg" thumbList["t135"] = "/images/gallery/thumbs/08-134.jpg" thumbList["t136"] = "/images/gallery/thumbs/08-135.jpg" thumbList["t137"] = "/images/gallery/thumbs/08-136.jpg" thumbList["t138"] = "/images/gallery/thumbs/08-137.jpg" thumbList["t139"] = "/images/gallery/thumbs/08-138.jpg" thumbList["t140"] = "/images/gallery/thumbs/08-139.jpg" thumbList["t141"] = "/images/gallery/thumbs/08-140.jpg" thumbList["t142"] = "/images/gallery/thumbs/08-141.jpg" thumbList["t143"] = "/images/gallery/thumbs/08-142.jpg" thumbList["t144"] = "/images/gallery/thumbs/08-143.jpg" thumbList["t145"] = "/images/gallery/thumbs/08-144.jpg" thumbList["t146"] = "/images/gallery/thumbs/08-145.jpg" thumbList["t147"] = "/images/gallery/thumbs/08-146.jpg" thumbList["t148"] = "/images/gallery/thumbs/08-147.jpg" thumbList["t149"] = "/images/gallery/thumbs/08-148.jpg" thumbList["t150"] = "/images/gallery/thumbs/08-149.jpg" thumbList["t151"] = "/images/gallery/thumbs/08-253.jpg" thumbList["t152"] = "/images/gallery/thumbs/08-151.jpg" thumbList["t153"] = "/images/gallery/thumbs/08-152.jpg" thumbList["t154"] = "/images/gallery/thumbs/08-153.jpg" thumbList["t155"] = "/images/gallery/thumbs/08-154.jpg" thumbList["t156"] = "/images/gallery/thumbs/08-155.jpg" thumbList["t157"] = "/images/gallery/thumbs/08-156.jpg" thumbList["t158"] = "/images/gallery/thumbs/08-157.jpg" thumbList["t159"] = "/images/gallery/thumbs/08-158.jpg" thumbList["t160"] = "/images/gallery/thumbs/08-159.jpg" thumbList["t161"] = "/images/gallery/thumbs/08-160.jpg" thumbList["t162"] = "/images/gallery/thumbs/08-161.jpg" thumbList["t163"] = "/images/gallery/thumbs/08-162.jpg" thumbList["t164"] = "/images/gallery/thumbs/08-163.jpg" thumbList["t165"] = "/images/gallery/thumbs/08-164.jpg" thumbList["t166"] = "/images/gallery/thumbs/08-165.jpg" thumbList["t167"] = "/images/gallery/thumbs/08-166.jpg" thumbList["t168"] = "/images/gallery/thumbs/08-167.jpg" thumbList["t169"] = "/images/gallery/thumbs/08-168.jpg" thumbList["t170"] = "/images/gallery/thumbs/08-169.jpg" thumbList["t171"] = "/images/gallery/thumbs/08-170.jpg" thumbList["t172"] = "/images/gallery/thumbs/08-171.jpg" thumbList["t173"] = "/images/gallery/thumbs/08-172.jpg" thumbList["t174"] = "/images/gallery/thumbs/08-173.jpg" thumbList["t175"] = "/images/gallery/thumbs/08-174.jpg" thumbList["t176"] = "/images/gallery/thumbs/08-175.jpg" thumbList["t177"] = "/images/gallery/thumbs/08-176.jpg" thumbList["t178"] = "/images/gallery/thumbs/08-177.jpg" thumbList["t179"] = "/images/gallery/thumbs/08-178.jpg" thumbList["t180"] = "/images/gallery/thumbs/08-179.jpg" thumbList["t181"] = "/images/gallery/thumbs/08-180.jpg" thumbList["t182"] = "/images/gallery/thumbs/08-181.jpg" thumbList["t183"] = "/images/gallery/thumbs/08-182.jpg" thumbList["t184"] = "/images/gallery/thumbs/08-183.jpg" thumbList["t185"] = "/images/gallery/thumbs/08-184.jpg" thumbList["t186"] = "/images/gallery/thumbs/08-185.jpg" thumbList["t187"] = "/images/gallery/thumbs/08-186.jpg" thumbList["t188"] = "/images/gallery/thumbs/08-187.jpg" thumbList["t189"] = "/images/gallery/thumbs/08-188.jpg" thumbList["t190"] = "/images/gallery/thumbs/08-189.jpg" thumbList["t191"] = "/images/gallery/thumbs/08-190.jpg" thumbList["t192"] = "/images/gallery/thumbs/08-191.jpg" thumbList["t193"] = "/images/gallery/thumbs/08-192.jpg" thumbList["t194"] = "/images/gallery/thumbs/08-193.jpg" thumbList["t195"] = "/images/gallery/thumbs/08-194.jpg" thumbList["t196"] = "/images/gallery/thumbs/08-195.jpg" thumbList["t197"] = "/images/gallery/thumbs/08-196.jpg" thumbList["t198"] = "/images/gallery/thumbs/08-197.jpg" thumbList["t199"] = "/images/gallery/thumbs/08-198.jpg" thumbList["t200"] = "/images/gallery/thumbs/08-199.jpg" thumbList["t201"] = "/images/gallery/thumbs/08-200.jpg" thumbList["t202"] = "/images/gallery/thumbs/08-201.jpg" thumbList["t203"] = "/images/gallery/thumbs/08-202.jpg" thumbList["t204"] = "/images/gallery/thumbs/08-203.jpg" thumbList["t205"] = "/images/gallery/thumbs/08-204.jpg" thumbList["t206"] = "/images/gallery/thumbs/08-205.jpg" thumbList["t207"] = "/images/gallery/thumbs/08-206.jpg" thumbList["t208"] = "/images/gallery/thumbs/08-207.jpg" thumbList["t209"] = "/images/gallery/thumbs/08-208.jpg" thumbList["t210"] = "/images/gallery/thumbs/08-209.jpg" thumbList["t211"] = "/images/gallery/thumbs/08-210.jpg" thumbList["t212"] = "/images/gallery/thumbs/08-211.jpg" thumbList["t213"] = "/images/gallery/thumbs/08-212.jpg" thumbList["t214"] = "/images/gallery/thumbs/08-213.jpg" thumbList["t215"] = "/images/gallery/thumbs/08-214.jpg" thumbList["t216"] = "/images/gallery/thumbs/08-215.jpg" thumbList["t217"] = "/images/gallery/thumbs/08-216.jpg" thumbList["t218"] = "/images/gallery/thumbs/08-217.jpg" thumbList["t219"] = "/images/gallery/thumbs/08-218.jpg" thumbList["t220"] = "/images/gallery/thumbs/08-219.jpg" thumbList["t221"] = "/images/gallery/thumbs/08-220.jpg" thumbList["t222"] = "/images/gallery/thumbs/08-221.jpg" thumbList["t223"] = "/images/gallery/thumbs/08-222.jpg" thumbList["t224"] = "/images/gallery/thumbs/08-223.jpg" thumbList["t225"] = "/images/gallery/thumbs/08-224.jpg" thumbList["t226"] = "/images/gallery/thumbs/08-225.jpg" thumbList["t227"] = "/images/gallery/thumbs/08-226.jpg" thumbList["t228"] = "/images/gallery/thumbs/08-227.jpg" thumbList["t229"] = "/images/gallery/thumbs/08-228.jpg" thumbList["t230"] = "/images/gallery/thumbs/08-229.jpg" thumbList["t231"] = "/images/gallery/thumbs/08-230.jpg" thumbList["t232"] = "/images/gallery/thumbs/08-231.jpg" thumbList["t233"] = "/images/gallery/thumbs/08-232.jpg" thumbList["t234"] = "/images/gallery/thumbs/08-233.jpg" thumbList["t235"] = "/images/gallery/thumbs/08-234.jpg" thumbList["t236"] = "/images/gallery/thumbs/08-235.jpg" thumbList["t237"] = "/images/gallery/thumbs/08-236.jpg" thumbList["t238"] = "/images/gallery/thumbs/08-237.jpg" thumbList["t239"] = "/images/gallery/thumbs/08-238.jpg" thumbList["t240"] = "/images/gallery/thumbs/08-239.jpg" thumbList["t241"] = "/images/gallery/thumbs/08-240.jpg" thumbList["t242"] = "/images/gallery/thumbs/08-241.jpg" thumbList["t243"] = "/images/gallery/thumbs/08-242.jpg" thumbList["t244"] = "/images/gallery/thumbs/08-243.jpg" thumbList["t245"] = "/images/gallery/thumbs/08-244.jpg" thumbList["t246"] = "/images/gallery/thumbs/08-245.jpg" thumbList["t247"] = "/images/gallery/thumbs/08-246.jpg" thumbList["t248"] = "/images/gallery/thumbs/08-247.jpg" thumbList["t249"] = "/images/gallery/thumbs/08-248.jpg" thumbList["t250"] = "/images/gallery/thumbs/08-249.jpg" thumbList["t251"] = "/images/gallery/thumbs/08-250.jpg" thumbList["t252"] = "/images/gallery/thumbs/08-251.jpg" // 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 == 252) {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 = 253} // 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) }