home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _11C582BF14244380844BC32B0B37E020 < prev    next >
Encoding:
Text File  |  2005-12-12  |  15.0 KB  |  362 lines
  1. <html>
  2. <head>
  3. <title>For My Friend</title>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.  
  6. <style>
  7.  
  8. IMG {
  9. position:relative;
  10. }
  11.  
  12. .TextHolder01{
  13. cursor:hand;
  14. position:relative;
  15. font-family:"Arial", "Helvetica", "sans-serif";
  16. font-size:24pt;
  17. font-weight:bold;
  18. text-align:center;
  19. color:#003399;
  20. }
  21.  
  22.  
  23. .ParentLayer {
  24. border-color:green;
  25. border-width:0px;
  26. ; border: 0px green groove}
  27.  
  28. .ImageHolder {
  29. cursor:hand;
  30. }
  31.  
  32. .VideoHolder {
  33. cursor:hand;
  34. }
  35.  
  36. .Moveable01 {
  37. cursor:hand;
  38. position:relative;
  39. font-family:"Arial";
  40. font-size:12pt;
  41. font-style:italic;
  42. font-weight:bold;
  43. text-align:left;
  44. color:#ffffff;
  45. }
  46.  
  47. .Fixed01 {  
  48. font-family: Arial, Helvetica, sans-serif; 
  49. font-size: 7pt; 
  50. font-weight: normal;
  51. font-style: italic; 
  52. color: #003399; 
  53. text-align: center
  54. }
  55.  
  56. .Fixed02 { 
  57. cursor:arrow;
  58. font-family: Arial, Helvetica, sans-serif; 
  59. font-size: 7pt; 
  60. font-weight: normal;
  61. font-style: italic; 
  62. color: #ffff99; 
  63. text-align: center 
  64. }
  65.  
  66. .Dynamic01 {
  67. cursor:arrow;
  68. position:relative;
  69. font-family:"Arial";
  70. font-size:12pt;
  71. font-style:italic;
  72. font-weight:bold;
  73. text-align:left;
  74. color:#ffff00;
  75. }
  76.  
  77. .TextHolder02 { cursor:hand; position:relative; font-family:"Arial", "Helvetica", "sans-serif"; font-size:12pt; text-align:left; color:#000000; ; font-weight: bold}
  78.  
  79. .SoundClip {
  80. cursor:hand;
  81. position:relative;
  82. }
  83. </style>
  84.  
  85. <script language="JavaScript">
  86. <!--
  87. function MM_showHideLayers() { //v2.0
  88.   var i, visStr, args, theObj;
  89.   args = MM_showHideLayers.arguments;
  90.   for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
  91.     visStr   = args[i+2];
  92.     if (navigator.appName == 'Netscape' && document.layers != null) {
  93.       theObj = eval(args[i]);
  94.       if (theObj) theObj.visibility = visStr;
  95.     } else if (document.all != null) { //IE
  96.       if (visStr == 'show') visStr = 'visible'; //convert vals
  97.       if (visStr == 'hide') visStr = 'hidden';
  98.       theObj = eval(args[i+1]);
  99.       if (theObj) theObj.style.visibility = visStr;
  100.   } }
  101. }
  102.  
  103. function MM_timelinePlay(tmLnName, myID) { //v1.2
  104.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  105.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  106.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  107.   tmLn = document.MM_Time[tmLnName];
  108.   if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  109.   if (myID == tmLn.ID) { //if Im newest
  110.     setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
  111.     fNew = ++tmLn.curFrame;
  112.     for (i=0; i<tmLn.length; i++) {
  113.       sprite = tmLn[i];
  114.       if (sprite.charAt(0) == 's') {
  115.         if (sprite.obj) {
  116.           numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
  117.           if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
  118.             keyFrm=1;
  119.             for (j=0; j<sprite.values.length; j++) {
  120.               props = sprite.values[j]; 
  121.               if (numKeyFr != props.length) {
  122.                 if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
  123.                 else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
  124.               } else {
  125.                 while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
  126.                 if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
  127.                   if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
  128.                   else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
  129.         } } } } }
  130.       } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  131.       if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  132.   } }
  133. }
  134.  
  135. function MM_swapImgRestore() { //v2.0
  136.   if (document.MM_swapImgData != null)
  137.     for (var i=0; i<(document.MM_swapImgData.length-1); i+=2)
  138.       document.MM_swapImgData[i].src = document.MM_swapImgData[i+1];
  139. }
  140.  
  141. function MM_preloadImages() { //v2.0
  142.   if (document.images) {
  143.     var imgFiles = MM_preloadImages.arguments;
  144.     if (document.preloadArray==null) document.preloadArray = new Array();
  145.     var i = document.preloadArray.length;
  146.     with (document) for (var j=0; j<imgFiles.length; j++) if (imgFiles[j].charAt(0)!="#"){
  147.       preloadArray[i] = new Image;
  148.       preloadArray[i++].src = imgFiles[j];
  149.   } }
  150. }
  151.  
  152. function MM_swapImage() { //v2.0
  153.   var i,j=0,objStr,obj,swapArray=new Array,oldArray=document.MM_swapImgData;
  154.   for (i=0; i < (MM_swapImage.arguments.length-2); i+=3) {
  155.     objStr = MM_swapImage.arguments[(navigator.appName == 'Netscape')?i:i+1];
  156.     if ((objStr.indexOf('document.layers[')==0 && document.layers==null) ||
  157.         (objStr.indexOf('document.all[')   ==0 && document.all   ==null))
  158.       objStr = 'document'+objStr.substring(objStr.lastIndexOf('.'),objStr.length);
  159.     obj = eval(objStr);
  160.     if (obj != null) {
  161.       swapArray[j++] = obj;
  162.       swapArray[j++] = (oldArray==null || oldArray[j-1]!=obj)?obj.src:oldArray[j];
  163.       obj.src = MM_swapImage.arguments[i+2];
  164.   } }
  165.   document.MM_swapImgData = swapArray; //used for restore
  166. }
  167.  
  168. function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
  169.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  170.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  171.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  172.   tmLn = document.MM_Time[tmLnName];
  173.   if (numGotos != null)
  174.     if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
  175.     else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  176.   jmpFwd = (fNew > tmLn.curFrame);
  177.   for (i = 0; i < tmLn.length; i++) {
  178.     sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
  179.     if (sprite.charAt(0) == "s") {
  180.       numKeyFr = sprite.keyFrames.length;
  181.       firstKeyFr = sprite.keyFrames[0];
  182.       lastKeyFr = sprite.keyFrames[numKeyFr - 1];
  183.       if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
  184.       for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
  185.       for (j=0; j<sprite.values.length; j++) {
  186.         props = sprite.values[j];
  187.         if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
  188.         else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
  189.         if (sprite.obj != null) {
  190.           if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
  191.           else        sprite.obj[props.prop2][props.prop] = props[propNum];
  192.       } }
  193.     } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  194.   }
  195.   tmLn.curFrame = fNew;
  196.   if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
  197. }
  198.  
  199. function MM_initTimelines() {
  200.     //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
  201.     var ns = navigator.appName == "Netscape";
  202.     document.MM_Time = new Array(1);
  203.     document.MM_Time[0] = new Array(5);
  204.     document.MM_Time["Timeline1"] = document.MM_Time[0];
  205.     document.MM_Time[0].MM_Name = "Timeline1";
  206.     document.MM_Time[0].fps = 15;
  207.     document.MM_Time[0][0] = new String("behavior");
  208.     document.MM_Time[0][0].frame = 10;
  209.     document.MM_Time[0][0].value = "MM_showHideLayers('document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','show')";
  210.     document.MM_Time[0][1] = new String("behavior");
  211.     document.MM_Time[0][1].frame = 20;
  212.     document.MM_Time[0][1].value = "MM_showHideLayers('document.layers[\\\'Layer5\\\']','document.all[\\\'Layer5\\\']','show')";
  213.     document.MM_Time[0][2] = new String("behavior");
  214.     document.MM_Time[0][2].frame = 30;
  215.     document.MM_Time[0][2].value = "MM_showHideLayers('document.layers[\\\'Layer6\\\']','document.all[\\\'Layer6\\\']','show')";
  216.     document.MM_Time[0][3] = new String("behavior");
  217.     document.MM_Time[0][3].frame = 35;
  218.     document.MM_Time[0][3].value = "MM_showHideLayers('document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','hide','document.layers[\\\'Layer5\\\']','document.all[\\\'Layer5\\\']','hide','document.layers[\\\'Layer6\\\']','document.all[\\\'Layer6\\\']','hide')";
  219.     document.MM_Time[0][4] = new String("behavior");
  220.     document.MM_Time[0][4].frame = 36;
  221.     document.MM_Time[0][4].value = "MM_timelineGoto('Timeline1','1')";
  222.     document.MM_Time[0].lastFrame = 36;
  223.     for (i=0; i<document.MM_Time.length; i++) {
  224.         document.MM_Time[i].ID = null;
  225.         document.MM_Time[i].curFrame = 0;
  226.         document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
  227.     }
  228. }
  229. //-->
  230. </script>
  231. </head>
  232. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Thinking of You.mid" repeat="1" loop="-1">
  233. <body bgcolor="#FFFFFF" onLoad="MM_timelinePlay('Timeline1');MM_preloadImages('../Image/phone2.gif','#924608993250');MM_preloadImages('../image/enve2.gif','#924661783520')" background="../image/mom-bk.gif">
  234. <div id="Layer2" style="position:absolute; left:352px; top:226px; width:30px; height:30px; z-index:53" class="ParentLayer">
  235.     <a id="Link1" name="">
  236.         <img id="uImage01"  src="../image/mom-photo.jpg" width="318" height="210" name="uImage01;318;210" class="ImageHolder">
  237.     </a>
  238. </div>
  239. <div    id="Layer3" 
  240.         style="position:absolute; 
  241.                left:346px; 
  242.                top:222px; 
  243.                width:330px; 
  244.                height:225px; 
  245.                z-index:3; 
  246.                background-image: url(../image/bk_frame.gif); 
  247.                layer-background-image: url(../image/bk_frame.gif); 
  248.                border: 1px none #000000" 
  249.                class="ParentLayer">
  250. <p></div>
  251. <div id="Layer4" style="position:absolute; left:367px; top:146px; width:11px; height:17px; z-index:4; visibility: hidden" class="ParentLayer">
  252.     <a id="Link2" name="">
  253.         <img  id="uImage02" src="../image/bo1.gif" width="12" height="14" class="Dynamic01">
  254.     </a>
  255. </div>
  256. <div id="Layer5" style="position:absolute; left:321px; top:133px; width:18px; height:14px; z-index:5; visibility: hidden" class="ParentLayer">
  257.     <a id="Link3" name="">
  258.         <img  id="uImage03" src="../image/bo2.gif" width="18" height="18" class="Dynamic01">
  259.     </a>
  260. </div>
  261. <div id="Layer6" style="position:absolute; left:264px; top:131px; width:23px; height:11px; z-index:6; visibility: hidden" class="ParentLayer">
  262.     <a id="Link4" name="">
  263.         <img  id="uImage04" src="../image/bo3.gif" width="28" height="30" class="Dynamic01">
  264.     </a>
  265. </div>
  266. <div id="Layer7" style="position:absolute; left:72px; top:37px; width:486px; height:57px; z-index:7" class="ParentLayer">
  267.     <a id="Link5" name="">
  268.         <img  id="uImage05" src="../image/mom-title.gif" width="639" height="99" class="Fixed02">
  269.     </a>
  270. </div>
  271. <div id="Layer23" class="ParentLayer" style="position:absolute; width:182px; height:100px; z-index:65; left: 138px; top: 366px"> 
  272.   <div align="center"> 
  273.     <a id="Link6" name="">
  274.         <p id="uText02"  class="TextHolder02">Thanks for your help.
  275.      </a>
  276.   </div>
  277. </div>
  278. <div id="Layer13" class="ParentLayer" style="position:absolute; width:300px; height:21px; z-index:17; left: 69px; top: 528px"> 
  279.   <div align="center" > 
  280.     <a id="Link7" name="http://www.novadevelopment.com">
  281.         <p id="uLogo01" align="right" class="Fixed01"> 
  282.      </a>
  283.   </div>
  284. </div>
  285. <div id="Layer22" class="ParentLayer" style="position:absolute; width:484px; height:62px; z-index:65; left: 154px; top: 42px"> 
  286.   <div align="center"> 
  287.     <a id="Link8" name="">
  288.         <p id="uText01"  class="TextHolder01">For My Friend
  289.     </a>
  290.   </div>
  291. </div>
  292. <div id="Layer12" style="position:absolute; left:565px; top:419px; width:67px; height:104px; z-index:62" class="ParentLayer">
  293.     <A id="Link9" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer12\'].document.Image1','document.Image1','../image/enve2.gif','#924661783520')">
  294.         <img  id="uImage06" src="../image/enve1.gif" width="137" height="144" border="0" name="Image1" class="Dynamic01">
  295.     </A>
  296. </div>
  297. <div id="Layer13" style="position:absolute; left:22px; top:376px; width:103px; height:104px; z-index:13" class="ParentLayer">
  298.     <A id="Link10 onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('document.layers[\'Layer13\'].document.Image9','document.Image9','../Image/phone2.gif','#924608993250')" onMouseOut="MM_swapImgRestore()">
  299.         <IMG  id="uImage07" name="Image9" border="0" src="../image/phone.gif" width="99" height="128" class="Dynamic01">
  300.     </A>
  301. </div>
  302. <div id="Layer14" style="position:absolute; left:330px; top:414px; width:74px; height:126px; z-index:63" class="ParentLayer">
  303.     <a id="Link11" name="">
  304.         <img id="uImage08"  src="../image/earth.gif" width="91" height="124" class="Moveable01">
  305.     </a>
  306. </div>
  307. <DIV    id="Layer15" 
  308.         style= "position:absolute; 
  309.                 left:92px; 
  310.                 top:105px; 
  311.                 width:603px; 
  312.                 height:408px; 
  313.                 z-index:1; background-image: url(../image/bk_blue.gif); layer-background-image: url(../image/bk_blue.gif); border: 1px none #000000" class="ParentLayer"><p></DIV>
  314.  
  315. <DIV id="Layer16" style="position:absolute; left:116px; top:126px; width:550px; height:359px; z-index:2; background-image: url(../image/bk_pink.gif); layer-background-image: url(../image/bk_pink.gif); border: 1px none #000000"><p></DIV>
  316. <DIV id="Layer1" style="position:absolute; left:387px; top:119px; width:15px; height:10px; z-index:60" class="ParentLayer">
  317.     <a id="Link12" name="">
  318.         <IMG id="uImage09"  src="../image/boy.gif" width="251" height="107" border="0" class="Fixed02">
  319.     </a>
  320. </DIV>
  321. <DIV id="Layer11" style="position:absolute; left:343px; top:209px; width:7px; height:12px; z-index:57" class="ParentLayer">
  322.     <a id="Link13" name="">
  323.         <IMG id="uImage10"  src="../image/mom-frame1.gif" width="338" height="17" class="Fixed02">
  324.     </a>
  325. </DIV>
  326. <DIV id="Layer17" style="position:absolute; left:344px; top:431px; width:11px; height:7px; z-index:56" class="ParentLayer">
  327.     <a id="Link14" name="">
  328.         <IMG id="uImage11"  src="../image/mom-frame2.gif" width="338" height="19" class="Fixed02">
  329.     </a>
  330. </DIV>
  331. <DIV id="Layer18" style="position:absolute; left:344px; top:221px; width:9px; height:8px; z-index:58" class="ParentLayer">
  332.     <a id="Link15" name="">
  333.         <IMG id="uImage12"  src="../image/mom-frame3.gif" width="19" height="217" class="Fixed02">
  334.     </a>
  335. </DIV>
  336. <DIV id="Layer19" style="position:absolute; left:661px; top:223px; width:6px; height:7px; z-index:59" class="ParentLayer">
  337.     <a id="Link16" name="">
  338.         <IMG id="uImage13"  src="../image/mom-frame4.gif" width="19" height="217" class="Fixed02">
  339.     </a>
  340. </DIV>
  341. <DIV id="Layer20" style="position:absolute; left:99px; top:170px; width:14px; height:7px; z-index:22" class="ParentLayer">
  342.     <a id="Link17" name="">
  343.         <IMG id="uImage14"  src="../image/frame_video.gif" width="237" height="180" class="Moveable01">
  344.     </a>
  345. </DIV>
  346.  
  347. <div id="VideoBorder" class="ParentLayer" style="visibility:hidden; position:absolute; width:30px; height:30px; z-index:69; left: 0px; top: 0px; border-width:5px;"> 
  348. </div>
  349.  
  350. <div id="VideoLayer" class="ParentLayer" style="visibility:visible; position:absolute; width:30px; height:30px; z-index:67; left: 138px; top: 198px"> 
  351.     <a id="Link18" name=""> 
  352.         <img id="uVideo01" class="VideoHolder" type="video/avi" dynsrc="../video/Happy Times.avi" width="160" height="120" repeat="1" loop="-1"> 
  353.     </a>
  354. </div>
  355.  
  356. </body>
  357.  
  358. <script language="JavaScript" src="../../WebCard.js">
  359. </script>
  360.  
  361. </html>
  362.