home *** CD-ROM | disk | FTP | other *** search
- <html>
- <head>
- <title>Pet Album</title>
- <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
- <script language="JavaScript">
- <!--
- function MM_timelinePlay(tmLnName, myID) { //v1.2
- //Copyright 1997 Macromedia, Inc. All rights reserved.
- var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
- if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
- tmLn = document.MM_Time[tmLnName];
- if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
- if (myID == tmLn.ID) { //if Im newest
- setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
- fNew = ++tmLn.curFrame;
- for (i=0; i<tmLn.length; i++) {
- sprite = tmLn[i];
- if (sprite.charAt(0) == 's') {
- if (sprite.obj) {
- numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
- if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
- keyFrm=1;
- for (j=0; j<sprite.values.length; j++) {
- props = sprite.values[j];
- if (numKeyFr != props.length) {
- if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
- else sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
- } else {
- while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
- if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
- if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
- else sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
- } } } } }
- } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
- if (fNew > tmLn.lastFrame) tmLn.ID = 0;
- } }
- }
-
- function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
- //Copyright 1997 Macromedia, Inc. All rights reserved.
- var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
- if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
- tmLn = document.MM_Time[tmLnName];
- if (numGotos != null)
- if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
- else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
- jmpFwd = (fNew > tmLn.curFrame);
- for (i = 0; i < tmLn.length; i++) {
- sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
- if (sprite.charAt(0) == "s") {
- numKeyFr = sprite.keyFrames.length;
- firstKeyFr = sprite.keyFrames[0];
- lastKeyFr = sprite.keyFrames[numKeyFr - 1];
- if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
- for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
- for (j=0; j<sprite.values.length; j++) {
- props = sprite.values[j];
- if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
- else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
- if (sprite.obj != null) {
- if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
- else sprite.obj[props.prop2][props.prop] = props[propNum];
- } }
- } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
- }
- tmLn.curFrame = fNew;
- if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
- }
-
- function MM_preloadImages() { //v2.0
- 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() { //v2.0
- 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() { //v2.0
- 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
- }
-
- function MM_initTimelines() {
- //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
- var ns = navigator.appName == "Netscape";
- document.MM_Time = new Array(1);
- document.MM_Time[0] = new Array(1);
- document.MM_Time["Timeline1"] = document.MM_Time[0];
- document.MM_Time[0].MM_Name = "Timeline1";
- document.MM_Time[0].fps = 15;
- document.MM_Time[0][0] = new String("behavior");
- document.MM_Time[0][0].frame = 61;
- document.MM_Time[0][0].value = "MM_timelineGoto('Timeline1','1')";
- document.MM_Time[0].lastFrame = 61;
- for (i=0; i<document.MM_Time.length; i++) {
- document.MM_Time[i].ID = null;
- document.MM_Time[i].curFrame = 0;
- document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
- }
- }
- //-->
- </script>
- <style type="text/css">
- <!--
- .AlbumTitleStyle { font-family: "Arial"; font-size: 25pt; font-style: italic; color: #CC3399}
- .Fixed01 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 7pt; font-style: italic; color: #003399}
- .SignStyle { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10pt; color: #000000; font-style: italic; font-weight: bold}
- .ThumbTitleStyle { font-family: "Times New Roman", "Times", "serif"; font-size: 7pt; color: #000000}
- -->
- </style></head>
-
- <body background="../Image/pet1-bg.gif" onLoad="MM_timelinePlay('Timeline1');MM_preloadImages('../Image/icon-21.gif','#965382828810');MM_preloadImages('../Image/icon-31.gif','#965382846660');MM_preloadImages('../Image/icon-11.gif','#965959249410')">
- <div id="Layer2" style="position:absolute; left:0px; top:0px; width:747px; height:52px; z-index:42">
- <p id="uAlbumTitle" class="AlbumTitleStyle" align="center">Puppy Love</p>
- </div>
- <div id="Layer3" style="position:absolute; left:172px; top:29px; width:280px; height:199px; z-index:15"><img src="../Image/photo-1s.gif" width="280" height="199" name="uThumb001Dec01"></div>
- <div id="Layer8" style="position:absolute; left:221px; top:56px; width:180px; height:120px; z-index:16"><img src="../Image/photo-2s.gif" width="180" height="120" border="0" name="uThumb001Dec02"></div>
- <div id="Layer9" style="position:absolute; left:221px; top:56px; width:180px; height:120px; z-index:18"><a href="pet01_1.htm"><img src="../image/pt-photos1.jpg" width="180" height="120" border="0" name="uThumb001"></a></div>
- <div id="Layer16" style="position:absolute; left:199px; top:179px; width:227px; height:18px; z-index:41; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000" >
- <p id="uThumbTitle001" class="ThumbTitleStyle" align="center"> Your photo caption
- goes here!
- </div>
- <div id="Layer4" style="position:absolute; left:437px; top:29px; width:280px; height:199px; z-index:15"><img src="../Image/photo-1s.gif" width="280" height="199" name="uThumb002Dec01"></div>
- <div id="Layer10" style="position:absolute; left:486px; top:56px; width:180px; height:120px; z-index:19"><img src="../Image/photo-2s.gif" width="180" height="120" border="0" name="uThumb002Dec02"></div>
- <div id="Layer11" style="position:absolute; left:486px; top:56px; width:180px; height:120px; z-index:20"><a href="pet01_2.htm"><img src="../image/pt-photos2.jpg" width="180" height="120" border="0" name="uThumb002"></a></div>
- <div id="Layer17" style="position:absolute; left:464px; top:179px; width:227px; height:18px; z-index:40; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000">
- <p id="uThumbTitle002" class="ThumbTitleStyle" align="center">Your photo caption
- goes here!
- </div>
- <div id="Layer5" style="position:absolute; left:187px; top:199px; width:280px; height:199px; z-index:15"><img src="../Image/photo-1s.gif" width="280" height="199" name="uThumb003Dec01"></div>
- <div id="Layer12" style="position:absolute; left:236px; top:226px; width:180px; height:120px; z-index:21"><img src="../Image/photo-2s.gif" width="180" height="120" border="0" name="uThumb003Dec02"></div>
- <div id="Layer13" style="position:absolute; left:236px; top:226px; width:180px; height:120px; z-index:22"><a href="pet01_3.htm"><img src="../image/pt-photos3.jpg" width="180" height="120" border="0" name="uThumb003"></a></div>
- <div id="Layer18" style="position:absolute; left:214px; top:349px; width:227px; height:18px; z-index:39; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000">
- <p id="uThumbTitle003" class="ThumbTitleStyle" align="center">Your photo caption
- goes here!
- </div>
- <div id="Layer6" style="position:absolute; left:452px; top:199px; width:280px; height:199px; z-index:15"><img src="../Image/photo-1s.gif" width="280" height="199" name="uThumb004Dec01"></div>
- <div id="Layer14" style="position:absolute; left:501px; top:226px; width:180px; height:120px; z-index:23"><img src="../Image/photo-2s.gif" width="180" height="120" border="0" name="uThumb004Dec02"></div>
- <div id="Layer15" style="position:absolute; left:501px; top:226px; width:180px; height:120px; z-index:24"><a href="pet01_4.htm"><img src="../image/pt-photos4.jpg" width="180" height="120" border="0" name="uThumb004"></a></div>
- <div id="Layer19" style="position:absolute; left:479px; top:349px; width:227px; height:18px; z-index:38; background-color: #FFCCCC; layer-background-color: #FFCCCC; border: 1px none #000000">
- <p id="uThumbTitle004" class="ThumbTitleStyle" align="center">Your photo caption
- goes here!
- </div>
- <div id="Layer23" style="position:absolute; left:294px; top:364px; width:40px; height:45px; z-index:31"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer23\'].document.uPreviousButton','document.uPreviousButton','../Image/icon-11.gif','#965959249410')"><img src="../Image/icon-1.gif" width="48" height="50" border="0" name="uPreviousButton" alt="Back"></a></div>
- <div id="Layer7" style="position:absolute; left:3px; top:226px; width:202px; height:117px; z-index:15"><img src="../Image/dog-2.gif" width="202" height="117"></div>
- <div id="Layer1" style="position:absolute; left:3px; top:80px; width:155px; height:146px; z-index:3"><img src="../Image/dog-1.gif" width="155" height="146">
- </div>
- <div id="Layer22" style="position:absolute; left:621px; top:20px; width:111px; height:55px; z-index:30"><img src="../Image/dog-3.gif" width="111" height="55"></div>
- <div id="Layer24" style="position:absolute; left:435px; top:364px; width:87px; height:50px; z-index:32"><a href="pet01.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer24\'].document.uHomeButton','document.uHomeButton','../Image/icon-21.gif','#965382828810')"><img src="../Image/icon-2.gif" width="87" height="50" name="uHomeButton" alt="Home" border="0"></a></div>
- <div id="Layer25" style="position:absolute; left:618px; top:364px; width:51px; height:50px; z-index:33"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer25\'].document.uNextButton','document.uNextButton','../Image/icon-31.gif','#965382846660')"><img src="../Image/icon-3.gif" width="51" height="50" name="uNextButton" alt="Next" border="0"></a></div>
- <div id="Layer20" style="position:absolute; left:12px; top:389px; width:227px; height:26px; z-index:37">
- <p align="left"><a href="http://www.novadevelopment.com" class="Fixed01">
- </a></p>
- </div>
- <div id="Layer21" style="position:absolute; left:0px; top:430; width:760; height:50; z-index:36; visibility: hidden">
- <p id="uSignature" align="left" class="SignStyle">Input signature here!</p>
- </div>
- </body>
- </html>
-