home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _6DAABB5DDC8B4D20A94F005CAD817B91 < prev    next >
Encoding:
Text File  |  2005-12-12  |  12.8 KB  |  337 lines
  1. <html>
  2.  
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.  
  6. <title>Baby's First Steps</title>
  7.  
  8. <style>
  9.  
  10. IMG {
  11. position:relative;
  12. }
  13.  
  14. .TextHolder01{
  15. cursor:hand;
  16. position:relative;
  17. font-family:"Arial", "Helvetica", "sans-serif";
  18. font-size:24pt;
  19. font-weight:bold;
  20. text-align:center;
  21. color:#FFFF66;
  22. }
  23.  
  24.  
  25. .ParentLayer {
  26. border-style:groove;
  27. border-color:green;
  28. border-width:0px;
  29. }
  30.  
  31. .ImageHolder {
  32. cursor:hand;
  33. }
  34.  
  35. .VideoHolder {
  36. cursor:hand;
  37. }
  38.  
  39. .Moveable01 {
  40. cursor:hand;
  41. position:relative;
  42. font-family:"Arial";
  43. font-size:12pt;
  44. font-style:italic;
  45. font-weight:bold;
  46. text-align:left;
  47. color:#ffffff;
  48. }
  49.  
  50. .Fixed01 {  
  51. cursor:arrow;
  52. font-family: "Arial", "Helvetica", "sans-serif"; 
  53. font-size: 7pt; 
  54. font-style: italic; 
  55. color: #ffff99; 
  56. text-align: center;
  57. }
  58.  
  59. .Fixed02 { 
  60. cursor:arrow;
  61. font-family: "Arial", "Helvetica", "sans-serif"; 
  62. font-size: 7pt; 
  63. font-style: italic; 
  64. color: #ffff99; 
  65. text-align: center 
  66. }
  67.  
  68. .Dynamic01 {
  69. cursor:arrow;
  70. position:relative;
  71. font-family:"Arial";
  72. font-size:12pt;
  73. font-style:italic;
  74. font-weight:bold;
  75. text-align:left;
  76. color:#ffff00;
  77. }
  78.  
  79. .TextHolder02 { cursor:hand; position:relative; font-family:"Arial", "Helvetica", "sans-serif"; font-size:12pt; font-weight:bold; text-align:left; color:#FFFFFF; }
  80.  
  81. .SoundClip {
  82. cursor:hand;
  83. position:relative;
  84. }
  85.  
  86. </style>
  87. <script language="JavaScript">
  88. <!--
  89. function MM_showHideLayers() { //v2.0
  90.   var i, visStr, args, theObj;
  91.   args = MM_showHideLayers.arguments;
  92.   for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
  93.     visStr   = args[i+2];
  94.     if (navigator.appName == 'Netscape' && document.layers != null) {
  95.       theObj = eval(args[i]);
  96.       if (theObj) theObj.visibility = visStr;
  97.     } else if (document.all != null) { //IE
  98.       if (visStr == 'show') visStr = 'visible'; //convert vals
  99.       if (visStr == 'hide') visStr = 'hidden';
  100.       theObj = eval(args[i+1]);
  101.       if (theObj) theObj.style.visibility = visStr;
  102.   } }
  103. }
  104.  
  105. function MM_preloadImages() { //v2.0
  106.   if (document.images) {
  107.     var imgFiles = MM_preloadImages.arguments;
  108.     if (document.preloadArray==null) document.preloadArray = new Array();
  109.     var i = document.preloadArray.length;
  110.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  111.       preloadArray[i] = new Image;
  112.       preloadArray[i++].src = imgFiles[j];
  113.   } }
  114. }
  115.  
  116. function MM_swapImgRestore() { //v2.0
  117.   if (document.MM_swapImgData != null)
  118.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  119.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  120. }
  121.  
  122. function MM_swapImage() { //v2.0
  123.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  124.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  125.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  126.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  127.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  128.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  129.     obj = eval(objStr);
  130.     if (obj != null) {
  131.       swapArray[j++] = obj;
  132.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  133.       obj.src = MM_swapImage.arguments[i+2];
  134.   } }
  135.   document.MM_swapImgData = swapArray; //used for restore
  136. }
  137.  
  138. function MM_timelinePlay(tmLnName, myID) { //v1.2
  139.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  140.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  141.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  142.   tmLn = document.MM_Time[tmLnName];
  143.   if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  144.   if (myID == tmLn.ID) { //if Im newest
  145.     setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
  146.     fNew = ++tmLn.curFrame;
  147.     for (i=0; i<tmLn.length; i++) {
  148.       sprite = tmLn[i];
  149.       if (sprite.charAt(0) == 's') {
  150.         if (sprite.obj) {
  151.           numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
  152.           if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
  153.             keyFrm=1;
  154.             for (j=0; j<sprite.values.length; j++) {
  155.               props = sprite.values[j]; 
  156.               if (numKeyFr != props.length) {
  157.                 if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
  158.                 else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
  159.               } else {
  160.                 while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
  161.                 if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
  162.                   if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
  163.                   else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
  164.         } } } } }
  165.       } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  166.       if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  167.   } }
  168. }
  169.  
  170. function MM_timelineStop(tmLnName) { //v1.2
  171.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  172.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  173.   if (tmLnName == null)  //stop all
  174.     for (var i=0; i<document.MM_Time.length; i++) document.MM_Time[i].ID = null;
  175.   else document.MM_Time[tmLnName].ID = null; //stop one
  176. }
  177.  
  178. function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
  179.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  180.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  181.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  182.   tmLn = document.MM_Time[tmLnName];
  183.   if (numGotos != null)
  184.     if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
  185.     else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  186.   jmpFwd = (fNew > tmLn.curFrame);
  187.   for (i = 0; i < tmLn.length; i++) {
  188.     sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
  189.     if (sprite.charAt(0) == "s") {
  190.       numKeyFr = sprite.keyFrames.length;
  191.       firstKeyFr = sprite.keyFrames[0];
  192.       lastKeyFr = sprite.keyFrames[numKeyFr - 1];
  193.       if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
  194.       for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
  195.       for (j=0; j<sprite.values.length; j++) {
  196.         props = sprite.values[j];
  197.         if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
  198.         else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
  199.         if (sprite.obj != null) {
  200.           if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
  201.           else        sprite.obj[props.prop2][props.prop] = props[propNum];
  202.       } }
  203.     } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  204.   }
  205.   tmLn.curFrame = fNew;
  206.   if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
  207. }
  208.  
  209. function MM_initTimelines() {
  210.     //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
  211.     var ns = navigator.appName == "Netscape";
  212.     document.MM_Time = new Array(1);
  213.     document.MM_Time[0] = new Array(2);
  214.     document.MM_Time["Timeline1"] = document.MM_Time[0];
  215.     document.MM_Time[0].MM_Name = "Timeline1";
  216.     document.MM_Time[0].fps = 5;
  217.     document.MM_Time[0][0] = new String("behavior");
  218.     document.MM_Time[0][0].frame = 35;
  219.     document.MM_Time[0][0].value = "MM_timelineGoto('Timeline1','1')";
  220.     document.MM_Time[0][1] = new String("sprite");
  221.     document.MM_Time[0][1].slot = 1;
  222.     if (ns)
  223.         document.MM_Time[0][1].obj = document["Layer23"];
  224.     else
  225.         document.MM_Time[0][1].obj = document.all ? document.all["Layer23"] : null;
  226.     document.MM_Time[0][1].keyFrames = new Array(2, 33);
  227.     document.MM_Time[0][1].values = new Array(2);
  228.     document.MM_Time[0][1].values[0] = new Array(194,209,224,239,254,269,284,299,313,328,343,358,373,388,403,418,433,448,463,478,493,508,523,538,552,567,582,597,612,627,642,657);
  229.     document.MM_Time[0][1].values[0].prop = "left";
  230.     document.MM_Time[0][1].values[1] = new Array(411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411,411);
  231.     document.MM_Time[0][1].values[1].prop = "top";
  232.     if (!ns) {
  233.         document.MM_Time[0][1].values[0].prop2 = "style";
  234.         document.MM_Time[0][1].values[1].prop2 = "style";
  235.     }
  236.     document.MM_Time[0].lastFrame = 35;
  237.     for (i=0; i<document.MM_Time.length; i++) {
  238.         document.MM_Time[i].ID = null;
  239.         document.MM_Time[i].curFrame = 0;
  240.         document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
  241.     }
  242. }
  243. //-->
  244. </script>
  245. </head>
  246.  
  247. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Childhood Dreams.mid" repeat="1" loop="-1">
  248.  
  249. <body id="Main" LINK="#FFFFFF" VLINK="#FFFF00" ALINK="#00FF00" bgcolor="#F0E8E0"
  250. background="../image/bb-background.gif" onLoad="MM_preloadImages('../image/toy2.gif','#922591078750')">
  251.  
  252. <div id="Layer1" class="ParentLayer" style="position:absolute; width:100px; height:66px; z-index:62; left: 40px; top: 325px"> 
  253.   <div align="center">
  254.      <a id="Link1" name="">
  255.         <img id="uImage01" src="../image/video_frame.gif" width="167" height="128" class="VideoHolder"> 
  256.      </a>
  257.   </div>
  258. </div>
  259.  
  260. <div id="Layer2" class="ParentLayer" style="position:absolute; width:159px; height:98px; z-index:71; left: 46px; top: 218px"> 
  261.   <div align="center"> 
  262.     <a id="Link2" name="">
  263.         <p id="uText02" class="TextHolder02">Jessica at 11 months</p>
  264.     </a>
  265.   </div>
  266. </div>
  267.  
  268. <div id="Layer12" class="ParentLayer" style="position:absolute; width:402px; height:70px; z-index:71; left: 285px; top: 44px"> 
  269.   <div align="center"> 
  270.     <a id="Link3" name="">
  271.         <p id="uText01"  class="TextHolder01">Baby's First Steps
  272.     </a>
  273.   </div>
  274. </div>
  275.  
  276. <div id="Layer13" class="ParentLayer" style="position:absolute; width:300px; height:40px; z-index:2; left: 255px; top: 498px"> 
  277.   <div align="center" > 
  278.     <a id="Link4" name="http://www.novadevelopment.com">
  279.         <p id="uLogo01" align="right" class="Fixed01">
  280.     </a> 
  281.   </div>
  282. </div>
  283.  
  284. <div id="Layer21" class="ParentLayer" style="position:absolute; width:30px; height:30px; z-index:34; left: 200px; top: 31px"> 
  285.     <a id="Link5" name="" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer21\'].document.toy1','document.toy1','../image/toy2.gif','#922591078750')">
  286.         <img id="uImage07" class="Dynamic01" src="../image/TOY1.gif" width="163" height="124" border="0" name="toy1">
  287.     </a> 
  288. </div>
  289.  
  290. <div id="LaySounder22" class="ParentLayer" style="position:absolute; width:182px; height:145px; z-index:64; left: 22px; top: 60px"> 
  291.     <a id="Link6" name="">
  292.         <img  id="uImage02" src="../image/HORSE.gif" width="178" height="152" class="Fixed02">
  293.     </a> 
  294. </div>
  295.  
  296. <div id="Layer23" class="ParentLayer" style="position:absolute; width:80px; height:72px; z-index:68; left: 194px; top: 411px"> 
  297.     <a id="Link7" name="">
  298.         <img  id="uImage03"  src="../image/bb-BABY.gif" border="0" class="Dynamic01" width="97" height="72" name="Image1">
  299.     </a> 
  300. </div>
  301.  
  302. <div id="Layer24" style="position:absolute; width:36px; height:33px; z-index:63; left: 20px; top: 39px" class="ParentLayer"> 
  303.     <a id="Link8" name="">
  304.         <img id="uImage04" class="Fixed02" src="../image/PANEL.gif" width="200" height="451" border="0">
  305.     </a> 
  306. </div>
  307.  
  308. <div id="Layer28" style="position:absolute; width:337px; height:204px; z-index:27; left: 257px; top: 204px; background-color: #FFE8A8; layer-background-color: #FFE8A8; border: 1px none #000000" class="ParentLayer"><p>
  309. </div>
  310.  
  311. <div id="Layer25" class="ParentLayer"  style="position:absolute; width:23px; height:24px; z-index:26; left: 224px; top: 88px"> 
  312.     <a id="Link25" name="">
  313.         <img id="uImage05" class="Fixed02" src="../image/bed.gif" width="400" height="362" > 
  314.     </a>
  315. </div>
  316.  
  317. <div id="Layer30" class="ParentLayer" style="position:absolute; width:30px; height:30px; z-index:70; left: 256px; top: 201px"> 
  318.     <a id="Link9" name="" onMouseOver="MM_timelinePlay('Timeline1')" onMouseOut="MM_timelineStop('Timeline1')">
  319.         <img id="uImage06" name="uImage06;337;204" class="ImageHolder" src="../image/bb-photo.jpg" width="337" height="204" border="0">
  320.     </a> 
  321. </div>
  322.  
  323. <div id="VideoBorder" class="ParentLayer" style="visibility:hidden; position:absolute; width:30px; height:30px; z-index:69; left: 0px; top: 0px; border-width:5px;"> 
  324. </div>
  325.  
  326. <div id="VideoLayer" class="ParentLayer" style="visibility:visible; position:absolute; width:30px; height:30px; z-index:69; left: 46px; top: 331px"> 
  327.     <a id="Link10" name="">
  328.         <img id="uVideo01" class="VideoHolder" type="video/avi" dynsrc="../video/Look at Me!.avi" width="160" height="120" repeat="1" loop="-1">
  329.     </a> 
  330. </div>
  331.  
  332. </body>
  333. <script language="JavaScript" src="../../WebCard.js">
  334. </script>
  335. </html>
  336.  
  337.