ÿþ<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Shiprock Marathon Photo Gallery</title> <link href="style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript" src="javascript/homeSlideShow.js" ></script> </head> <body bgcolor="#1DB6EA" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();"> <table width="750" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" class="content"> <tr> <td colspan="3"><img src="images/marathon.gif" width="750" height="119" alt="shiprock marathon" /></td> </tr> <tr> <td valign="top" background="images/leftbg.gif" style="background-image: url(images/leftbg.gif);"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" height="34" style="height: 34px;"><img src="images/runners.gif" width="186" height="34" alt="runners" /></td> </tr> <tr> <td rowspan="8" class="nav"><ul> <li><a href="index.html">home</a></li> <li><a href="course.html">the course</a></li> <li><a href="schedule.html">race info</a></li> <li><a href="registration.html">registration</a></li> <li><a href="photo.html">photo gallery</a></li> <li><a href="http://www.zazoosh.com/events/280" target="_blank"><span class="race">race photos</span></a></li> <li><a href="results.html">results</a></li> <li><a href="volunteer.html">volunteer</a></li> <li><a href="contact.html">contact us</a></li> <li><a href="links.html">Shiprock Marathon Travel Info</a></li> </ul> </td> <!--<td height="41" style="height: 41px;" valign="top"><a href="index.html" onmouseover="changeImages('home', 'images/home-over.gif'); return true;" onmouseout="changeImages('home', 'images/home.gif'); return true;"><img name="home" src="images/home.gif" width="186" height="41" border="0" alt="home" /></a></td> </tr> <tr> <td height="41" style="height: 41px;"><a href="course.html" onmouseover="changeImages('the_course', 'images/the_course-over.gif'); return true;" onmouseout="changeImages('the_course', 'images/the_course.gif'); return true;"><img name="the_course" src="images/the_course.gif" width="186" height="41" border="0" alt="the course" /></a></td> </tr> <tr> <td height="40" style="height: 40px;"><a href="schedule.html" onmouseover="changeImages('schedule', 'images/schedule-over.gif'); return true;" onmouseout="changeImages('schedule', 'images/schedule.gif'); return true;"><img name="schedule" src="images/schedule.gif" width="186" height="40" border="0" alt="schedule" /></a></td> </tr> <tr> <td height="40" style="height: 40px;"><a href="registration.html" onmouseover="changeImages('registration', 'images/registration-over.gif'); return true;" onmouseout="changeImages('registration', 'images/registration.gif'); return true;"><img name="registration" src="images/registration.gif" width="186" height="40" border="0" alt="registration" /></a></td> </tr> <tr> <td height="40" style="height: 40px;"><a href="photo.html" onmouseover="changeImages('photo_gallery', 'images/photo_gallery-over.gif'); return true;" onmouseout="changeImages('photo_gallery', 'images/photo_gallery.gif'); return true;"><img name="photo_gallery" src="images/photo_gallery.gif" width="186" height="40" border="0" alt="photo gallery" /></a></td> </tr> <tr> <td height="40" style="height: 40px;"><a href="http://www.zazoosh.com/events/280" target="_blank" onmouseover="changeImages('race', 'images/raceon.jpg'); return true;" onmouseout="changeImages('race', 'images/raceoff.jpg'); return true;"><img name="race" src="images/raceoff.jpg" width="186" height="41" border="0" alt="photo gallery" /></a></td> </tr> <tr> <td height="40" style="height: 40px;"><a href="results.html" onmouseover="changeImages('race_results', 'images/race_results-over.gif'); return true;" onmouseout="changeImages('race_results', 'images/race_results.gif'); return true;"><img name="race_results" src="images/race_results.gif" width="186" height="40" border="0" alt="race results" /></a></td> </tr> <tr> <td height="41" style="height: 41px;"><a href="contact.html" onmouseover="changeImages('contact', 'images/contact_us-over.gif'); return true;" onmouseout="changeImages('contact', 'images/contact_us.gif'); return true;"><img name="contact" src="images/contact_us.gif" width="186" height="41" border="0" alt="contact us" /></a></td> </tr> <tr> <td height="49" style="height: 49px;"><a href="links.html" onmouseover="changeImages('links', 'images/links-over.gif'); return true;" onmouseout="changeImages('links', 'images/links.gif'); return true;"><img name="links" src="images/links.gif" width="186" height="49" border="0" alt="links" /></a></td>--> </tr> </table> </td> <td width="473" style="vertical-align: top;" valign="top"> <img src="images/corner_left.gif" width="42" height="75" alt="spacer" style="float: left;" /><img src="images/corner_right.gif" width="23" height="75" alt="spacer" style="float: right;" /> <div class="content"> <h3>Photo Gallery</h3> <br /><div align="center"> <img src='images/Slideshows/photo/1.jpg' class="blackborder" id="SlideShow"/> <script language="javascript" type="text/javascript"> // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below /* Pic[0] = 'images/Slideshows/photo/1.jpg' Pic[1] = 'images/Slideshows/photo/2.jpg'; Pic[2] = 'images/Slideshows/photo/3.jpg'; Pic[3] = 'images/Slideshows/photo/4.jpg'; */ Pic[0] = 'images/Slideshows/photo/1.jpg'; Pic[1] = 'images/Slideshows/photo/2.jpg'; Pic[2] = 'images/Slideshows/photo/3.jpg'; Pic[3] = 'images/Slideshows/photo/4.jpg'; Pic[4] = 'images/Slideshows/photo/5.jpg'; Pic[5] = 'images/Slideshows/photo/6.jpg'; Pic[6] = 'images/Slideshows/photo/7.jpg'; Pic[7] = 'images/Slideshows/photo/8.jpg'; Pic[8] = 'images/Slideshows/photo/9.jpg'; Pic[9] = 'images/Slideshows/photo/10.jpg'; Pic[10] = 'images/Slideshows/photo/11.jpg'; Pic[11] = 'images/Slideshows/photo/12.jpg'; Pic[12] = 'images/Slideshows/photo/13.jpg'; Pic[13] = 'images/Slideshows/photo/14.jpg'; Pic[14] = 'images/Slideshows/photo/15.jpg'; Pic[15] = 'images/Slideshows/photo/16.jpg'; Pic[16] = 'images/Slideshows/photo/17.jpg'; Pic[17] = 'images/Slideshows/photo/18.jpg'; Pic[18] = 'images/Slideshows/photo/19.jpg'; Pic[19] = 'images/Slideshows/photo/20.jpg'; Pic[20] = 'images/Slideshows/photo/21.jpg'; Pic[21] = 'images/Slideshows/photo/22.jpg'; Pic[22] = 'images/Slideshows/photo/23.jpg'; preloadimages(Pic); runSlideShow(); </script></div> <br /> <br /> <div align="center"> <a href="trailwalk.html">Click To View Trail Walk Photos</a> </div> </div></td> <td valign="top" background="images/rightbg.gif" style="background-image: url(images/rightbg.gif);"><img src="images/right.gif" width="91" height="366" alt="right" /></td> </tr> <tr> <td colspan="3" height="8" style="height: 8px;"><img src="images/footer.gif" width="750" height="8" alt="footer" /></td> </tr> </table> <br /> </body> <SCRIPT TYPE="text/javascript"> <!-- function newImage(arg) { if (document.images) { rslt = new Image(); rslt.src = arg; return rslt; } } function changeImages() { if (document.images && (preloadFlag == true)) { for (var i=0; i<changeImages.arguments.length; i+=2) { document[changeImages.arguments[i]].src = changeImages.arguments[i+1]; } } } var preloadFlag = false; function preloadImages() { if (document.images) { home_over = newImage("images/home-over.gif"); the_course_over = newImage("images/the_course-over.gif"); schedule_over = newImage("images/schedule-over.gif"); registration_over = newImage("images/registration-over.gif"); photo_gallery_over = newImage("images/photo_gallery-over.gif"); race_results_over = newImage("images/race_results-over.gif"); contact_us_over = newImage("images/contact_us-over.gif"); links_over = newImage("images/links-over.gif"); preloadFlag = true; } } // --> </SCRIPT> </html>