// 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/2007.gif" thumbList["t2"] = "/images/gallery/thumbs/07-DDSC00302.jpg" thumbList["t3"] = "/images/gallery/thumbs/07-DSC00008.jpg" thumbList["t4"] = "/images/gallery/thumbs/07-DSC00015.jpg" thumbList["t5"] = "/images/gallery/thumbs/07-DSC00021.jpg" thumbList["t6"] = "/images/gallery/thumbs/07-DSC00022.jpg" thumbList["t7"] = "/images/gallery/thumbs/07-DSC00024.jpg" thumbList["t8"] = "/images/gallery/thumbs/07-DSC00030.jpg" thumbList["t9"] = "/images/gallery/thumbs/07-DSC00058.jpg" thumbList["t10"] = "/images/gallery/thumbs/07-DSC00069.jpg" thumbList["t11"] = "/images/gallery/thumbs/07-DSC00071.jpg" thumbList["t12"] = "/images/gallery/thumbs/07-DSC00086.jpg" thumbList["t13"] = "/images/gallery/thumbs/07-DSC00089.jpg" thumbList["t14"] = "/images/gallery/thumbs/07-DSC00092.jpg" thumbList["t15"] = "/images/gallery/thumbs/07-DSC00097.jpg" thumbList["t16"] = "/images/gallery/thumbs/07-DSC00103.jpg" thumbList["t17"] = "/images/gallery/thumbs/07-DSC00116.jpg" thumbList["t18"] = "/images/gallery/thumbs/07-DSC00125.jpg" thumbList["t19"] = "/images/gallery/thumbs/07-DSC00131.jpg" thumbList["t20"] = "/images/gallery/thumbs/07-DSC00132.jpg" thumbList["t21"] = "/images/gallery/thumbs/07-DSC00141.jpg" thumbList["t22"] = "/images/gallery/thumbs/07-DSC00150.jpg" thumbList["t23"] = "/images/gallery/thumbs/07-DSC00172.jpg" thumbList["t24"] = "/images/gallery/thumbs/07-DSC00174.jpg" thumbList["t25"] = "/images/gallery/thumbs/07-DSC00181.jpg" thumbList["t26"] = "/images/gallery/thumbs/07-DSC00186.jpg" thumbList["t27"] = "/images/gallery/thumbs/07-DSC00191.jpg" thumbList["t28"] = "/images/gallery/thumbs/07-DSC00195.jpg" thumbList["t29"] = "/images/gallery/thumbs/07-DSC00196.jpg" thumbList["t30"] = "/images/gallery/thumbs/07-DSC00207.jpg" thumbList["t31"] = "/images/gallery/thumbs/07-DSC00214.jpg" thumbList["t32"] = "/images/gallery/thumbs/07-DSC00228.jpg" thumbList["t33"] = "/images/gallery/thumbs/07-DSC00245.jpg" thumbList["t34"] = "/images/gallery/thumbs/07-DSC00263.jpg" thumbList["t35"] = "/images/gallery/thumbs/07-DSC00271.jpg" thumbList["t36"] = "/images/gallery/thumbs/07-DSC00291.jpg" thumbList["t37"] = "/images/gallery/thumbs/07-DSC00293.jpg" thumbList["t38"] = "/images/gallery/thumbs/07-DSC00305.jpg" thumbList["t39"] = "/images/gallery/thumbs/07-DSC00314.jpg" thumbList["t40"] = "/images/gallery/thumbs/07-DSC00317.jpg" thumbList["t41"] = "/images/gallery/thumbs/07-DSC00325.jpg" thumbList["t42"] = "/images/gallery/thumbs/07-DSC00337.jpg" thumbList["t43"] = "/images/gallery/thumbs/07-DSC00340.jpg" thumbList["t44"] = "/images/gallery/thumbs/07-DSC00355.jpg" thumbList["t45"] = "/images/gallery/thumbs/07-DSC00362.jpg" thumbList["t46"] = "/images/gallery/thumbs/07-DSC00366.jpg" thumbList["t47"] = "/images/gallery/thumbs/07-DSC00372.jpg" thumbList["t48"] = "/images/gallery/thumbs/07-DSC00375.jpg" thumbList["t49"] = "/images/gallery/thumbs/07-DSC00378.jpg" thumbList["t50"] = "/images/gallery/thumbs/07-DSC00386.jpg" thumbList["t51"] = "/images/gallery/thumbs/07-DSC00394.jpg" thumbList["t52"] = "/images/gallery/thumbs/07-DSC00399.jpg" thumbList["t53"] = "/images/gallery/thumbs/07-DSC00427.jpg" thumbList["t54"] = "/images/gallery/thumbs/07-DSC00430.jpg" thumbList["t55"] = "/images/gallery/thumbs/07-DSC00586.jpg" thumbList["t56"] = "/images/gallery/thumbs/07-DSC00607.jpg" thumbList["t57"] = "/images/gallery/thumbs/07-DSC00634.jpg" thumbList["t58"] = "/images/gallery/thumbs/07-DSC00646.jpg" thumbList["t59"] = "/images/gallery/thumbs/07-DSC00663.jpg" thumbList["t60"] = "/images/gallery/thumbs/07-DSC00680.jpg" thumbList["t61"] = "/images/gallery/thumbs/07-DSC00710.jpg" thumbList["t62"] = "/images/gallery/thumbs/07-DSC08988.jpg" thumbList["t63"] = "/images/gallery/thumbs/07-DSC09618.jpg" thumbList["t64"] = "/images/gallery/thumbs/07-DSC09620.jpg" thumbList["t65"] = "/images/gallery/thumbs/07-DSC09686.jpg" thumbList["t66"] = "/images/gallery/thumbs/07-DSC09706.jpg" thumbList["t67"] = "/images/gallery/thumbs/07-DSC09718.jpg" thumbList["t68"] = "/images/gallery/thumbs/07-DSC09719.jpg" thumbList["t69"] = "/images/gallery/thumbs/07-DSC09723.jpg" thumbList["t70"] = "/images/gallery/thumbs/07-DSC09730.jpg" thumbList["t71"] = "/images/gallery/thumbs/07-DSC09739.jpg" thumbList["t72"] = "/images/gallery/thumbs/07-DSC09747.jpg" thumbList["t73"] = "/images/gallery/thumbs/07-DSC09753.jpg" thumbList["t74"] = "/images/gallery/thumbs/07-DSC09777.jpg" thumbList["t75"] = "/images/gallery/thumbs/07-DSC09784.jpg" thumbList["t76"] = "/images/gallery/thumbs/07-DSC09793.jpg" thumbList["t77"] = "/images/gallery/thumbs/07-DSC09809.jpg" thumbList["t78"] = "/images/gallery/thumbs/07-DSC09815.jpg" thumbList["t79"] = "/images/gallery/thumbs/07-DSC09825.jpg" thumbList["t80"] = "/images/gallery/thumbs/07-DSC09841.jpg" thumbList["t81"] = "/images/gallery/thumbs/07-DSC09848.jpg" thumbList["t82"] = "/images/gallery/thumbs/07-DSC09850.jpg" thumbList["t83"] = "/images/gallery/thumbs/07-DSC09858.jpg" thumbList["t84"] = "/images/gallery/thumbs/07-DSC09871.jpg" thumbList["t85"] = "/images/gallery/thumbs/07-DSC09875.jpg" thumbList["t86"] = "/images/gallery/thumbs/07-DSC09877.jpg" thumbList["t87"] = "/images/gallery/thumbs/07-DSC09881.jpg" thumbList["t88"] = "/images/gallery/thumbs/07-DSC09883.jpg" thumbList["t89"] = "/images/gallery/thumbs/07-DSC09885.jpg" thumbList["t90"] = "/images/gallery/thumbs/07-DSC09888.jpg" thumbList["t91"] = "/images/gallery/thumbs/07-DSC09891.jpg" thumbList["t92"] = "/images/gallery/thumbs/07-DSC09892.jpg" thumbList["t93"] = "/images/gallery/thumbs/07-DSC09893.jpg" thumbList["t94"] = "/images/gallery/thumbs/07-DSC09896.jpg" thumbList["t95"] = "/images/gallery/thumbs/07-DSC09901.jpg" thumbList["t96"] = "/images/gallery/thumbs/07-DSC09919.jpg" thumbList["t97"] = "/images/gallery/thumbs/07-DSC09923.jpg" thumbList["t98"] = "/images/gallery/thumbs/07-DSC09951.jpg" thumbList["t99"] = "/images/gallery/thumbs/07-DSC09963.jpg" thumbList["t100"] = "/images/gallery/thumbs/2006.gif" thumbList["t101"] = "/images/gallery/thumbs/001_24A.jpg" thumbList["t102"] = "/images/gallery/thumbs/6th-day-(38).jpg" thumbList["t103"] = "/images/gallery/thumbs/6th-day-(42).jpg" thumbList["t104"] = "/images/gallery/thumbs/6th-day-(74).jpg" thumbList["t105"] = "/images/gallery/thumbs/6th-day-(75).jpg" thumbList["t106"] = "/images/gallery/thumbs/6th-day-(134).jpg" thumbList["t107"] = "/images/gallery/thumbs/6th-day-(150).jpg" thumbList["t108"] = "/images/gallery/thumbs/6th-day-(163).jpg" thumbList["t109"] = "/images/gallery/thumbs/6th-day-(184).jpg" thumbList["t110"] = "/images/gallery/thumbs/6th-day-(203).jpg" thumbList["t111"] = "/images/gallery/thumbs/008_18.jpg" thumbList["t112"] = "/images/gallery/thumbs/009_16A.jpg" thumbList["t113"] = "/images/gallery/thumbs/009_17.jpg" thumbList["t114"] = "/images/gallery/thumbs/010_16.jpg" thumbList["t115"] = "/images/gallery/thumbs/012_14.jpg" thumbList["t116"] = "/images/gallery/thumbs/015_11.jpg" thumbList["t117"] = "/images/gallery/thumbs/020_5A.jpg" thumbList["t118"] = "/images/gallery/thumbs/022_4.jpg" thumbList["t119"] = "/images/gallery/thumbs/123.jpg" thumbList["t120"] = "/images/gallery/thumbs/440000-R1-049-23.jpg" thumbList["t121"] = "/images/gallery/thumbs/440000-R1-053-25.jpg" thumbList["t122"] = "/images/gallery/thumbs/440001-R1-020-8A.jpg" thumbList["t123"] = "/images/gallery/thumbs/440001-R1-040-18A.jpg" thumbList["t124"] = "/images/gallery/thumbs/440001-R1-048-22A.jpg" thumbList["t125"] = "/images/gallery/thumbs/440002-R1-009-3.jpg" thumbList["t126"] = "/images/gallery/thumbs/440002-R1-013-5.jpg" thumbList["t127"] = "/images/gallery/thumbs/440002-R1-019-8.jpg" thumbList["t128"] = "/images/gallery/thumbs/440002-R1-047-22.jpg" thumbList["t129"] = "/images/gallery/thumbs/712395-R1-024-10A.jpg" thumbList["t130"] = "/images/gallery/thumbs/712395-R1-026-11A.jpg" thumbList["t131"] = "/images/gallery/thumbs/712395-R1-032-14A.jpg" thumbList["t132"] = "/images/gallery/thumbs/712396-R1-023-10.jpg" thumbList["t133"] = "/images/gallery/thumbs/712396-R1-033-15.jpg" thumbList["t134"] = "/images/gallery/thumbs/712396-R1-035-16.jpg" thumbList["t135"] = "/images/gallery/thumbs/712399-R1-024-10A.jpg" thumbList["t136"] = "/images/gallery/thumbs/712399-R1-040-18A.jpg" thumbList["t137"] = "/images/gallery/thumbs/712399-R1-048-22A.jpg" thumbList["t138"] = "/images/gallery/thumbs/712400-R1-007-2.jpg" thumbList["t139"] = "/images/gallery/thumbs/712400-R1-013-5.jpg" thumbList["t140"] = "/images/gallery/thumbs/712400-R1-019-8.jpg" thumbList["t141"] = "/images/gallery/thumbs/712400-R1-035-16.jpg" thumbList["t142"] = "/images/gallery/thumbs/712400-R1-041-19.jpg" thumbList["t143"] = "/images/gallery/thumbs/APR3014-R1-031-14.jpg" thumbList["t144"] = "/images/gallery/thumbs/APR3017-R1-038-17A.jpg" thumbList["t145"] = "/images/gallery/thumbs/APR3575-R1-016-6A.jpg" thumbList["t146"] = "/images/gallery/thumbs/APR3860-R1-008-2A.jpg" thumbList["t147"] = "/images/gallery/thumbs/APR3861-R1-038-17A.jpg" thumbList["t148"] = "/images/gallery/thumbs/APR4040-R1-008-2A.jpg" thumbList["t149"] = "/images/gallery/thumbs/APR4040-R1-014-5A.jpg" thumbList["t150"] = "/images/gallery/thumbs/APRIL73-R1-014-5A.jpg" thumbList["t151"] = "/images/gallery/thumbs/APRIL73-R1-020-8A.jpg" thumbList["t152"] = "/images/gallery/thumbs/APRIL73-R1-032-14A.jpg" thumbList["t153"] = "/images/gallery/thumbs/APRIL73-R1-040-18A.jpg" thumbList["t154"] = "/images/gallery/thumbs/APRIL74-R1-042-19A.jpg" thumbList["t155"] = "/images/gallery/thumbs/APRIL75-R1-036-16A.jpg" thumbList["t156"] = "/images/gallery/thumbs/APRIL75-R1-050-23A.jpg" thumbList["t157"] = "/images/gallery/thumbs/Disk-2-(4).jpg" thumbList["t158"] = "/images/gallery/thumbs/Disk-2-(32).jpg" thumbList["t159"] = "/images/gallery/thumbs/Disk-2-(77).jpg" thumbList["t160"] = "/images/gallery/thumbs/Disk-2-(173).jpg" thumbList["t161"] = "/images/gallery/thumbs/Disk-2-(176).jpg" thumbList["t162"] = "/images/gallery/thumbs/Disk-2-(199).jpg" thumbList["t163"] = "/images/gallery/thumbs/Disk-2-(216).jpg" thumbList["t164"] = "/images/gallery/thumbs/Disk-2-(233).jpg" thumbList["t165"] = "/images/gallery/thumbs/Disk-2-(246).jpg" thumbList["t166"] = "/images/gallery/thumbs/Disk-2-(250).jpg" thumbList["t167"] = "/images/gallery/thumbs/Disk-2-(257).jpg" thumbList["t168"] = "/images/gallery/thumbs/Disk-2-(258).jpg" thumbList["t169"] = "/images/gallery/thumbs/Disk-2-(291).jpg" thumbList["t170"] = "/images/gallery/thumbs/Disk-2-(303).jpg" thumbList["t171"] = "/images/gallery/thumbs/Disk-2-(313).jpg" thumbList["t172"] = "/images/gallery/thumbs/Disk-2-(319).jpg" thumbList["t173"] = "/images/gallery/thumbs/Disk-2-(355).jpg" thumbList["t174"] = "/images/gallery/thumbs/Disk-2-(396).jpg" thumbList["t175"] = "/images/gallery/thumbs/Disk-2-(410).jpg" thumbList["t176"] = "/images/gallery/thumbs/Disk-2-(454).jpg" thumbList["t177"] = "/images/gallery/thumbs/Disk-2-(457).jpg" thumbList["t178"] = "/images/gallery/thumbs/Disk-2-(463).jpg" thumbList["t179"] = "/images/gallery/thumbs/Disk-2.jpg" thumbList["t180"] = "/images/gallery/thumbs/DSC03266.jpg" thumbList["t181"] = "/images/gallery/thumbs/DSC03288.jpg" thumbList["t182"] = "/images/gallery/thumbs/DSC03804.jpg" thumbList["t183"] = "/images/gallery/thumbs/DSC04014.jpg" thumbList["t184"] = "/images/gallery/thumbs/DSC04117.jpg" thumbList["t185"] = "/images/gallery/thumbs/DSC04181.jpg" thumbList["t186"] = "/images/gallery/thumbs/DSC04182.jpg" thumbList["t187"] = "/images/gallery/thumbs/DSC04336.jpg" thumbList["t188"] = "/images/gallery/thumbs/DSC04527.jpg" thumbList["t189"] = "/images/gallery/thumbs/DSC04529.jpg" thumbList["t190"] = "/images/gallery/thumbs/DSC04531.jpg" thumbList["t191"] = "/images/gallery/thumbs/DSCN2999.jpg" thumbList["t192"] = "/images/gallery/thumbs/DSCN3055.jpg" thumbList["t193"] = "/images/gallery/thumbs/DSCN3090.jpg" thumbList["t194"] = "/images/gallery/thumbs/DSCN3105.jpg" thumbList["t195"] = "/images/gallery/thumbs/DSCN3106.jpg" thumbList["t196"] = "/images/gallery/thumbs/M574339-R1-012-4A.jpg" thumbList["t197"] = "/images/gallery/thumbs/M574339-R1-022-9A.jpg" thumbList["t198"] = "/images/gallery/thumbs/M574339-R1-046-21A.jpg" thumbList["t199"] = "/images/gallery/thumbs/M574340-R1-031-14.jpg" thumbList["t200"] = "/images/gallery/thumbs/previous.gif" thumbList["t201"] = "/images/gallery/thumbs/Bowling-007.jpg" thumbList["t202"] = "/images/gallery/thumbs/Bowling-018.jpg" thumbList["t203"] = "/images/gallery/thumbs/Dcp_0188.jpg" thumbList["t204"] = "/images/gallery/thumbs/Dcp_0357.jpg" thumbList["t205"] = "/images/gallery/thumbs/Dcp_0366.jpg" thumbList["t206"] = "/images/gallery/thumbs/Dcp_08712.jpg" thumbList["t207"] = "/images/gallery/thumbs/dolphins24.jpg" thumbList["t208"] = "/images/gallery/thumbs/IM_A0039.jpg" thumbList["t209"] = "/images/gallery/thumbs/IM_A0061.jpg" thumbList["t210"] = "/images/gallery/thumbs/IM_A0064.jpg" thumbList["t211"] = "/images/gallery/thumbs/IM_A0071.jpg" thumbList["t212"] = "/images/gallery/thumbs/IM_A0080.jpg" thumbList["t213"] = "/images/gallery/thumbs/IM_A0085.jpg" thumbList["t214"] = "/images/gallery/thumbs/IM_A0100.jpg" thumbList["t215"] = "/images/gallery/thumbs/IM_A0176.jpg" thumbList["t216"] = "/images/gallery/thumbs/IM_A0219.jpg" thumbList["t217"] = "/images/gallery/thumbs/IM_A0230.jpg" thumbList["t218"] = "/images/gallery/thumbs/image_10.jpg" thumbList["t219"] = "/images/gallery/thumbs/image_106.jpg" thumbList["t220"] = "/images/gallery/thumbs/image_136.jpg" thumbList["t221"] = "/images/gallery/thumbs/image_237.jpg" thumbList["t222"] = "/images/gallery/thumbs/image_250.jpg" thumbList["t223"] = "/images/gallery/thumbs/image_384.jpg" thumbList["t224"] = "/images/gallery/thumbs/image_98.jpg" thumbList["t225"] = "/images/gallery/thumbs/magic050.jpg" thumbList["t226"] = "/images/gallery/thumbs/magic060.jpg" thumbList["t227"] = "/images/gallery/thumbs/morning018.jpg" thumbList["t228"] = "/images/gallery/thumbs/parrotjungle070.jpg" thumbList["t229"] = "/images/gallery/thumbs/parrotjungle072.jpg" thumbList["t230"] = "/images/gallery/thumbs/parrotjungle082.jpg" thumbList["t231"] = "/images/gallery/thumbs/parrotjungle084.jpg" thumbList["t232"] = "/images/gallery/thumbs/parrotjungle091.jpg" thumbList["t233"] = "/images/gallery/thumbs/pirates022.jpg" thumbList["t234"] = "/images/gallery/thumbs/pirates058.jpg" thumbList["t235"] = "/images/gallery/thumbs/pjparty072.jpg" thumbList["t236"] = "/images/gallery/thumbs/pjparty075.jpg" thumbList["t237"] = "/images/gallery/thumbs/random101.jpg" thumbList["t238"] = "/images/gallery/thumbs/random102.jpg" thumbList["t239"] = "/images/gallery/thumbs/random29.jpg" thumbList["t240"] = "/images/gallery/thumbs/random3.jpg" thumbList["t241"] = "/images/gallery/thumbs/random99.jpg" thumbList["t242"] = "/images/gallery/thumbs/therapydogs002.jpg" thumbList["t243"] = "/images/gallery/thumbs/therapydogs020.jpg" thumbList["t244"] = "/images/gallery/thumbs/Bowling-013.jpg" thumbList["t245"] = "/images/gallery/thumbs/Dcp_0379.jpg" thumbList["t246"] = "/images/gallery/thumbs/Dcp_0461.jpg" thumbList["t247"] = "/images/gallery/thumbs/Dcp_0479.jpg" thumbList["t248"] = "/images/gallery/thumbs/Dcp_0828.jpg" thumbList["t249"] = "/images/gallery/thumbs/IM_A0015.jpg" thumbList["t250"] = "/images/gallery/thumbs/IM_A0017.jpg" thumbList["t251"] = "/images/gallery/thumbs/IM_A0044.jpg" thumbList["t252"] = "/images/gallery/thumbs/IM_A0050.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) }