function Is() {
     var agent = navigator.userAgent.toLowerCase();
     this.major = parseInt(navigator.appVersion);
     this.minor = parseFloat(navigator.appVersion);
     this.ns  = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
     this.ns2 = (this.ns && (this.major == 2));
     this.ns3 = (this.ns && (this.major == 3));
     this.ns4b = (this.ns && (this.major == 4) && (this.minor <= 4.03));
     this.ns4 = (this.ns && (this.major == 4));
     this.ns6 = (this.ns && (this.major >= 5));
     this.ie   = (agent.indexOf("msie") != -1);
     this.ie3  = (this.ie && (this.major == 2));
     this.ie4  = (this.ie && (this.major >= 4));
     this.op3 = (agent.indexOf("opera") != -1);
}

var is = new Is()

if(is.ns6) {
     doc = "document.getElementByld(";
     sty = ").style";
     htm = ")";
     xpos = "e.pageX";
     ypos = "e.pageY";
} else if(is.ns4) {
     doc = "document";
     sty = "";
     htm = ".document";
     xpos = "e.pageX";
     ypos = "e.pageY";
} else if(is.ie4) {
     doc = "document.all";
     sty = ".style";
     htm = "";
     xpos = "event.x";
     ypos = "event.y";
}

var count = 0;

function preLoad() {
     rogo = new Image();
     rogo.onload = (is.ns4b) ? loadCheck() : loadCheck;
     rogo.src = "images/Internet.gif";

     cgi = new Image();
     cgi.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cgi.src = "images/cgi.gif";

     java_script = new Image();
     java_script.onload = (is.ns4b) ? loadCheck() : loadCheck;
     java_script.src = "images/javascript.gif";

     sea1 = new Image();
     sea1.onload = (is.ns4b) ? loadCheck() : loadCheck;
     sea1.src = "images/bluesea1.gif";

     sea2 = new Image();
     sea2.onload = (is.ns4b) ? loadCheck() : loadCheck;
     sea2.src = "images/bluesea2.gif";

     cat1 = new Image();
     cat1.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat1.src = "images/cat1.gif";

     cat2 = new Image();
     cat2.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat2.src = "images/cat2.gif";

     cat3 = new Image();
     cat3.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat3.src = "images/cat3.gif";

     cat4 = new Image();
     cat4.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat4.src = "images/cat4.gif";

     cat5 = new Image();
     cat5.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat5.src = "images/cat5.gif";

     cat6 = new Image();
     cat6.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat6.src = "images/cat6.gif";

     cat7 = new Image();
     cat7.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat7.src = "images/cat7.gif";

     cat8 = new Image();
     cat8.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat8.src = "images/cat8.gif";

     cat9 = new Image();
     cat9.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat9.src = "images/cat9.gif";

     cat10 = new Image();
     cat10.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat10.src = "images/cat10.gif";

     cat11 = new Image();
     cat11.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat11.src = "images/cat11.gif";

     cat12 = new Image();
     cat12.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat12.src = "images/cat12.gif";

     cat13 = new Image();
     cat13.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat13.src = "images/cat13.gif";

     cat14 = new Image();
     cat14.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat14.src = "images/cat14.gif";

     cat15 = new Image();
     cat15.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat15.src = "images/cat15.gif";

     cat16 = new Image();
     cat16.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat16.src = "images/cat16.gif";

     cat17 = new Image();
     cat17.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat17.src = "images/cat17.gif";

     cat18 = new Image();
     cat18.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat18.src = "images/cat18.gif";

     cat19 = new Image();
     cat19.onload = (is.ns4b) ? loadCheck() : loadCheck;
     cat19.src = "images/cat19.gif";

     email1 = new Image();
     email1.onload = (is.ns4b) ? loadCheck() : loadCheck;
     email1.src = "images/email1.gif";

     email2 = new Image();
     email2.onload = (is.ns4b) ? loadCheck() : loadCheck;
     email2.src = "images/email2.gif";

     caption = new Image();
     caption.onload = (is.ns4b) ? loadCheck() : loadCheck;
     caption.src = "images/caption.gif";
}

function loadCheck() {
     count++;
     if(count == 20) {
          layerSetup();
     }
}

function layerSetup() {
     rogoLyr = eval(doc + '["rogoLayer"]' + sty);
     rogoLyr.left = (available_width-270)/2;
     rogoLyr.top = 40;

     cgiLyr = eval(doc + '["cgiLayer"]' + sty);
     cgiLyr.left = 50;
     cgiLyr.top = available_height-250;

     javascriptLyr = eval(doc + '["javascriptLayer"]' + sty);
     javascriptLyr.left = 50;
     javascriptLyr.top = available_height-200;

     scrollLyr = eval(doc + '["scrollLayer"]' + sty);
     scrollLyr.left = available_width-250;
     scrollLyr.top = available_height-250;

     sea1Lyr = eval(doc + '["sea1Layer"]' + sty);
     sea1Lyr.left = 0;
     sea1Lyr.top = available_height-101;

     sea2Lyr = eval(doc + '["sea2Layer"]' + sty);
     sea2Lyr.left = 0;
     sea2Lyr.top = available_height-101;

     catLyr = eval(doc + '["catLayer"]' + sty);
     catLyr.left = (available_width-280)/2;
     catLyr.top =available_height-150;

     sea3Lyr = eval(doc + '["sea3Layer"]' + sty);
     sea3Lyr.left = 0;
     sea3Lyr.top = available_height-72;

     sea4Lyr = eval(doc + '["sea4Layer"]' + sty);
     sea4Lyr.left = 0;
     sea4Lyr.top = available_height-72;

     mailLyr = eval(doc + '["mailLayer"]' + sty);
     mailLyr.left =  available_width-150;
     mailLyr.top = available_height-200;

     minomusiLyr = eval(doc + '["minomusiLayer"]' + sty);
     minomusiLyr.left =  50;
     minomusiLyr.top = available_height-50;

     noboruLyr = eval(doc + '["noboruLayer"]' + sty);
     noboruLyr.left =  available_width-300;
     noboruLyr.top = available_height-50;

     htmlSetup();
}

function htmlSetup(){
         var sea1HTML = eval(doc + '["sea1Layer"]' + htm);
         var sea2HTML = eval(doc + '["sea2Layer"]' + htm);
         var sea3HTML = eval(doc + '["sea3Layer"]' + htm);
         var sea4HTML = eval(doc + '["sea4Layer"]' + htm);

         var table_a = '<TABLE BACKGROUND="'+sea1.
src+'" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="'+available_width+'" HEIGHT="76"><TR><TD>.</TD></TR></TABLE>';

         var table_b = '<TABLE BACKGROUND="'+sea2.
src+'" BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="'+available_width+'" HEIGHT="76"><TR><TD>.</TD></TR></TABLE>';

if(is.ns6) {
       sea1HTML.write(table_a);sea1HTML.close();
       sea2HTML.write(table_b);sea2HTML.close();
       sea3HTML.write(table_b);sea3HTML.close();
       sea4HTML.write(table_a);sea4HTML.close();
     } else if(is.ns4) {
       sea1HTML.write(table_a);sea1HTML.close();
       sea2HTML.write(table_b);sea2HTML.close();
       sea3HTML.write(table_b);sea3HTML.close();
       sea4HTML.write(table_a);sea4HTML.close();
     } else {
       sea1HTML.innerHTML = table_a;
       sea2HTML.innerHTML = table_b;
       sea3HTML.innerHTML = table_b;
       sea4HTML.innerHTML = table_a;
    }
     visibilitySetup();
}
      
function visibilitySetup() {
     rogoLyr.visibility = "visible";
     cgiLyr.visibility = "visible";
     javascriptLyr.visibility = "visible";
     scrollLyr.visibility = "visible";
     sea1Lyr.visibility = "visible";
     catLyr.visibility = "visible";
     sea3Lyr.visibility = "visible";
     mailLyr.visibility = "visible";
     minomusiLyr.visibility = "visible";
     noboruLyr.visibility = "visible";

     arraySetup();
}

function arraySetup() {
     x_array = new Array(128,126,125,123,121,118,116,114,112,110,107,103,101,99,95,93,92,91,91,89,89,89,89,89,89,89,89,89,89,89,89,90,92,96,98,101,105,109,113,119,128,137,143,149,155,164,176,191,205,213,224,237,249,258,270,283,296,308,316,323,328,330,333,334,335,336,337,338,340,341,342,345,350,354,360,366,372,378,382,383,386,391,394,398,404,409,414,423,430,433,434,436,441,451,461,466,472,479,485,491,498,500,503,505,505,506,506,506,506,505,506,506,504,500,495,491,485,478,467,455,444,435,419,408,397,387,381,375,367,363,358,354,349,344,338,335,334,333,331,332,332,332,332,332,332,332,332,331,331,329,328,327,327,325,323,321,320,319,318,317,640);

     y_array = new Array(83,84,86,89,93,99,104,111,116,121,128,135,144,151,157,164,173,180,189,196,205,212,219,227,235,242,250,257,264,271,277,284,292,300,307,316,323,328,334,340,346,352,356,359,362,365,370,376,380,382,385,386,387,387,383,382,381,377,374,365,358,352,347,340,332,325,321,315,309,304,297,289,282,273,265,256,246,239,233,228,221,214,209,202,196,190,183,178,174,172,172,172,171,171,171,172,174,179,185,190,194,201,208,214,221,230,242,251,261,270,278,285,293,301,310,316,324,330,336,341,345,347,349,349,349,349,348,344,337,332,327,321,314,306,297,290,283,277,268,261,255,249,243,239,235,230,227,224,223,221,220,220,219,219,219,219,218,218,218,219,480);

     commentSetup();
     changewave();
     movecat();
}

var delay = 5;
var index = 0;
var cat_position = 1;

function movecat() {

     if(index < x_array.length-1) {
          catLyr.left = (x_array[index]/x_array[x_array.length-1]*available_width) - 140;
          catLyr.top = (y_array[index]/y_array[y_array.length-1]*available_height) - 140;
          index++;
     if(cat_position<12){
            cat_position++;
      } else {
           cat_position = 1;
     }
        changecat();

    } else {
 delay=200;
     if(cat_position<19){
            cat_position++;
      } else {
           cat_position = 18;
     }
        changecat();

  }
          setTimeout("movecat()",delay);
}

function changecat(){
     catHTML = eval(doc+'["catLayer"]' + '.document');
     catHTML.cat.src = eval("cat"+cat_position+".src");
}

var flag = 0;
function changewave(){
if(flag==0){
     sea1Lyr.visibility = "hidden";
     sea3Lyr.visibility = "hidden";
     sea2Lyr.visibility = "visible";
     sea4Lyr.visibility = "visible";
flag=1;
} else {
     sea2Lyr.visibility = "hidden";
     sea4Lyr.visibility = "hidden";
     sea1Lyr.visibility = "visible";
     sea3Lyr.visibility = "visible";
flag=0;
}
          setTimeout("changewave()",200);
}

function mouseover(index){

 if (index==0){
    delLyr= eval(doc + '["cgiLayer"]' + sty);
    var Lyr_height = 275;
         var content = '<FONT CLASS="text" face="MSゴシック,平成ゴシック"><A HREF="../calendar.cgi" onmouseover="appercaption(0)">カレンダーCGI版</A><BR><A HREF="../search1.cgi" onmouseover="appercaption(1)" onmouseout="mouseout()">ファイルサーチ１</A><BR><A HREF="../search2.cgi" onMouseover="appercaption(2)" onmouseout="mouseout()">ファイルサーチ２</A><BR><A HREF="../orderexplanation.html" onmouseover="appercaption(3)" onmouseout="mouseout()">オーダープログラム</A><BR><A HREF="../bbs/bbs.html" onmouseover="appercaption(4)" onmouseout="mouseout()">蓑虫掲示板</A><BR><A HREF="../link/kattenilink.html" onmouseover="appercaption(5)" onmouseout="mouseout()">勝手にリンク集</A></FONT>';
 } else  if (index==1){
    delLyr= eval(doc + '["javascriptLayer"]' + sty);
    var Lyr_height = 200;
         var content = '<FONT CLASS="text" face="MSゴシック,平成ゴシック"><A HREF="calendar.html" onmouseover="appercaption(6)" onmouseout="mouseout()">カレンダーJavaScript版</A><BR><A HREF="alicescroll.html" onmouseover="appercaption(7)" onmouseout="mouseout()">アリス・スクロール</A><BR><A HREF="./2001newyear.html" onMouseOver="appercaption(8)" onmouseout="mouseout()">2001年年始画象</A><BR><A HREF="../newyear_2002" onMouseOver="appercaption(9)" onmouseout="mouseout()">2002年年始画象</A></FONT>';
}

     delLyr.visibility = "hidden";
     contentLyr = eval(doc + '["contentLayer"]' + sty);
  var LyrHTML = eval(doc + '["contentLayer"]' + htm);

if(is.ns6) {
       LyrHTML.write(content);LyrHTML.close();
     } else if(is.ns4) {
       LyrHTML.write(content);LyrHTML.close();
     } else {
       LyrHTML.innerHTML = content;
    }
     leftpoint=175;
     contentLyr.left = leftpoint;
     contentLyr.top = available_height-Lyr_height;
     contentLyr.visibility = "visible";

     movecontent(0);
}

function movecontent(point){
if (point>130){
        clearTimeout(timerID);
} else {
     point=point+10;
     leftpoint=175-point;
     contentLyr.left = leftpoint;
 if(is.ns4){
     contentLyr.clip.top = 0;
     contentLyr.clip.right = point;
     contentLyr.clip.bottom = 100;
     contentLyr.clip.left = 0;
   }else{
     contentLyr.clip = 'rect(0 '+point+' 100 0)';
    } 
     timerID=setTimeout("movecontent("+point+")",5);
}
}

function mouseout(){
     contentLyr = eval(doc + '["contentLayer"]' + sty);
     captionLyr = eval(doc + '["captionLayer"]' + sty);
 if(is.ns4){
     messageLyr = eval(doc +'.layers["captionLayer"]' + '.layers["messageLayer"]'+ sty);
  }else{
     messageLyr = eval(doc + '["messageLayer"]'+ sty);
}

     cgiLyr = eval(doc + '["cgiLayer"]' + sty);
     cgiLyr.left = 50;
     cgiLyr.top = available_height-250;

     javascriptLyr = eval(doc + '["javascriptLayer"]' + sty);
     javascriptLyr.left = 50;
     javascriptLyr.top = available_height-200;

     captionLyr.visibility = "hidden";
     messageLyr.visibility = "hidden";
     contentLyr.visibility = "hidden";
     cgiLyr.visibility = "visible";
      javascriptLyr.visibility = "visible";
}

function  appercaption(index){
 if (index==0){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">ボタン操作で、来月や先月のカレンダーも、表示出来ます。<BR>月日を選んでその日の予定表を書き込む機能を備えています。</FONT>';
 } else  if (index==1){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">minomusi.cool.ne.jpの中に有るHTML形式、CGIファイル、及びGIFとJPEG画像のファイルサイズと最終更新日を表示します。</FONT>';
 } else  if (index==2){
        var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">minomusi.cool.ne.jpのHTML形式の全てのファイルの中からキーワード検索を行ないます。</FONT>';
}else  if (index==3){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">インターネット上で小物等を販売することを想定したデモンストレーションプログラムです。</FONT>';
} else  if (index==4){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">項目別や、発言者別検索、文字検索等、様々な検索機能を備えた優れものの掲示板です。</FONT>';
} else  if (index==5){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">読者の側が自分で、好きなサイトを紹介するためのリンクが張れるリンク自動作成システムです。</FONT>';
} else  if (index==6){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">リロードするたびにバックの色が変化します。<BR>月が変わると自動的にその月のカレンダーに切り替わり、バックの柄も変わります。</FONT>';
} else  if (index==7){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">不思議の国のアリスの序文「黄金の午後」の詩がスクロールされていきます。<BR>５種類のアリス・リデルの写真が、リロードする度にランダムに表示されます。</FONT>';
} else  if (index==8){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">GIF画像の蛇が軽快な音楽にあわせてリズムを取ります。<BR>New Year 3Dのボタンをクリックすると３D画像のおもちゃのへびがディスプレイの左から右へ向かって動きはじめます。</FONT>';
} else  if (index==9){
         var content = '<FONT CLASS="message" face="MSゴシック,平成ゴシック" SIZE="1">音楽と共に、夫婦岩から太陽が登り、やがて馬のおもちゃが現れます。馬をクリックすると１回転して走り始めます</FONT>';
} 
 captionLyr = eval(doc + '["captionLayer"]' + sty);
 if(is.ns4){
     messageLyr = eval(doc +'.layers["captionLayer"]' + '.layers["messageLayer"]'+ sty);
  }else{
     messageLyr = eval(doc + '["messageLayer"]'+ sty);
}
 if(is.ns4){
var LyrHTML = eval(doc +'.layers["captionLayer"]' + '.layers["messageLayer"]' + htm);
  }else{
var LyrHTML = eval(doc + '["messageLayer"]' + htm);
}
if(is.ns4) {
       LyrHTML.write(content);LyrHTML.close();
     } else {
       LyrHTML.innerHTML = content;
    }

     captionLyr.left = 125;
     Lyr_height=320-(index*12);
     captionLyr.top = available_height-Lyr_height;
     captionLyr.visibility = "visible";
     messageLyr.visibility = "visible";
}

function arrayValues(msg,delay){
    this.message = msg;
    this.delay = delay;
}

function commentSetup(){
     msgArray = new Array()
     msgArray[0] = new arrayValues("ＣＧＩや、ＪＡＶＡＳＣＲＩＰＴは、",1000);
     msgArray[1] = new arrayValues("ＨＴＭＬで表現出来ない操作を",1000);
     msgArray[2] = new arrayValues("ホームページにもたせるためのスクリプトです。", 1500); 
     msgArray[3] = new arrayValues("インターネット蓑虫工房では、",1000);
     msgArray[4] = new arrayValues("そんな先進的なホームページの",1000);
     msgArray[5] = new arrayValues("御紹介をしています。", 1500);  
     msgArray[6] = new arrayValues("御質問等ありましたら、",1000);
     msgArray[7] = new arrayValues("どうぞ、Ｅメールにてお知らせ下さい。", 1000);  

     setTimeout("scrollingText()",1000);
 }

var message_index = 0;
var character = 1;
var character_speed = 50;

function scrollingText() {
     var scrollHTML = eval(doc + '["scrollLayer"]' + htm);

     if(message_index <= msgArray.length-1) {
          if(character <= msgArray[message_index].message.length) {
               var msg = '<FONT CLASS="comment" COLOR="#c27683" face="MS明朝,平成明朝">' + msgArray[message_index].message.substring(0, character) + '</FONT>';
             if(is.ns6) {
                    scrollHTML.write(msg);
                    scrollHTML.close();
               } else if(is.ns4) {
                    scrollHTML.write(msg);
                    scrollHTML.close();
               } else {
                    scrollHTML.innerHTML = msg;
               }
               setTimeout("scrollingText()",character_speed);
               character++;
          } else {
               character = 1;
               setTimeout("scrollingText()",msgArray[message_index].delay);
               message_index++;
          }
     }
}

function mouseclick(){
     mailHTML = eval(doc+'["mailLayer"]' + '.document');
     mailHTML.mail.src = eval("email2.src");
}

function OpenWin(){
   win1=window.open('./internet.html','newwindow','');   
 }