home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _3CFEC120969A4C0B9A208AC11CA82542 < prev    next >
Encoding:
Text File  |  2005-12-12  |  8.4 KB  |  186 lines
  1. <html>
  2. <head>
  3. <title>My Life in Pictures</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. .AlbumTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 24pt; color: #FFFFFF}
  8. .ThumbTitleStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; color: #CCFFFF}
  9. -->
  10. </style>
  11. <script language="JavaScript">
  12. <!--
  13. function MM_preloadImages() { //v2.0
  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_swapImgRestore() { //v2.0
  25.   if (document.MM_swapImgData != null)
  26.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  27.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  28. }
  29.  
  30. function MM_swapImage() { //v2.0
  31.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  32.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  33.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  34.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  35.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  36.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  37.     obj = eval(objStr);
  38.     if (obj != null) {
  39.       swapArray[j++] = obj;
  40.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  41.       obj.src = MM_swapImage.arguments[i+2];
  42.   } }
  43.   document.MM_swapImgData = swapArray; //used for restore
  44. }
  45. //-->
  46. </script>
  47. <style>.Fixed02 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #FFFF99}
  48. .SignStyle {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; font-style: italic; font-weight: bolder}
  49. </style>
  50. <script language="JavaScript">
  51. <!--
  52. function MM_changeProp(objStrNS,objStrIE,theProp,theValue) { //v2.0
  53.   var NS = (navigator.appName == 'Netscape');
  54.   var objStr = (NS)?objStrNS:objStrIE;
  55.   if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
  56.       (!NS && (objStr.indexOf('document.all[')   !=0 || document.all   !=null))) {
  57.     var obj = eval(objStr);
  58.     if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
  59.       eval(objStr+'.'+theProp + '="'+theValue+'"');
  60.   } }
  61. }
  62.  
  63.  
  64. var nCurImg = 0;
  65. var nTimeSlice = 1000;
  66. var nImgCount = 1;
  67. var ImgFileNameArray;
  68. var bPlay = false;
  69. var nTimeoutID = 0;
  70.  
  71.  
  72. function CreateImageArray()
  73. {
  74.     ImgFileNameArray = new Array(nImgCount);
  75.     ImgFileNameArray[0] = "../image/index-p.jpg";
  76. }
  77.  
  78.  
  79. function SetHolderImage(nIndex)
  80. {
  81.     
  82.     if (nIndex < nImgCount) {
  83.         var ImgSrc = ImgFileNameArray[nIndex];
  84.         MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
  85.     }
  86.     else
  87.         window.alert("Array index out of bound");
  88. }
  89.  
  90.  
  91. function OnLoadDocument()
  92. {
  93.     CreateImageArray();
  94.  
  95.     SetHolderImage(0);
  96.     
  97.     Play();
  98. }
  99.  
  100.  
  101. function TimeoutProc()
  102. {
  103.     if (bPlay) {
  104.         Next();
  105.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);    
  106.     }
  107. }
  108.  
  109. function Play()
  110. {
  111.     if (!bPlay) {
  112.         bPlay = true;
  113.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
  114.     }
  115. }
  116.  
  117. function Stop()
  118. {
  119.     if (bPlay) {
  120.         bPlay = false;
  121.         if (nTimeoutID != 0)
  122.             window.clearTimeout(nTimeoutID);
  123.     }
  124. }
  125.  
  126. function Next()
  127. {
  128.     nCurImg = (nCurImg + 1) % nImgCount;
  129.     SetHolderImage(nCurImg);
  130. }
  131.  
  132. function Previous()
  133. {
  134.     nCurImg = (nCurImg - 1) % nImgCount;
  135.     if (nCurImg < 0)
  136.         nCurImg += nImgCount;
  137.         
  138.     SetHolderImage(nCurImg);
  139. }
  140.  
  141. //-->
  142. </script>
  143. </head>
  144. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Party Time.mid" repeat="1" loop="-1">
  145. <body bgcolor="#05378C" onLoad="MM_preloadImages('../image/button-back1.gif','#924601682280');MM_preloadImages('../image/button-home1.gif','#924601697610');MM_preloadImages('../image/button-next1.gif','#924601907750')" link="#FFFF99" vlink="#FFFF99" alink="#FFFF99">
  146. <div id="Layer3" style="position:absolute; left:93px; top:10px; width:579px; height:70px; z-index:30" class="unnamed1"> 
  147.   <div align="center">
  148.     <p id="uAlbumTitle" class="AlbumTitleStyle">My Life in Pictures</p>
  149.   </div>
  150. </div>
  151. <div id="Layer4" style="position:absolute; left:303px; top:323px; width:341px; height:69px; z-index:29" class="AlbumTitleStyle"> 
  152.   <div align="center">
  153.     <p id="uThumbTitle001" class="ThumbTitleStyle" align="left">Holland. October, 
  154.       1999.</p>
  155.   </div>
  156. </div>
  157. <div id="Layer02" style="position:absolute; left:51px; top:34px; width:25px; height:27px; z-index:9"><img src="../image/star-t3.gif" width="32" height="30"></div>
  158. <div id="Layer03" style="position:absolute; left:17px; top:111px; width:43px; height:42px; z-index:14"><img src="../image/star-t2.gif" width="42" height="40"></div>
  159. <div id="Layer01" style="position:absolute; left:0px; top:0px; width:201px; height:227px; z-index:4"> 
  160.   <img width="750" height="440" src="../image/Back-final-s.jpg"> </div>
  161. <div id="Layer07" style="position:absolute; left:678px; top:37px; width:19px; height:29px; z-index:23"><img src="../image/star-t1.gif" width="46" height="41"></div>
  162. <div id="Layer10" style="position:absolute; left:650px; top:288px; width:22px; height:20px; z-index:15"><img src="../image/star-t1.gif" width="31" height="29"></div>
  163. <div id="Layer11" style="position:absolute; left:673px; top:371px; width:25px; height:27px; z-index:10"><img src="../image/star-t3.gif" width="50" height="43"></div>
  164. <div id="Layer06" style="position:absolute; left:63px; top:380px; width:25px; height:27px; z-index:11"><img src="../image/star-t2.gif" width="44" height="41"></div>
  165. <div id="Layer04" style="position:absolute; left:44px; top:216px; width:13px; height:13px; z-index:20"><img src="../image/star-t1.gif" width="25" height="24"></div>
  166. <div id="Layer05" style="position:absolute; left:8px; top:301px; width:15px; height:19px; z-index:17"><img src="../image/star-t3.gif" width="34" height="35"></div>
  167. <div id="Layer09" style="position:absolute; left:699px; top:208px; width:31px; height:31px; z-index:21"><img src="../image/star-t2.gif" width="35" height="34"></div>
  168. <div id="Layer08" style="position:absolute; left:659px; top:138px; width:23px; height:22px; z-index:18"><img src="../image/star-t3.gif" width="27" height="26"></div>
  169. <div id="Layer10" style="position:absolute; left:304px; top:122px; width:236px; height:27px; z-index:5"><img name="uImage001" src="../image/index-p.jpg" width="238" height="174" ></div>
  170. <div id="Layer11" style="position:absolute; width:368px; height:20px; z-index:20; left: 224px; top: 462px"> 
  171.   <div align="center">
  172.     
  173.     <p align="center"><a href="http://www.novadevelopment.com" class="Fixed02"> 
  174.         </a> 
  175.   </div>
  176. </div>
  177.  
  178. <div id="Layer17" style="position:absolute; width:19px; height:21px; z-index:25; left: 302px; top: 394px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'uPreviousButtonLayer\'].document.uPreviousButton','document.uPreviousButton','../image/button-back1.gif','#924601682280')"><img src="../image/button-back.gif" width="64" height="44" name="uPreviousButton" border="0" alt="Back"></a></div>
  179. <div id="Layer16" style="position:absolute; width:20px; height:19px; z-index:26; left: 443px; top: 393px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'uNextButtonLayer\'].document.uNextButton','document.uNextButton','../image/button-next1.gif','#924601907750')"><img src="../image/button-next.gif" width="63" height="44" border="0" name="uNextButton" alt="Next"></a></div>
  180. <div id="Layer15" style="position:absolute; width:28px; height:23px; z-index:27; left: 382px; top: 395px"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'uHomeButtonLayer\'].document.uHomeButton','document.uHomeButton','../image/button-home1.gif','#924601697610')"><img src="../image/button-home.gif" width="44" height="44" name="uHomeButton" border="0" alt="Home"></a></div>
  181. <div id="Layer20" style="position:absolute; left:1px; top:491px; width:747px; height:63px; z-index:28; visibility: hidden" > 
  182.   <p id="uSignature" class="SignStyle">Input signture here!</p>
  183. </div>
  184. </body>
  185. </html>
  186.