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, basecgi) {
if(basecgi == undefined) { basecgi = "/cgi-bin/"; }
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("<div>");
//document.write("<div class=\"topbanner\">");
//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("<table border=0 cellpadding=0 cellspacing=0 style=\"position:absolute;left:0;top:0;width:100%;height:50;background-color:#00AADD\">");
document.write("<tr><td><I><a href=\""+base+"\">");
document.write("<img height=50 style=\"position:absolute;left:0;top:0\" class=noborder src=\""+base+"IMAGES/titletopl03.JPG\">");
document.write("<img height=50 style=\"position:absolute;top:0;left:0;bottom:50;z-index:10\" class=noborder src=\""+base+"IMAGES/titlestr.gif\"></a>");
document.write("<b style=\"position:absolute;left:120px;top:1px;font-size:12px\"><a href=\"http://mikura.info/\">http://mikura.info/</a>");
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("</div> <!-- class=topbanner -->");
document.write("<p style=\"clear:both\">");

document.write("<table border=0 cellpadding=0 cellspacing=0 style=\"position:absolute;left:20px;top:50px\">");
document.write("<tr>");
document.write("<td>");
document.write("<table border=0 cellpadding=0 cellspacing=0>");
document.write("<tr><td>");
document.write("<I><a href=\""+base+"\" 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://mikura.info/blog/\" 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=\""+basecgi+"getPage.cgi/author.html\" 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+"mail2kura.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=\""+basecgi+"getPage.cgi/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>");

document.write("<div style=\"position:absolute;left:10px;top:90px\">");
//document.write("<table border=1><tr><td>");
//writeEnqueteForm(pageid);
//document.write("</td></tr><tr><td>");
//writeOffKaiForm(pageid);
//document.write("<b>アンケートは2006/7/31をもちまして終了しました。ご協力ありがとうございましたm(__)m</b>");
//document.write("</td></tr></table>");
}


function end_page() {
   document.write("<div class=bdr3><font size=small>Copyright(c) くらりっぱ 2001-2010, ALL RIGHTS RESERVED. サイト内のページや写真などの無断転載禁止</font></div>");
   document.write("</div></body></html>");
}

function writeSearchForm() {
  document.write("<td valign=bottom style=\"width:250\"><a href=\"$baseurl_cgi/getPage.pl/search.html\"><B>イルカ写真検索</B></a><br>");
  document.write("<FORM METHOD=POST ACTION=\"$baseurl_cgi/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>");
}

function writeEnqueteForm(pageid) {
// if(pageid != 7) {
//   document.write("<form method=POST action=\"http://mikura.info/cgi-bin/enqe.cgi\">\n");
//   document.write("<input type=\"hidden\" name=\"source\" value=\"20061114\">\n");
//   document.write("<input type=\"submit\" name=\"a\" value=\"11/23写真展で会いましょう\">\n");
//   document.write('←11/23に銀座の富士フォトサロンに来ていただける方、連絡お待ちしております！');
//   document.write("\n</form>");
// }
}

function writeOffKaiForm(pageid) {
 if(pageid != 7) {
   document.write("<form method=POST action=\"http://mikura.info/cgi-bin/enqe.cgi\">\n");
   document.write("<input type=\"hidden\" name=\"source\" value=\"20061205\">\n");
   document.write("<input type=\"submit\" name=\"a\" value=\"オフ会の参加・不参加を連絡する\">\n");
   document.write('←オフ会やります！12/20 19:00〜都内にて　参加希望の方は連絡ください');
   document.write("\n</form>");
 }
}

