home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _29567CACDA614987902A8260D29CBAC0 < prev    next >
Encoding:
Text File  |  2005-12-12  |  7.7 KB  |  180 lines
  1. <html>
  2. <head>
  3. <title>Our Club</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <script language="JavaScript">
  6. <!--
  7. function MM_swapImgRestore() { 
  8.   if (document.MM_swapImgData != null)
  9.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  10.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  11. }
  12.  
  13. function MM_preloadImages() { 
  14.   if (document.images) {
  15.     var imgFiles = MM_preloadImages.arguments;
  16.     if (document.preloadArray==null) document.preloadArray = new Array();
  17.     var i = document.preloadArray.length;
  18.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  19.       preloadArray[i] = new Image;
  20.       preloadArray[i++].src = imgFiles[j];
  21.   } }
  22. }
  23.  
  24. function MM_swapImage() { 
  25.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  26.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  27.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  28.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  29.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  30.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  31.     obj = eval(objStr);
  32.     if (obj != null) {
  33.       swapArray[j++] = obj;
  34.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  35.       obj.src = MM_swapImage.arguments[i+2];
  36.   } }
  37.   document.MM_swapImgData = swapArray; //used for restore
  38. }
  39. //-->
  40. </script>
  41. <style type="text/css">
  42. <!--
  43. .AlbumTitleStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 32pt; color: #007898; font-style: italic}
  44. .ThumbTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; color: #000099}
  45. .Fixed01 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #003399}
  46. -->
  47. </style>
  48. <style>
  49. IMG {
  50. position:relative;
  51. cursor:hand;
  52. }
  53. .SignStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #FF0033}
  54. </style>
  55. <script language="JavaScript">
  56. <!--
  57. function MM_changeProp(objStrNS,objStrIE,theProp,theValue) { 
  58.   var NS = (navigator.appName == 'Netscape');
  59.   var objStr = (NS)?objStrNS:objStrIE;
  60.   if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
  61.       (!NS && (objStr.indexOf('document.all[')   !=0 || document.all   !=null))) {
  62.     var obj = eval(objStr);
  63.     if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
  64.       eval(objStr+'.'+theProp + '="'+theValue+'"');
  65.   } }
  66. }
  67.  
  68.  
  69. var nCurImg = 0;
  70. var nTimeSlice = 1000;
  71. var nImgCount = 1;
  72. var ImgFileNameArray;
  73. var bPlay = false;
  74. var nTimeoutID = 0;
  75.  
  76.  
  77. function CreateImageArray()
  78. {
  79.     ImgFileNameArray = new Array(nImgCount);
  80.     ImgFileNameArray[0] = "../image/club-photo.jpg";
  81. }
  82.  
  83.  
  84. function SetHolderImage(nIndex)
  85. {    
  86.     if (nIndex < nImgCount) {
  87.         var ImgSrc = ImgFileNameArray[nIndex];
  88.         MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
  89.     }
  90.     else
  91.         window.alert("Array index out of bound");
  92. }
  93.  
  94.  
  95. function OnLoadDocument()
  96. {
  97.     CreateImageArray();
  98.  
  99.     SetHolderImage(0);
  100.     
  101.     Play();
  102. }
  103.  
  104.  
  105. function TimeoutProc()
  106. {
  107.     if (bPlay) {
  108.         Next();
  109.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);    
  110.     }
  111. }
  112.  
  113. function Play()
  114. {
  115.     if (!bPlay) {
  116.         bPlay = true;
  117.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
  118.     }
  119. }
  120.  
  121. function Stop()
  122. {
  123.     if (bPlay) {
  124.         bPlay = false;
  125.         if (nTimeoutID != 0)
  126.             window.clearTimeout(nTimeoutID);
  127.     }
  128. }
  129.  
  130. function Next()
  131. {
  132.     nCurImg = (nCurImg + 1) % nImgCount;
  133.     SetHolderImage(nCurImg);
  134. }
  135.  
  136. function Previous()
  137. {
  138.     nCurImg = (nCurImg - 1) % nImgCount;
  139.     if (nCurImg < 0)
  140.         nCurImg += nImgCount;
  141.         
  142.     SetHolderImage(nCurImg);
  143. }
  144.  
  145. //-->
  146. </script>
  147. </head>
  148. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Bouncing Blues.mid" repeat="1" loop="-1">
  149. <body bgcolor="#E0D480" onLoad="MM_preloadImages('../image/Ar2.gif','#924157760700');MM_preloadImages('../image/Ar4.gif','#924157781080');MM_preloadImages('../image/Ar6.gif','#924157797780')" link="#003399" vlink="#003399" alink="#003399">
  150. <div id="Layer1" style="position:absolute; left:452px; top:2px; width:50px; height:416px; z-index:1"><img src="../image/bar.jpg" width="290" height="401"></div>
  151. <div id="Layer2" style="position:absolute; left:613px; top:334px; width:12px; height:26px; z-index:15"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer2\'].document.uNextButton','document.uNextButton','../image/Ar2.gif','#924157760700')"><img name="uNextButton" border="0" src="../image/Ar1.gif" width="37" height="61" alt="Next"></a></div>
  152. <div id="Layer3" style="position:absolute; left:547px; top:358px; width:16px; height:14px; z-index:15"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer3\'].document.uHomeButton','document.uHomeButton','../image/Ar4.gif','#924157781080')"><img name="uHomeButton" border="0" src="../image/Ar3.gif" width="49" height="36" alt="Home"></a></div>
  153. <div id="Layer4" style="position:absolute; left:496px; top:335px; width:29px; height:13px; z-index:15"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer4\'].document.uPreviousButton','document.uPreviousButton','../image/Ar6.gif','#924157797780')"><img name="uPreviousButton" border="0" src="../image/Ar5.gif" width="37" height="61" alt="Back"></a></div>
  154. <div id="Layer6" style="position:absolute; left:97px; top:138px; width:333px; height:228px; z-index:16"><img name="uImage001" src="../Image/club-photo.jpg" width="333" height="226"></div>
  155. <div id="Layer7" style="position:absolute; left:7px; top:7px; width:735px; height:29px; z-index:19"> 
  156.   <p id="uAlbumTitle" class="AlbumTitleStyle" align="center">Our Club</p>
  157.   </div>
  158. <div id="Layer5" style="position:absolute; left:0; top:430; width:760; height:50; z-index:17; visibility: hidden"> 
  159.   <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
  160. </div>
  161.  
  162. <div id="Layer17" style="position:absolute; width:35px; height:34px; z-index:6; left: 74px; top: 118px"><img src="../image/frame1.jpg" width="380" height="268" name="uImage001Dec01"></div>
  163. <div id="Layer8" style="position:absolute; width:37px; height:25px; z-index:3; left: 280px; top: 38px"><img src="../image/dance.jpg" width="175" height="104"></div>
  164. <div id="Layer10" style="position:absolute; width:45px; height:34px; z-index:1; left: 7px; top: 7px"><img src="../image/bar1.JPG" width="290" height="425"></div>
  165. <div id="Layer16" style="position:absolute; width:32px; height:28px; z-index:10; left: 73px; top: 117px"><img src="../image/light-ani.gif" width="32" height="32"></div>
  166. <div id="Layer13" style="position:absolute; width:24px; height:25px; z-index:11; left: 421px; top: 353px"><img src="../image/light-ani.gif" width="32" height="32"></div>
  167. <div id="Layer12" style="position:absolute; width:31px; height:31px; z-index:12; left: 421px; top: 117px"><img src="../image/light-ani1.gif" width="32" height="32"></div>
  168. <div style="position:absolute; width:30px; height:29px; z-index:13; left: 73px; top: 353px" id="Layer11"><img src="../image/light-ani1.gif" width="32" height="32"></div>
  169. <div id="Layer14" style="position:absolute; width:379px; height:33px; z-index:18; left: 75px; top: 388px"> 
  170.   <p id="uThumbTitle001" class="ThumbTitleStyle" align="left">Welcome to joint!</p>
  171.   </div>
  172.  
  173. <div id="Layer15" style="position:absolute; width:327px; height:24px; z-index:15; left: 430px; top: 406px"> 
  174.   <p class="Fixed01" align="center"><a href="http://www.novadevelopment.com"> 
  175.      </a></p>
  176.   </div>
  177.  
  178. </body>
  179. </html>
  180.