Permalink
Cannot retrieve contributors at this time
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
313 lines (306 sloc)
13.4 KB
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title>Off Duty page</title> | |
| <meta name="GENERATOR" content="Microsoft FrontPage 3.0"> | |
| <bgsound src="Wave/samisen.wav" loop="0"> | |
| <script LANGUAGE="JavaScript" FPTYPE="dynamicanimation"> | |
| <!-- | |
| // If you want to change this script, you must also make the following | |
| // changes so that FrontPage will not overwrite your new script. | |
| // In the script tag, change type="dynamicanimation" to type="mydynamicanimation" | |
| // In the first script statement, change "dynamicanimation" to "mydynamicanimation" | |
| // Throughout the HTML content, change dynamicanimation= to mydynamicanimation= | |
| // Change function dynAnimation to function mydynAnimation | |
| // In the body tag, change onload="dynAnimation()" to onload="mydynAnimation()" | |
| dynamicanimAttr = "dynamicanimation" | |
| animateElements = new Array() | |
| currentElement = 0 | |
| speed = 0 | |
| stepsZoom = 8 | |
| stepsWord = 8 | |
| stepsFly = 12 | |
| stepsSpiral = 16 | |
| steps = stepsZoom | |
| step = 0 | |
| outString = "" | |
| function dynAnimation() | |
| { | |
| var ms = navigator.appVersion.indexOf("MSIE") | |
| ie4 = (ms>0) && (parseInt(navigator.appVersion.substring(ms+5, ms+6)) >= 4) | |
| if(!ie4) | |
| { | |
| if((navigator.appName == "Netscape") && | |
| (parseInt(navigator.appVersion.substring(0, 1)) >= 4)) | |
| { | |
| for (index=document.layers.length-1; index >= 0; index--) | |
| { | |
| layer=document.layers[index] | |
| if (layer.left==10000) | |
| layer.left=0 | |
| } | |
| } | |
| return | |
| } | |
| for (index=document.all.length-1; index >= document.body.sourceIndex; index--) | |
| { | |
| el = document.all[index] | |
| animation = el.getAttribute(dynamicanimAttr, false) | |
| if(null != animation) | |
| { | |
| if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") | |
| { | |
| ih = el.innerHTML | |
| outString = "" | |
| i1 = 0 | |
| iend = ih.length | |
| while(true) | |
| { | |
| i2 = startWord(ih, i1) | |
| if(i2 == -1) | |
| i2 = iend | |
| outWord(ih, i1, i2, false, "") | |
| if(i2 == iend) | |
| break | |
| i1 = i2 | |
| i2 = endWord(ih, i1) | |
| if(i2 == -1) | |
| i2 = iend | |
| outWord(ih, i1, i2, true, animation) | |
| if(i2 == iend) | |
| break | |
| i1 = i2 | |
| } | |
| document.all[index].innerHTML = outString | |
| document.all[index].style.posLeft = 0 | |
| document.all[index].setAttribute(dynamicanimAttr, null) | |
| } | |
| if(animation == "zoomIn" || animation == "zoomOut") | |
| { | |
| ih = el.innerHTML | |
| outString = "<SPAN " + dynamicanimAttr + "=\"" + animation + "\" style=\"position: relative; left: 10000;\">" | |
| outString += ih | |
| outString += "</SPAN>" | |
| document.all[index].innerHTML = outString | |
| document.all[index].style.posLeft = 0 | |
| document.all[index].setAttribute(dynamicanimAttr, null) | |
| } | |
| } | |
| } | |
| i = 0 | |
| for (index=document.body.sourceIndex; index < document.all.length; index++) | |
| { | |
| el = document.all[index] | |
| animation = el.getAttribute(dynamicanimAttr, false) | |
| if (null != animation) | |
| { | |
| if(animation == "flyLeft") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth | |
| el.style.posTop = 0 | |
| } | |
| else if(animation == "flyRight") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth | |
| el.style.posTop = 0 | |
| } | |
| else if(animation == "flyTop" || animation == "dropWord") | |
| { | |
| el.style.posLeft = 0 | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight | |
| } | |
| else if(animation == "flyBottom") | |
| { | |
| el.style.posLeft = 0 | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight | |
| } | |
| else if(animation == "flyTopLeft") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight | |
| } | |
| else if(animation == "flyTopRight" || animation == "flyTopRightWord") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight | |
| } | |
| else if(animation == "flyBottomLeft") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight | |
| } | |
| else if(animation == "flyBottomRight" || animation == "flyBottomRightWord") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)+document.body.offsetWidth | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)+document.body.offsetHeight | |
| } | |
| else if(animation == "spiral") | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth | |
| el.style.posTop = document.body.scrollTop-offsetTop(el)-el.offsetHeight | |
| } | |
| else if(animation == "zoomIn") | |
| { | |
| el.style.posLeft = 10000 | |
| el.style.posTop = 0 | |
| } | |
| else if(animation == "zoomOut") | |
| { | |
| el.style.posLeft = 10000 | |
| el.style.posTop = 0 | |
| } | |
| else | |
| { | |
| el.style.posLeft = 10000-offsetLeft(el)-el.offsetWidth | |
| el.style.posTop = 0 | |
| } | |
| el.initLeft = el.style.posLeft | |
| el.initTop = el.style.posTop | |
| animateElements[i++] = el | |
| } | |
| } | |
| window.setTimeout("animate();", speed) | |
| } | |
| function offsetLeft(el) | |
| { | |
| x = el.offsetLeft | |
| for (e = el.offsetParent; e; e = e.offsetParent) | |
| x += e.offsetLeft; | |
| return x | |
| } | |
| function offsetTop(el) | |
| { | |
| y = el.offsetTop | |
| for (e = el.offsetParent; e; e = e.offsetParent) | |
| y += e.offsetTop; | |
| return y | |
| } | |
| function startWord(ih, i) | |
| { | |
| for(tag = false; i < ih.length; i++) | |
| { | |
| c = ih.charAt(i) | |
| if(c == '<') | |
| tag = true | |
| if(!tag) | |
| return i | |
| if(c == '>') | |
| tag = false | |
| } | |
| return -1 | |
| } | |
| function endWord(ih, i) | |
| { | |
| nonSpace = false | |
| space = false | |
| while(i < ih.length) | |
| { | |
| c = ih.charAt(i) | |
| if(c != ' ') | |
| nonSpace = true | |
| if(nonSpace && c == ' ') | |
| space = true | |
| if(c == '<') | |
| return i | |
| if(space && c != ' ') | |
| return i | |
| i++ | |
| } | |
| return -1 | |
| } | |
| function outWord(ih, i1, i2, dyn, anim) | |
| { | |
| if(dyn) | |
| outString += "<SPAN " + dynamicanimAttr + "=\"" + anim + "\" style=\"position: relative; left: 10000;\">" | |
| outString += ih.substring(i1, i2) | |
| if(dyn) | |
| outString += "</SPAN>" | |
| } | |
| function animate() | |
| { | |
| el = animateElements[currentElement] | |
| animation = el.getAttribute(dynamicanimAttr, false) | |
| step++ | |
| if(animation == "spiral") | |
| { | |
| steps = stepsSpiral | |
| v = step/steps | |
| rf = 1.0 - v | |
| t = v * 2.0*Math.PI | |
| rx = Math.max(Math.abs(el.initLeft), 200) | |
| ry = Math.max(Math.abs(el.initTop), 200) | |
| el.style.posLeft = Math.ceil(-rf*Math.cos(t)*rx) | |
| el.style.posTop = Math.ceil(-rf*Math.sin(t)*ry) | |
| } | |
| else if(animation == "zoomIn") | |
| { | |
| steps = stepsZoom | |
| el.style.fontSize = Math.ceil(50+50*step/steps) + "%" | |
| el.style.posLeft = 0 | |
| } | |
| else if(animation == "zoomOut") | |
| { | |
| steps = stepsZoom | |
| el.style.fontSize = Math.ceil(100+200*(steps-step)/steps) + "%" | |
| el.style.posLeft = 0 | |
| } | |
| else | |
| { | |
| steps = stepsFly | |
| if(animation == "dropWord" || animation == "flyTopRightWord" || animation == "flyBottomRightWord") | |
| steps = stepsWord | |
| dl = el.initLeft / steps | |
| dt = el.initTop / steps | |
| el.style.posLeft = el.style.posLeft - dl | |
| el.style.posTop = el.style.posTop - dt | |
| } | |
| if (step >= steps) | |
| { | |
| el.style.posLeft = 0 | |
| el.style.posTop = 0 | |
| currentElement++ | |
| step = 0 | |
| } | |
| if(currentElement < animateElements.length) | |
| window.setTimeout("animate();", speed) | |
| } | |
| //--> | |
| </script><meta name="Microsoft Border" content="tl, default"></head> | |
| <body onload="dynAnimation()" background="images/grnbub1.jpg"><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td> | |
| <p><a name="top"></a></p> | |
| </td></tr><!--msnavigation--></table><!--msnavigation--><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td valign="top" width="1%"> | |
| <p> </p> | |
| </td><td valign="top" width="24"></td><!--msnavigation--><td valign="top"> | |
| <div align="left"> | |
| <table border="0" cellpadding="0" cellspacing="8" width="749" height="1"> | |
| <tr> | |
| <td align="center" valign="top" width="178" height="296" rowspan="3"><img src="images/newtorii2.gif" alt="newtorii2.gif (7718 bytes)" WIDTH="182" HEIGHT="108"><p align="center"><big><font color="#D8C880" face="Arial"><strong>MCAS IWAKUNI</strong></font><font face="FZ UNIQUE 22"><big> </big></font></big></p> | |
| <p align="center"><!--webbot bot="ImageMap" default="http://www.urban.ne.jp/home/mwa/rec.htm" text="(0,0) (144, 22) {MCCS} {Times New Roman} 10 B #cc0000 CT 0 MCCS.htm" src="images/goldbutton3.gif" alt="goldbutton3.gif (2616 bytes)" border="0" u-originalsrc="images/goldbutton3.gif" u-overlaysrc="_overlay/OffDuty.htm_txt_goldbutton3.gif" startspan --><MAP NAME="FrontPageMap"><AREA SHAPE="RECT" COORDS="0, 0, 144, 22" HREF="MCCS.htm"><AREA COORDS="0,0,10000,10000" HREF="http://www.urban.ne.jp/home/mwa/rec.htm"></MAP><a href="_vti_bin/shtml.exe/OffDuty.htm/map"><img ismap usemap="#FrontPageMap" border="0" height="22" alt="goldbutton3.gif (2616 bytes)" src="_derived/OffDuty.htm_txt_goldbutton3.gif" width="144"></a><!--webbot bot="ImageMap" endspan i-checksum="55324" --><!--webbot bot="ImageMap" default="http://www.urban.ne.jp/home/mwa/rec.htm" text="(0,0) (144,22) {Education} {Times New Roman} 10 B #cc0000 CT 0 Education.htm" src="images/goldbutton3.gif" alt="goldbutton3.gif (2616 bytes)" border="0" u-originalsrc="images/goldbutton3.gif" u-overlaysrc="_overlay/OffDuty.htm_txt_goldbutton3_2.gif" startspan --><MAP NAME="FrontPageMap1"><AREA SHAPE="RECT" COORDS="0, 0, 144, 22" HREF="Education.htm"><AREA COORDS="0,0,10000,10000" HREF="http://www.urban.ne.jp/home/mwa/rec.htm"></MAP><a href="_vti_bin/shtml.exe/OffDuty.htm/map1"><img ismap usemap="#FrontPageMap1" border="0" height="22" alt="goldbutton3.gif (2616 bytes)" src="_derived/OffDuty.htm_txt_goldbutton3_2.gif" width="144"></a><!--webbot bot="ImageMap" endspan i-checksum="36748" --><!--webbot bot="ImageMap" text="(0,0) (144,22) {Iwakuni City Website} {Times New Roman} 10 B #cc0000 CT 0 mcas_iwakuni_does_not_endorse_th.htm" src="images/goldbutton3.gif" alt="goldbutton3.gif (2616 bytes)" border="0" u-originalsrc="images/goldbutton3.gif" u-overlaysrc="_overlay/OffDuty.htm_txt_goldbutton3_3.gif" startspan --><MAP NAME="FrontPageMap2"><AREA SHAPE="RECT" COORDS="0, 0, 144, 22" HREF="mcas_iwakuni_does_not_endorse_th.htm"></MAP><a href="_vti_bin/shtml.exe/OffDuty.htm/map2"><img ismap usemap="#FrontPageMap2" border="0" height="22" alt="goldbutton3.gif (2616 bytes)" src="_derived/OffDuty.htm_txt_goldbutton3_3.gif" width="144"></a><!--webbot bot="ImageMap" endspan i-checksum="46021" --><!--webbot bot="ImageMap" text="(0,0) (144,22) {Back to Homepage} {Times New Roman} 10 B #cc0000 CT 0 Index3.htm" src="images/goldbutton3.gif" alt="goldbutton3.gif (2616 bytes)" border="0" u-originalsrc="images/goldbutton3.gif" u-overlaysrc="_overlay/OffDuty.htm_txt_goldbutton3_4.gif" startspan --><MAP NAME="FrontPageMap3"><AREA SHAPE="RECT" COORDS="0, 0, 144, 22" HREF="Index3.htm"></MAP><a href="_vti_bin/shtml.exe/OffDuty.htm/map3"><img ismap usemap="#FrontPageMap3" border="0" height="22" alt="goldbutton3.gif (2616 bytes)" src="_derived/OffDuty.htm_txt_goldbutton3_4.gif" width="144"></a><!--webbot bot="ImageMap" endspan i-checksum="23258" --><font size="3" face="Arial"><br> | |
| </font><font size="2" face="Arial"><strong><br> | |
| </strong> <br> | |
| <br> | |
| </font></p> | |
| <p> </p> | |
| <p align="center"> </p> | |
| <p align="center"><a href="Privacy_Act.htm" style="color: rgb(192,192,192)"><em><font color="#C0C0C0"><small><small><small>Please Read this Privacy and Security Notice</small></small></small></font></em></a></p> | |
| <p dynamicanimation="flyTopRight" style="position: relative !important; left: 10000 !important" align="center"> </td> | |
| <td width="44" height="25"></td> | |
| <th width="1459" height="25" valign="top"><p align="right"><img src="images/offdutytext.gif" alt="offdutytext.gif (1512 bytes)" align="right" WIDTH="294" HEIGHT="39"></th> | |
| </tr> | |
| <tr> | |
| <td width="44" height="271" rowspan="2"> </td> | |
| <td valign="top" width="1459" height="53"><p align="left"><font color="#0000A0"><big><strong><img src="images/bridge01.jpg" alt="bridge01.jpg (348881 bytes)" align="right" start="mouseover" WIDTH="378" HEIGHT="254">Kintai Bridge</strong></big></font><font size="2" face="Arial"> | |
| </font><big><strong>One of the three most beautiful bridges in Japan:</strong></big> | |
| This bridge, 5 meters wide and 210 meters long, with its five wooden arches, is the most | |
| popular tourist spot in Yamaguchi prefecture. As an old Japanese saying goes, "Fuji | |
| represents the mountains, Nachi represents the waterfalls, and Kintai represents the | |
| bridges." One can imagine the splendor of this bridge when it was first built. No | |
| nails but only wires and clamps were used in the construction. </td> | |
| </tr> | |
| <tr> | |
| <td valign="top" width="1459" height="52"></td> | |
| </tr> | |
| </table> | |
| </div> | |
| <p> | |
| <!--msnavigation--></td></tr><!--msnavigation--></table></body> | |
| </html> |