home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _B804BE9020A94713A5E7852D07F14608 < prev    next >
Encoding:
Text File  |  2005-12-12  |  6.7 KB  |  160 lines
  1. <html>
  2. <head>
  3. <title>Neighborhood Happenings</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <style type="text/css">
  6. <!--
  7. .AlbumTitleStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 32pt; font-style: italic; color: #3300CC}
  8. .ThumbTitleStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 12pt; color: #330066}
  9. .Fixed01 {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #003399}
  10. .SignStyle {  font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #6633FF}
  11. -->
  12. </style>
  13. <script language="JavaScript">
  14. <!--
  15. function MM_changeProp(objStrNS,objStrIE,theProp,theValue) { 
  16.   var NS = (navigator.appName == 'Netscape');
  17.   var objStr = (NS)?objStrNS:objStrIE;
  18.   if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
  19.       (!NS && (objStr.indexOf('document.all[')   !=0 || document.all   !=null))) {
  20.     var obj = eval(objStr);
  21.     if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
  22.       eval(objStr+'.'+theProp + '="'+theValue+'"');
  23.   } }
  24. }
  25.  
  26. var nCurImg = 0;
  27. var nTimeSlice = 1000;
  28. var nImgCount = 1;
  29. var ImgFileNameArray;
  30. var bPlay = false;
  31. var nTimeoutID = 0;
  32.  
  33. function CreateImageArray()
  34. {
  35.     ImgFileNameArray = new Array(nImgCount);
  36.     ImgFileNameArray[0] = "../image/hood-photo.jpg";
  37. }
  38.  
  39. function SetHolderImage(nIndex)
  40. {    
  41.     if (nIndex < nImgCount) {
  42.         var ImgSrc = ImgFileNameArray[nIndex];
  43.         MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
  44.     }
  45.     else
  46.         window.alert("Array index out of bound");
  47. }
  48.  
  49. function OnLoadDocument()
  50. {
  51.     CreateImageArray();
  52.     SetHolderImage(0);
  53.     Play();
  54. }
  55.  
  56. function TimeoutProc()
  57. {
  58.     if (bPlay) {
  59.         Next();
  60.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);    
  61.     }
  62. }
  63.  
  64. function Play()
  65. {
  66.     if (!bPlay) {
  67.         bPlay = true;
  68.         nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
  69.     }
  70. }
  71.  
  72. function Stop()
  73. {
  74.     if (bPlay) {
  75.         bPlay = false;
  76.         if (nTimeoutID != 0)
  77.             window.clearTimeout(nTimeoutID);
  78.     }
  79. }
  80.  
  81. function Next()
  82. {
  83.     nCurImg = (nCurImg + 1) % nImgCount;
  84.     SetHolderImage(nCurImg);
  85. }
  86.  
  87. function Previous()
  88. {
  89.     nCurImg = (nCurImg - 1) % nImgCount;
  90.     if (nCurImg < 0)
  91.         nCurImg += nImgCount;
  92.         
  93.     SetHolderImage(nCurImg);
  94. }
  95.  
  96. function MM_preloadImages() { 
  97.   if (document.images) {
  98.     var imgFiles = MM_preloadImages.arguments;
  99.     if (document.preloadArray==null) document.preloadArray = new Array();
  100.     var i = document.preloadArray.length;
  101.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  102.       preloadArray[i] = new Image;
  103.       preloadArray[i++].src = imgFiles[j];
  104.   } }
  105. }
  106.  
  107. function MM_swapImgRestore() { 
  108.   if (document.MM_swapImgData != null)
  109.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  110.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  111. }
  112.  
  113. function MM_swapImage() { 
  114.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  115.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  116.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  117.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  118.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  119.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  120.     obj = eval(objStr);
  121.     if (obj != null) {
  122.       swapArray[j++] = obj;
  123.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  124.       obj.src = MM_swapImage.arguments[i+2];
  125.   } }
  126.   document.MM_swapImgData = swapArray; //used for restore
  127. }
  128. //-->
  129. </script>
  130.  
  131.  
  132.  
  133.  
  134.  
  135.  
  136. </head>
  137. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Evening by the Lake.mid" repeat="1" loop="-1">
  138. <body bgcolor="#FFFFFF" onLoad="MM_preloadImages('../Image/hood-flower_3.gif','#965812929590');MM_preloadImages('../Image/hood-flower_4.gif','#965813082670');MM_preloadImages('../Image/hood-flower2.gif','#965813423150')">
  139. <div id="Layer1" style="position:absolute; left:0px; top:0px; width:132px; height:84px; z-index:1"><img width="760" height="420" src="../Image/v08-bg1.gif"></div>
  140. <div id="Layer2" style="position:absolute; left:-125px; top:-6px; width:747px; height:52px; z-index:18"> 
  141.   <p id="uAlbumTitle" align="right" class="AlbumTitleStyle">Neighborhood Happenings</p>
  142. </div>
  143. <div id="Layer9" style="position:absolute; left:55px; top:118px; width:55px; height:59px; z-index:3"><img src="../Image/v08-p1.gif" width="302" height="214"></div>
  144. <div id="Layer7" style="position:absolute; left:418px; top:324px; width:340px; height:51px; z-index:17"> 
  145.   <p id="uThumbTitle001" align="center" class="ThumbTitleStyle">Your photo caption goes here!</p>
  146. </div>
  147. <div id="Layer8" style="position:absolute; left:436px; top:389px; width:232px; height:29px; z-index:16"> 
  148.   <p align="center"><a href="http://www.ulead.com/pe/runme.htm" class="Fixed01"> 
  149.      </a></p>
  150. </div>
  151. <div id="Layer6" style="position:absolute; left:87px; top:133px; width:35px; height:50px; z-index:7"><img src="../Image/hood-photo.jpg" width="235" height="162" name="uImage001"></div>
  152. <div id="Layer10" style="position:absolute; left:0; top:430; width:760; height:50; z-index:10; visibility: hidden"> 
  153.   <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
  154. </div>
  155. <div id="Layer5" style="position:absolute; left:60px; top:340px; width:21px; height:36px; z-index:13"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer5\'].document.uPreviousButton','document.uPreviousButton','../Image/hood-flower_3.gif','#965812929590')"><img src="../Image/hood-flower1.gif" width="83" height="81" border="0" name="uPreviousButton" alt="Back"></a></div>
  156. <div id="Layer3" style="position:absolute; left:303px; top:343px; width:32px; height:11px; z-index:14"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer3\'].document.uNextButton','document.uNextButton','../Image/hood-flower_4.gif','#965813082670')"><img src="../Image/hood-flower_5.gif" width="83" height="80" border="0" name="uNextButton" alt="Next"></a></div>
  157. <div id="Layer4" style="position:absolute; left:184px; top:358px; width:66px; height:66px; z-index:15"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer4\'].document.uHomeButton','document.uHomeButton','../Image/hood-flower2.gif','#965813423150')"><img src="../Image/hood-flower_6.gif" width="84" height="66" border="0" name="uHomeButton" alt="Home"></a></div>
  158. </body>
  159. </html>
  160.