var idid;
var bbase;
function showimg(base, id, file, boolin) {
  document.images["menu"+id].src= base+"IMAGES/"+file;
  if((id >= 1) && (id <= 7)) {
     if(boolin == 1) {
          idid = id;
          bbase = base;
          showanim();
     } else {
        document.images["ue"+id].src= base+"IMAGES/newmenu_ue.gif";
     }
   }
}

function showanim() {
        showanimimage(0);
        setTimeout("showanimimage(2)",100);
        setTimeout("showanimimage(4)",200);
        setTimeout("showanimimage(6)",300);
        setTimeout("showanimimage(8)",400);
}

function showanimimage(num) {
   if(num == 08) {
        document.images["ue"+idid].src= bbase+"IMAGES/newmenu_ue.gif";
   } else {
        document.images["ue"+idid].src= bbase+'IMAGES/ani0'+num+'.gif';
   }
}
//document.write("<script type=\"text/javascript\" src=\"style.js\"></script>");
//document.write("<!-- toppage only-->");
//document.write("<script src=\"topphoto.js\" type=\"text/javascript\">");
//document.write("</script>");
//document.write("<!-- toppage only -->");
//document.write("</head>");
//document.write("<BODY>");
function writeBanner(pageid, base) {
var defaultcolor = "lightGray";
var color = new Array(9);
for(i=0; i<9; i++) { color[i] = defaultcolor; if(i == pageid) color[i] = "green"; }
document.write("<table border=0 cellpadding=0 cellspacing=0 style=\"position:absolute;left:0;top:0;width:100%;height:50;background-color:#598AF8\">");
document.write("<tr><td><I><a href=\"http://homepage2.nifty.com/mikurajima/\">");
document.write("<img height=50 style=\"position:absolute;left:0;top:0\" class=noborder src=\""+base+"IMAGES/titletopl02.JPG\">");
document.write("<img height=50 style=\"position:absolute;left:0;top:0\" class=noborder src=\""+base+"IMAGES/titlestr.gif\"></a>");
document.write("<div style=\"position:absolute;left:370;top:0\">ドメイン移行完了→<a href=\"http://mikura.info/\">新しいＵＲＬ</a><br>byくらりっぱ 2005/11/4</div>");
document.write("</td>");
document.write("<td><div height=50>");

if( (pageid == 0) || ( pageid == 2) ) {
document.write("<script type=\"text/javascript\">writePhoto();</script>");
}

document.write("</div></td></tr></table>");
document.write("<p style=\"clear:both\">");

document.write("<div style=\"position:absolute;left:20;top:50\">");
document.write("<table border=0 cellpadding=0 cellspacing=0>");
document.write("<tr>");
document.write("<td>");
document.write("<table border=0 cellpadding=0 cellspacing=0>");
document.write("<tr><td>");
document.write("<I><a href=\"http://homepage2.nifty.com/mikurajima/\" onmouseover=\"showimg('"+base+"', 0,'newtopF.gif',1)\" onmouseout=\"showimg('"+base+"', 0,'newtop.gif',0)\">");
document.write("<img height=20 id=\"menu0\" class=noborder src=\""+base+"IMAGES/newtop.gif\"></a></I>");
document.write("</td>");
document.write("<td>");
// document.write("<I><img class=noborder src=\""+base+"IMAGES/newmenul.gif\"></I>");
document.write("</td><td>");
document.write("<I><a href=\""+base+"photo.html\" onmouseover=\"showimg('"+base+"', 1,'newphotoF.jpg',1)\" onmouseout=\"showimg('"+base+"', 1,'newphoto.jpg',0)\">");
document.write("<img id=\"menu1\" class=\"noborder\" src=\""+base+"IMAGES/newphoto.jpg\"></a></I>");
document.write("</td><td>");
document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");
document.write("</td><td>");
document.write("<I><a href=\"http://homepage2.nifty.com/mikurajima/imgbbs/bbs.html\" onmouseover=\"showimg('"+base+"', 2,'newbbsF.jpg',1)\" onmouseout=\"showimg('"+base+"', 2,'newbbs.jpg',0)\">");
document.write("<img id=\"menu2\" class=\"noborder\" src=\""+base+"IMAGES/newbbs.jpg\"></a></I>");
document.write("</td><td>");
document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");
document.write("</td><td>");
document.write("<I><a href=\""+base+"taiken.html\" onmouseover=\"showimg('"+base+"', 3,'newtaikenF.jpg',1)\" onmouseout=\"showimg('"+base+"', 3,'newtaiken.jpg',0)\">");
document.write("<img id=\"menu3\" class=\"noborder\" src=\""+base+"IMAGES/newtaiken.jpg\"></a></I>");document.write("</td><td>");
document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");document.write("</td><td>");
// document.write("<I><a href=\""+base+"rank.html\" onmouseover=\"showimg('"+base+"', 4,'newrankF.jpg',1)\" onmouseout=\"showimg('"+base+"', 4,'newrank.jpg',0)\">");
// document.write("<img id=\"menu4\" class=\"noborder\" src=\""+base+"IMAGES/newrank.jpg\"></a></I>");
// document.write("</td><td>");
// document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");
// document.write("</td><td>");
document.write("<I><a href=\""+base+"link.html\" onmouseover=\"showimg('"+base+"', 5,'newlinkF.jpg',1)\" onmouseout=\"showimg('"+base+"', 5,'newlink.jpg',0)\">");
document.write("<img id=\"menu5\" class=noborder src=\""+base+"IMAGES/newlink.jpg\"></a></I>");document.write("</td><td>");
document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");document.write("</td><td>");
document.write("<I><a href=\"http://hpcgi2.nifty.com/mikurajima/author.pl\" onmouseover=\"showimg('"+base+"', 6,'newsakushaF.jpg',1)\" onmouseout=\"showimg('"+base+"', 6,'newsakusha.jpg',0)\">");
document.write("<img id=\"menu6\" class=noborder src=\""+base+"IMAGES/newsakusha.jpg\"></a></I>");document.write("</td><td>");
document.write("<img class=noborder src=\""+base+"IMAGES/newmenuc.gif\">");
document.write("</td><td>");
document.write("<I><a href=\""+base+"maildec.html\" onmouseover=\"showimg('"+base+"', 7,'newgoikenF.jpg',1)\" onmouseout=\"showimg('"+base+"', 7,'newgoiken.jpg',0)\">");
document.write("<img id=\"menu7\" class=\"noborder\" src=\""+base+"IMAGES/newgoiken.jpg\"></a></I>");
document.write("</td><td>");
// document.write("<img class=noborder src=\""+base+"IMAGES/newmenur.gif\">");
document.write("</td>");
document.write("<td><I><a href=\"http://hpcgi2.nifty.com/mikurajima/getPage.pl/guide.html\"><img height=20 id=\"menu8\" class=noborder src=\""+base+"IMAGES/newguide.gif\"></a></I></td>");
document.write("</tr>");

document.write("<tr height=8><td id=show0 bgcolor="+color[0]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show1 bgcolor="+color[1]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show2 bgcolor="+color[2]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show3 bgcolor="+color[3]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
// document.write("<td id=show4 bgcolor="+color[4]+"></td>");
// document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show5 bgcolor="+color[5]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show6 bgcolor="+color[6]+"></td>");
document.write("<td bgcolor="+defaultcolor+"></td>");
document.write("<td id=show7 bgcolor="+color[7]+"></td>");
document.write("<td></td>");document.write("<td id=show8 bgcolor="+color[8]+"></td>");
document.write("</tr>");
document.write("<tr>");
document.write("<td></td><td><I><img class=noborder src=\""+base+"IMAGES/newmenu_l_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue1\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue2\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue3\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
// document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
// document.write("<td><I><img id=\"ue4\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue5\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue6\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("<td><I><img id=\"ue7\" class=noborder src=\""+base+"IMAGES/newmenu_ue.gif\"></I></td>");
document.write("<td><I><img class=noborder src=\""+base+"IMAGES/newmenu_c_ue.gif\"></I></td>");
document.write("</tr>");
document.write("</table>");
document.write("</td>");

//writeSearchForm();

document.write("</tr>");
document.write("</table><br>");
document.write("</div><div style=\"position:absolute;left:10;top:90\">");
}


function end_page() {
   document.write("<div class=bdr3><font size=small>Copyright(c) くらりっぱ 2001-2005, ALL RIGHTS RESERVED. サイト内のページや写真などの無断転載禁止</font></div>");
   document.write("</div></body></html>");
}

function writeSearchForm() {
  document.write("<td valign=bottom style=\"width:250\"><a href=\"http://hpcgi2.nifty.com/mikurajima/getPage.pl/search.html\"><B>イルカ写真検索</B></a><br>");
  document.write("<FORM METHOD=POST ACTION=\"http://hpcgi2.nifty.com/mikurajima/search.cgi\">");
  document.write('<!-- 撮影者:<INPUT TYPE=TEXT NAME=PERSON SIZE=12 value=\"くらりっぱ\">の -->');
  document.write('<INPUT TYPE=INPUT SIZE=4 NAME=YEAR value=\"2005\">年の写真を');
  document.write('<INPUT TYPE=SUBMIT VALUE="検索">');
  document.write("</FORM>");
  document.write("</td>");
}
