home *** CD-ROM | disk | FTP | other *** search
- <html>
- <head>
- <title>Family Show</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script language="JavaScript">
- <!--
- function MM_preloadImages() {
- if (document.images) {
- var imgFiles = MM_preloadImages.arguments;
- if (document.preloadArray==null) document.preloadArray = new Array();
- var i = document.preloadArray.length;
- with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
- preloadArray[i] = new Image;
- preloadArray[i++].src = imgFiles[j];
- } }
- }
-
- function MM_swapImgRestore() {
- if (document.MM_swapImgData != null)
- for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
- document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
- }
-
- function MM_swapImage() {
- var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
- for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
- objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
- if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
- (objStr.indexOf('document.all[') ==0 && document.all ==null))
- objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
- obj = eval(objStr);
- if (obj != null) {
- swapArray[j++] = obj;
- swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
- obj.src = MM_swapImage.arguments[i+2];
- } }
- document.MM_swapImgData = swapArray; //used for restore
- }
- //-->
- </script>
- <style type="text/css">
- <!--
- .AlbumTitleStyle { font-family: "Times New Roman", "Times", "serif"; font-size: 36pt; font-style: italic; color: #FFFFCC; text-align: center}
- .ThumbTitleStyle { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 9pt; font-style: normal; color: #CCFFCC; text-align: center}
- .Fixed02 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #FFFF99; text-align: center}
- .SignStyle { font-family: "Times New Roman", "Times", "serif"; font-size: 10pt; font-style: italic; font-weight: bold; color: #FFFFFF}
- -->
- </style>
- <script language="JavaScript">
- <!-
- function MM_changeProp(objStrNS,objStrIE,theProp,theValue) {
- var NS = (navigator.appName == 'Netscape');
- var objStr = (NS)?objStrNS:objStrIE;
- if (( NS && (objStr.indexOf('document.layers[')!=0 || document.layers!=null)) ||
- (!NS && (objStr.indexOf('document.all[') !=0 || document.all !=null))) {
- var obj = eval(objStr);
- if ((obj != null) && (theProp.indexOf("style.") != 0 || obj.style != null)) {
- eval(objStr+'.'+theProp + '="'+theValue+'"');
- } }
- }
-
- var nCurImg = 0;
- var nTimeSlice = 1000;
- var nImgCount = 1;
- var ImgFileNameArray;
- var bPlay = false;
- var nTimeoutID = 0;
-
- function CreateImageArray()
- {
- ImgFileNameArray = new Array(nImgCount);
- ImgFileNameArray[0] = "../image/family-photo.jpg";
- }
-
- function SetHolderImage(nIndex)
- {
- if (nIndex < nImgCount) {
- var ImgSrc = ImgFileNameArray[nIndex];
- MM_changeProp("document.layers[\"Layer21\"].document.ImgHolder", "document.ImgHolder", "src", ImgSrc, "IMG");
- }
- else
- window.alert("Array index out of bound");
- }
-
- function OnLoadDocument()
- {
- CreateImageArray();
- SetHolderImage(0);
- Play();
- }
-
- function TimeoutProc()
- {
- if (bPlay) {
- Next();
- nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
- }
- }
-
- function Play()
- {
- if (!bPlay) {
- bPlay = true;
- nTimeroutID = window.setTimeout("TimeoutProc()", nTimeSlice);
- }
- }
-
- function Stop()
- {
- if (bPlay) {
- bPlay = false;
- if (nTimeoutID != 0)
- window.clearTimeout(nTimeoutID);
- }
- }
-
- function Next()
- {
- nCurImg = (nCurImg + 1) % nImgCount;
- SetHolderImage(nCurImg);
- }
-
- function Previous()
- {
- nCurImg = (nCurImg - 1) % nImgCount;
- if (nCurImg < 0)
- nCurImg += nImgCount;
-
- SetHolderImage(nCurImg);
- }
-
- //-->
- </script>
-
- </head>
- <bgsound id="BackgroundSound" type="audio/midi" src="../audio/The Little Flute.mid" repeat="1" loop="-1">
- <body bgcolor="#586657" onLoad="MM_preloadImages('../Image/btn_hom2.gif','#962364305980');MM_preloadImages('../Image/btn_pre2.gif','#962364320150');MM_preloadImages('../Image/btn_nxt2.gif','#962364347060');MM_preloadImages('../Image/lighter2.jpg','#965198580080');MM_preloadImages('../Image/lighter1.jpg','#965198585080')">
- <div id="Layer1" style="position:absolute; left:5px; top:214px; width:740px; height:169px; z-index:1"><img src="../Image/family-table.gif" width="758" height="205"></div>
- <div id="Layer2" style="position:absolute; left:240px; top:77px; width:267px; height:179px; z-index:2"><img src="../Image/frame_bk.jpg" width="280" height="186"></div>
- <div id="Layer3" style="position:absolute; left:253px; top:82px; width:261px; height:173px; z-index:3"><img src="../Image/family-photo.jpg" width="260" height="172" name="uImage001"></div>
- <div id="Layer4" style="position:absolute; left:215; top:54; width:325px; height:214px; z-index:4"><img src="../Image/family-frame.gif" width="335" height="237" name="uImage001Dec01"></div>
- <div id="Layer5" style="position:absolute; left:616px; top:49px; width:122px; height:71px; z-index:5"><a href="#" onDblClick="MM_swapImage('document.layers[\'Layer5\'].document.Image1','document.Image1','../Image/lighter1.jpg','#965198585080')" onClick="MM_swapImage('document.layers[\'Layer5\'].document.Image1','document.Image1','../Image/lighter2.jpg','#965198580080')"><img src="../Image/lighter1.jpg" width="142" height="73" border="0" name="Image1"></a></div>
- <div id="Layer6" style="position:absolute; left:133px; top:312px; width:136px; height:94px; z-index:6"><img src="../Image/controler.gif" width="139" height="106"></div>
- <div id="Layer7" style="position:absolute; left:174px; top:340px; width:37px; height:21px; z-index:7"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer7\'].document.uPreviousButton','document.uPreviousButton','../Image/btn_pre2.gif','#962364320150')"><img src="../Image/btn_pre1.gif" width="48" height="30" border="0" name="uPreviousButton" alt="Back"></a></div>
- <div id="Layer8" style="position:absolute; left:208px; top:340px; width:12px; height:25px; z-index:8"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer8\'].document.uNextButton','document.uNextButton','../Image/btn_nxt2.gif','#962364347060')"><img src="../Image/btn_nxt1.gif" width="46" height="30" border="0" name="uNextButton" alt="Next"></a></div>
- <div id="Layer9" style="position:absolute; left:217px; top:325px; width:26px; height:20px; z-index:9"><a href="#" onClick="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer9\'].document.uHomeButton','document.uHomeButton','../Image/btn_hom2.gif','#962364305980')"><img src="../Image/btn_hom1.gif" width="40" height="22" border="0" name="uHomeButton" alt="Home"></a></div>
- <div id="Layer10" style="position:absolute; left:13px; top:3px; width:747px; height:52px; z-index:16">
- <p id="uAlbumTitle" align="center" class="AlbumTitleStyle">Let's See What's on T.V.</p>
- </div>
- <div id="Layer11" style="position:absolute; left:264px; top:292px; width:242px; height:33px; z-index:14">
- <p id="uThumbTitle001" align="center" class="ThumbTitleStyle">Your photo caption goes here!</p>
- </div>
- <div id="Layer12" style="position:absolute; left:522px; top:389px; width:241px; height:15px; z-index:15">
- <p align="center"><a href="http://www.novadevelopment.com" class="Fixed02">
- </a> </p>
- </div>
- <div id="Layer13" style="position:absolute; left:0; top:430; width:760; height:50; z-index:13; visibility: hidden">
- <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
- </div>
- </body>
- </html>
-