home *** CD-ROM | disk | FTP | other *** search
/ Photo Explosion 2.5 (Special Edition) / NovaDevelopment-PhotoExplosionSE-v2.5-Windows.iso / Data / Data1.cab / _8C7CEA17A7C445FF85C545677CA03721 < prev    next >
Encoding:
Text File  |  2005-12-12  |  17.0 KB  |  390 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.  
  7. <style>
  8.  
  9. IMG {
  10. position:relative;
  11. }
  12.  
  13. .TextHolder01{
  14. cursor:hand;
  15. position:relative;
  16. font-family:"Arial", "Helvetica", "sans-serif";
  17. font-size:24pt;
  18. font-weight:bold;
  19. text-align:left;
  20. color:#FFFFFF;
  21. }
  22.  
  23.  
  24. .ParentLayer {
  25. border-style:groove;
  26. border-color:green;
  27. border-width:0px;
  28. }
  29.  
  30. .ImageHolder {
  31. cursor:hand;
  32. }
  33.  
  34. .VideoHolder {
  35. cursor:hand;
  36. }
  37.  
  38. .Moveable01 {
  39. cursor:hand;
  40. position:relative;
  41. font-family:"Arial";
  42. font-size:12pt;
  43. font-style:italic;
  44. font-weight:bold;
  45. text-align:left;
  46. color:#ffffff;
  47. }
  48.  
  49. .Fixed01 {  
  50. cursor:arrow;
  51. font-family: "Arial", "Helvetica", "sans-serif"; 
  52. font-size: 7pt; 
  53. font-weight: normal;
  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-weight: normal;
  64. font-style: italic; 
  65. color: #ffff99; 
  66. text-align: center 
  67. }
  68.  
  69. .Dynamic01 {
  70. cursor:arrow;
  71. position:relative;
  72. font-family:"Arial";
  73. font-size:12pt;
  74. font-style:italic;
  75. font-weight:bold;
  76. text-align:left;
  77. color:#ffff00;
  78. }
  79.  
  80. .TextHolder02 { cursor:hand; position:relative; font-family:"Arial", "Helvetica", "sans-serif"; font-size:12pt; font-weight:bold; text-align:left; color:#FFFFFF; }
  81.  
  82. .SoundClip {
  83. cursor:hand;
  84. position:relative;
  85. }
  86. </style>
  87.  
  88. <script language="JavaScript">
  89. <!--
  90. function MM_timelinePlay(tmLnName, myID) { //v1.2
  91.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  92.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,propNum,theObj,firstTime=false;
  93.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  94.   tmLn = document.MM_Time[tmLnName];
  95.   if (myID == null) { myID = ++tmLn.ID; firstTime=true;}//if new call, incr ID
  96.   if (myID == tmLn.ID) { //if Im newest
  97.     setTimeout('MM_timelinePlay("'+tmLnName+'",'+myID+')',tmLn.delay);
  98.     fNew = ++tmLn.curFrame;
  99.     for (i=0; i<tmLn.length; i++) {
  100.       sprite = tmLn[i];
  101.       if (sprite.charAt(0) == 's') {
  102.         if (sprite.obj) {
  103.           numKeyFr = sprite.keyFrames.length; firstKeyFr = sprite.keyFrames[0];
  104.           if (fNew >= firstKeyFr && fNew <= sprite.keyFrames[numKeyFr-1]) {//in range
  105.             keyFrm=1;
  106.             for (j=0; j<sprite.values.length; j++) {
  107.               props = sprite.values[j]; 
  108.               if (numKeyFr != props.length) {
  109.                 if (props.prop2 == null) sprite.obj[props.prop] = props[fNew-firstKeyFr];
  110.                 else        sprite.obj[props.prop2][props.prop] = props[fNew-firstKeyFr];
  111.               } else {
  112.                 while (keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]) keyFrm++;
  113.                 if (firstTime || fNew==sprite.keyFrames[keyFrm-1]) {
  114.                   if (props.prop2 == null) sprite.obj[props.prop] = props[keyFrm-1];
  115.                   else        sprite.obj[props.prop2][props.prop] = props[keyFrm-1];
  116.         } } } } }
  117.       } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  118.       if (fNew > tmLn.lastFrame) tmLn.ID = 0;
  119.   } }
  120. }
  121.  
  122. function MM_showHideLayers() { //v2.0
  123.   var i, visStr, args, theObj;
  124.   args = MM_showHideLayers.arguments;
  125.   for (i=0; i<(args.length-2); i+=3) { //with arg triples (objNS,objIE,visStr)
  126.     visStr   = args[i+2];
  127.     if (navigator.appName == 'Netscape' && document.layers != null) {
  128.       theObj = eval(args[i]);
  129.       if (theObj) theObj.visibility = visStr;
  130.     } else if (document.all != null) { //IE
  131.       if (visStr == 'show') visStr = 'visible'; //convert vals
  132.       if (visStr == 'hide') visStr = 'hidden';
  133.       theObj = eval(args[i+1]);
  134.       if (theObj) theObj.style.visibility = visStr;
  135.   } }
  136. }
  137.  
  138. function MM_timelineGoto(tmLnName, fNew, numGotos) { //v2.0
  139.   //Copyright 1997 Macromedia, Inc. All rights reserved.
  140.   var i,j,tmLn,props,keyFrm,sprite,numKeyFr,firstKeyFr,lastKeyFr,propNum,theObj;
  141.   if (document.MM_Time == null) MM_initTimelines(); //if *very* 1st time
  142.   tmLn = document.MM_Time[tmLnName];
  143.   if (numGotos != null)
  144.     if (tmLn.gotoCount == null) tmLn.gotoCount = 1;
  145.     else if (tmLn.gotoCount++ >= numGotos) {tmLn.gotoCount=0; return}
  146.   jmpFwd = (fNew > tmLn.curFrame);
  147.   for (i = 0; i < tmLn.length; i++) {
  148.     sprite = (jmpFwd)? tmLn[i] : tmLn[(tmLn.length-1)-i]; //count bkwds if jumping back
  149.     if (sprite.charAt(0) == "s") {
  150.       numKeyFr = sprite.keyFrames.length;
  151.       firstKeyFr = sprite.keyFrames[0];
  152.       lastKeyFr = sprite.keyFrames[numKeyFr - 1];
  153.       if ((jmpFwd && fNew<firstKeyFr) || (!jmpFwd && lastKeyFr<fNew)) continue; //skip if untouchd
  154.       for (keyFrm=1; keyFrm<numKeyFr && fNew>=sprite.keyFrames[keyFrm]; keyFrm++);
  155.       for (j=0; j<sprite.values.length; j++) {
  156.         props = sprite.values[j];
  157.         if (numKeyFr == props.length) propNum = keyFrm-1 //keyframes only
  158.         else propNum = Math.min(Math.max(0,fNew-firstKeyFr),props.length-1); //or keep in legal range
  159.         if (sprite.obj != null) {
  160.           if (props.prop2 == null) sprite.obj[props.prop] = props[propNum];
  161.           else        sprite.obj[props.prop2][props.prop] = props[propNum];
  162.       } }
  163.     } else if (sprite.charAt(0)=='b' && fNew == sprite.frame) eval(sprite.value);
  164.   }
  165.   tmLn.curFrame = fNew;
  166.   if (tmLn.ID == 0) eval('MM_timelinePlay(tmLnName)');
  167. }
  168.  
  169. function MM_initTimelines() {
  170.     //MM_initTimelines() Copyright 1997 Macromedia, Inc. All rights reserved.
  171.     var ns = navigator.appName == "Netscape";
  172.     document.MM_Time = new Array(2);
  173.     document.MM_Time[0] = new Array(7);
  174.     document.MM_Time["Timeline1"] = document.MM_Time[0];
  175.     document.MM_Time[0].MM_Name = "Timeline1";
  176.     document.MM_Time[0].fps = 15;
  177.     document.MM_Time[0][0] = new String("sprite");
  178.     document.MM_Time[0][0].slot = 1;
  179.     if (ns)
  180.         document.MM_Time[0][0].obj = document["Layer2"];
  181.     else
  182.         document.MM_Time[0][0].obj = document.all ? document.all["Layer2"] : null;
  183.     document.MM_Time[0][0].keyFrames = new Array(10, 23, 35);
  184.     document.MM_Time[0][0].values = new Array(4);
  185.     document.MM_Time[0][0].values[0] = new Array(674,642,611,579,547,515,484,452,421,389,358,328,298,268,237,207,177,148,119,90,62,34,6,-22,-50,-78);
  186.     document.MM_Time[0][0].values[0].prop = "left";
  187.     document.MM_Time[0][0].values[1] = new Array(-6,3,11,19,28,36,45,54,63,72,82,93,105,117,132,148,164,182,199,217,236,254,273,292,311,329);
  188.     document.MM_Time[0][0].values[1].prop = "top";
  189.     if (!ns) {
  190.         document.MM_Time[0][0].values[0].prop2 = "style";
  191.         document.MM_Time[0][0].values[1].prop2 = "style";
  192.     }
  193.     document.MM_Time[0][0].values[2] = new Array("inherit","inherit","inherit");
  194.     document.MM_Time[0][0].values[2].prop = "visibility";
  195.     if (!ns)
  196.         document.MM_Time[0][0].values[2].prop2 = "style";
  197.     document.MM_Time[0][0].values[3] = new Array("2","2","2");
  198.     document.MM_Time[0][0].values[3].prop = "zIndex";
  199.     if (!ns)
  200.         document.MM_Time[0][0].values[3].prop2 = "style";
  201.     document.MM_Time[0][1] = new String("sprite");
  202.     document.MM_Time[0][1].slot = 2;
  203.     if (ns)
  204.         document.MM_Time[0][1].obj = document["Layer3"];
  205.     else
  206.         document.MM_Time[0][1].obj = document.all ? document.all["Layer3"] : null;
  207.     document.MM_Time[0][1].keyFrames = new Array(1, 25, 50);
  208.     document.MM_Time[0][1].values = new Array(3);
  209.     document.MM_Time[0][1].values[0] = new Array(438,426,415,403,392,380,368,357,345,334,322,311,299,287,276,264,252,240,228,216,204,192,180,167,155,143,130,118,105,92,80,67,54,41,28,15,2,-11,-25,-38,-51,-64,-77,-91,-104,-117,-130,-144,-157,-170);
  210.     document.MM_Time[0][1].values[0].prop = "left";
  211.     document.MM_Time[0][1].values[1] = new Array(399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399,399);
  212.     document.MM_Time[0][1].values[1].prop = "top";
  213.     if (!ns) {
  214.         document.MM_Time[0][1].values[0].prop2 = "style";
  215.         document.MM_Time[0][1].values[1].prop2 = "style";
  216.     }
  217.     document.MM_Time[0][1].values[2] = new Array("11","3","3");
  218.     document.MM_Time[0][1].values[2].prop = "zIndex";
  219.     if (!ns)
  220.         document.MM_Time[0][1].values[2].prop2 = "style";
  221.     document.MM_Time[0][2] = new String("behavior");
  222.     document.MM_Time[0][2].frame = 70;
  223.     document.MM_Time[0][2].value = "MM_timelineGoto('Timeline1','1')";
  224.     document.MM_Time[0][3] = new String("behavior");
  225.     document.MM_Time[0][3].frame = 35;
  226.     document.MM_Time[0][3].value = "MM_showHideLayers('document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','hide')";
  227.     document.MM_Time[0][4] = new String("behavior");
  228.     document.MM_Time[0][4].frame = 51;
  229.     document.MM_Time[0][4].value = "MM_showHideLayers('document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','hide','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','hide')";
  230.     document.MM_Time[0][5] = new String("behavior");
  231.     document.MM_Time[0][5].frame = 10;
  232.     document.MM_Time[0][5].value = "MM_showHideLayers('document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','show')";
  233.     document.MM_Time[0][6] = new String("behavior");
  234.     document.MM_Time[0][6].frame = 1;
  235.     document.MM_Time[0][6].value = "MM_showHideLayers('document.layers[\\\'Layer2\\\']','document.all[\\\'Layer2\\\']','hide','document.layers[\\\'Layer3\\\']','document.all[\\\'Layer3\\\']','show','document.layers[\\\'Layer4\\\']','document.all[\\\'Layer4\\\']','show')";
  236.     document.MM_Time[0].lastFrame = 70;
  237.     document.MM_Time[1] = new Array(2);
  238.     document.MM_Time["Timeline2"] = document.MM_Time[1];
  239.     document.MM_Time[1].MM_Name = "Timeline2";
  240.     document.MM_Time[1].fps = 15;
  241.     document.MM_Time[1][0] = new String("behavior");
  242.     document.MM_Time[1][0].frame = 5;
  243.     document.MM_Time[1][0].value = "MM_showHideLayers('document.layers[\\\'Layer6\\\']','document.all[\\\'Layer6\\\']','show')";
  244.     document.MM_Time[1][1] = new String("behavior");
  245.     document.MM_Time[1][1].frame = 7;
  246.     document.MM_Time[1][1].value = "MM_showHideLayers('document.layers[\\\'Layer7\\\']','document.all[\\\'Layer7\\\']','show')";
  247.     document.MM_Time[1].lastFrame = 7;
  248.     for (i=0; i<document.MM_Time.length; i++) {
  249.         document.MM_Time[i].ID = null;
  250.         document.MM_Time[i].curFrame = 0;
  251.         document.MM_Time[i].delay = 1000/document.MM_Time[i].fps;
  252.     }
  253. }
  254. //-->
  255. </script>
  256. </head>
  257. <bgsound id="BackgroundSound" type="audio/midi" src="../audio/Good Friends, Good Times.mid" repeat="1" loop="-1">
  258. <body bgcolor="#FFFFFF" background="../image/frfor-bk.jpg" onLoad="MM_timelinePlay('Timeline2');MM_timelinePlay('Timeline1')">
  259. <div id="Layer1" style="position:absolute; left:275px; top:199px; width:92px; height:169px; z-index:34" class="ParentLayer">
  260.     <a id="Link1" name="">
  261.         <img id="uImage01"  src="../image/girl.gif" width="127" height="259" class="Fixed02">
  262.     </a>
  263. </div>
  264. <div id="Layer2" style="position:absolute; left:674px; top:-6px; width:57px; height:42px; z-index:2; visibility: inherit" class="ParentLayer">
  265.     <a id="Link2" name="">
  266.         <img id="uImage02"  src="../image/airplane.gif" width="77" height="59" class="Dynamic01">
  267.     </a>
  268. </div>
  269. <div id="Layer3" style="position:absolute; left:438px; top:399px; width:63px; height:39px; z-index:11" class="ParentLayer">
  270.     <a id="Link3" name="">
  271.         <img id="uImage03"  src="../image/ship.gif" width="177" height="137" border="0" class="Dynamic01">
  272.     </a>
  273. </div>
  274. <div id="Layer5" style="position:absolute; left:422px; top:141px; width:192px; height:160px; z-index:5" class="ParentLayer">
  275.     <a id="Link4" name="">
  276.         <img id="uImage04"  src="../image/frfor-letter1.jpg" width="369" height="227" class="Dynamic01">
  277.     </a>
  278. </div>
  279. <div id="Layer6" style="position:absolute; left:420px; top:71px; width:366px; height:66px; z-index:36; visibility: hidden" class="ParentLayer">
  280.     <a id="Link5" name="">
  281.         <img id="uImage05"  src="../image/frfor-letter2.gif" width="372" height="71" class="Dynamic01">
  282.     </a>
  283. </div>
  284. <div id="Layer7" style="position:absolute; left:427px; top:148px; width:30px; height:30px; z-index:37; visibility: hidden" class="ParentLayer">
  285.     <a id="Link6">
  286.         <img id="uImage06"  src="../image/frfor-photo.jpg" width="360" height="215" border="0" name="uImage06;360;215" class="ImageHolder">
  287.     </a>
  288. </div>
  289. <div id="Layer37" class="ParentLayer" style="position:absolute; width:398px; height:86px; z-index:65; left: 19px; top: 137px"> 
  290.   <div align="center"> 
  291.     <a id="Link7" name="">
  292.         <p id="uText01"  class="TextHolder01">Friends Forever
  293.     </a> 
  294.   </div>
  295. </div>
  296. <DIV id="Layer38" class="ParentLayer" style="position:absolute; width:164px; height:318px; z-index:65; left: 50px; top: 191px"> 
  297.   <DIV align="center"> 
  298.     <A id="Link8" name="">
  299.         <P id="uText02"  class="TextHolder02">Hello Samantha! How are you? Remember this picture? We had so much fun. I miss you very much and I just wanted to write to say that I am thinking of you.
  300.     </A> 
  301.   </DIV>
  302. </DIV>
  303. <div id="Layer10" style="position:absolute; left:580px; top:380px; width:123px; height:114px; z-index:10" class="ParentLayer">
  304.     <a id="Link9" name="">
  305.         <img id="uImage07"  src="../image/frfor-vbk1.jpg" width="172" height="130" class="Moveable01">
  306.     </a>
  307. </div>
  308. <DIV id="Layer11" style="position:absolute; left:20px; top:-30px; width:10px; height:13px; z-index:31" class="ParentLayer">
  309.     <a id="Link10" name="">
  310.         <IMG id="uImage08"  src="../image/frfor-moon.gif" width="235" height="193" class="Dynamic01">
  311.     </a>
  312. </DIV>
  313. <DIV id="Layer14" style="position:absolute; left:44px; top:8px; width:11px; height:12px; z-index:2" class="ParentLayer">
  314.     <a id="Link13" name="">
  315.         <IMG id="uImage11"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  316.     </a>
  317. </DIV>
  318. <DIV id="Layer15" style="position:absolute; left:33px; top:142px; width:12px; height:9px; z-index:2" class="ParentLayer">
  319.     <a id="Link14" name="">
  320.         <IMG id="uImage12"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  321.     </a>
  322. </DIV>
  323. <DIV id="Layer16" style="position:absolute; left:361px; top:35px; width:7px; height:9px; z-index:2" class="ParentLayer">
  324.     <a id="Link15" name="">
  325.         <IMG id="uImage13"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  326.     </a>
  327. </DIV>
  328. <DIV id="Layer19" style="position:absolute; left:287px; top:11px; width:11px; height:9px; z-index:2" class="ParentLayer">
  329.     <a id="Link18" name="">
  330.         <IMG id="uImage16"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  331.     </a>
  332. </DIV>
  333. <DIV id="Layer20" style="position:absolute; left:121px; top:159px; width:22px; height:31px; z-index:2" class="ParentLayer">
  334.     <a id="Link19" name="">
  335.         <IMG id="uImage17"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  336.     </a>
  337. </DIV>
  338. <DIV id="Layer21" style="position:absolute; left:11px; top:231px; width:12px; height:9px; z-index:2" class="ParentLayer">
  339.     <a id="Link20" name="">
  340.         <IMG id="uImage18"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  341.     </a>
  342. </DIV>
  343. <DIV id="Layer23" style="position:absolute; left:238px; top:85px; width:4px; height:9px; z-index:2" class="ParentLayer">
  344.     <a id="Link21" name="">
  345.         <IMG id="uImage19"  src="../Image/star-ani.gif" width="50" height="52" class="Fixed02">
  346.     </a>
  347. </DIV>
  348. <DIV id="Layer24" style="position:absolute; left:457px; top:0px; width:9px; height:7px; z-index:2" class="ParentLayer">
  349.     <a id="Link22" name="">
  350.         <IMG id="uImage20"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  351.     </a>
  352. </DIV>
  353. <DIV id="Layer26" style="position:absolute; left:112px; top:35px; width:6px; height:8px; z-index:2" class="ParentLayer">
  354.     <a id="Link24" name="">
  355.         <IMG id="uImage22"  src="../image/star-ani.gif" width="50" height="52" class="Fixed02">
  356.     </a>
  357. </DIV>
  358. <DIV id="Layer29" style="position:absolute; left:0px; top:6px; width:5px; height:7px; z-index:1" class="ParentLayer">
  359.     <a id="Link27" name="">
  360.         <img id="uImage25"  src="../image/frfor-earth.jpg" width="800" height="517" class="Fixed02">
  361.     </a>
  362. </DIV>
  363. <DIV id="Layer30" style="position:absolute; left:240px; top:350px; width:5px; height:12px; z-index:32" class="ParentLayer">
  364.     <a id="Link28" name="">
  365.         <IMG id="uImage26"  src="../image/frfor-cloud.gif" width="116" height="72" class="Fixed02">
  366.     </a>
  367. </DIV>
  368.  
  369. <div id="VideoBorder" class="ParentLayer" style="visibility:hidden; position:absolute; width:30px; height:30px; z-index:69; left: 0px; top: 0px; border-width:5px;"> 
  370. </div>
  371.  
  372. <div id="VideoLayer" style="position:absolute; width:30px; height:30px; z-index:67; left: 586px; top: 385px" class="ParentLayer"> 
  373.   <a id="Link29" name="">
  374.     <img id="uVideo01" type="video/avi" dynsrc="../video/Underwater Hello.avi" width="160" height="120" repeat="1" loop="-1" class="VideoHolder"> 
  375.   </a>
  376. </div>
  377.  
  378. <div id="Layer36" class="ParentLayer" style="position:absolute; width:363px; height:21px; z-index:17; left: 213px; top: 524px"> 
  379.   <div align="center" > 
  380.     <a id="Link30" name="http://www.novadevelopment.com">
  381.         <p id="uLogo01" align="right" class="Fixed01"> 
  382.      </a>
  383.   </div>
  384. </div>
  385.  
  386. </body>
  387. <script language="JavaScript" src="../../WebCard.js">
  388. </script>
  389. </html>
  390.