var idid;
var bbase;

function writeBanner(pageid, base, basecgi) {
//base = "http://mikura.info/";
if(base == "./") { base = "http://mikura.info/"; }
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("<table border=0 cellpadding=0 cellspacing=0 style=\"left:0;top:0;width:100%;height:50;background-color:#00AADD\">");
document.write("<tr><td><I><a href=\""+base+"\">");
document.write("<img style=\"top:0;left:0;bottom:50;z-index:10\" class=noborder  src=\""+base+"IMAGES/skin_before_header.JPG\"></a>");
document.write("</td>");
document.write("</tr></table>");

document.write("<div style=\"position:absolute;top:50px;left:3px;\">");
document.write("<table border=0 cellpadding=0 cellspacing=0 style=\"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>");
document.write("</div>");
document.write("</div>");

//document.write("<div style=\"position:absolute;left:0px;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>");

   write_offKaiLink(pageid);
}


function end_page() {
   write_hiddenForm();

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

function copy_right() {
   write_hiddenForm();

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

function write_offKaiLink(pageid) {
//  if(pageid != 2) {
//    document.write("<div style=\"position:absolute;left:380px;top:20px\">");
//    document.write("<table border=1><tr><td bgcolor=\"pink\" text=\"yellow\">");
//    document.write("<a href=\"javascript:go();\"><b>★☆2009忘年会参加者募集☆★</b></a>");
//    document.write("</td></tr></table></div>");
//  }
}

function write_hiddenForm() {
   document.write("<div style=\"visibility:hidden\">");
  document.write("<form id=\"form1\" method=POST action=\"http://mikura.info/cgi-bin/enqe.cgi\">");
   document.write("<input type=\"hidden\" name=\"source\" value=\"20100616\">");
  document.write("<input type=\"submit\" name=\"a\" value=\"2010年5月のスライドショー\">");
   document.write("</form>");
   document.write("</div>");
}

function write_Form() {
}

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 == 0) {
//  document.write("<form id=\"form1\" method=POST action=\"http://mikura.info/cgi-bin/enqe.cgi\">\n");
//   document.write("<input type=\"hidden\" name=\"source\" value=\"20091123\">\n");
//  document.write("<input type=\"submit\" name=\"a\" value=\"忘年会の参加・不参加を連絡する\">\n");
//   document.write('←忘年会やります！12/18（金）19時頃〜都内にて　参加希望の方は連絡ください');
//   document.write("\n</form>");
// }
}

function writeBlogTitle(blogtitle) {
   document.write('<div  id="header-name" style="position:absolute; top:90px; left:80px; color:blue; z-index: 100">');
   document.write(blogtitle);
   document.write('</div>');
}

function writeBlogTitle2(blogtitle) {
   document.write('<div id="pagetitle">');
   document.write(blogtitle);
   document.write('</div>');
}

function writePageTitle(pageid, home,up_date,whatsnewest) {
   if(pageid == 0) {
      document.write('<div style="position:absolute; top:85px; left:0px;" id="pagetitle">');
   } else {
      document.write('<div style="position:absolute; top:85px; left:40px;" id="pagetitle">');
   }
if(pageid == 0) {
   document.write('<div style="top:0">');
   document.write('<img src="http://hpcounter2.nifty.com/cgi-bin/counter.cgi?u=KXD05420&p=5&c=6" width=80 height=16 alt="アクセス">');
   document.write('<font color=red>');
   document.write(up_date);
   document.write('更新</font>');
   document.write('<b>[');
   document.write(whatsnewest);
   document.write(']</b><br>');
   document.write('<b><a href="http://mikura.info/blog/">イルカ写真を毎日掲載中！着岸予想も</a></b>');
   document.write('</div>');
   document.write("\n");
}
if(pageid == 1) {
   document.write("<span id=\"title\">写真集 <span style=\"font-size:12px;color:red\">2010.6.16.</span> <a href=\"/slideshow.html\">2010年5月のスライドショー</a>アップ</span>");
   document.write("　<span style=\"font-size:12px\"><a href=\"/photocon.html\">★くらりっぱのコンテスト入選作品★</a></span><span style=\"font-size:12px;color:red\">2010.1.21</span>\n");
   document.write("<br><b>ご注意：著作権は撮影者に帰属します。無断転載・使用を禁止します。</b>\n");
   document.write("<b><span style=\"font-size:12px;color:red\"><a href=\""+home+"mail2kura.html\">[ご利用ご希望の方]</a></span></b>\n");
   document.write("<p style=\"clear:both\">\n");
}
if(pageid == 4) {
   document.write('<div id="title">リンク集</div> <font color="red">2010.6.10. 更新</font>');
   document.write('　<B>このサイトはリンクフリーです。御蔵島に関するサイト、イルカサイトからのリンク大歓迎(^o^)/</B>');
   document.write('<br style="clear:both" />');
}
document.write('</div>\n');
}

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;
     } else {
//        document.images["ue"+id].src= base+"IMAGES/newmenu_ue.gif";
     }
   }
}

function write_tsidebar(year, month, comment) {
var tsidebar_string1 = "\
<div id=\"tnavi\">TOP &gt;&gt; 写真集 &gt;&gt; "+year+"年"+month+"月"+comment+"の御蔵島旅行日記</div>\
\
";
var tsidebar_string2 = "\
<!-- 旅行日記へのリンク集 -->\
<div id=\"tsidebar\">\
<div id=\"tsidetitle\">御蔵島旅行日記</div>\
<ul id=\"tmenu\">\
<li><a href=\"/2011_06/\">2011年6月<span class=\"tupdate\">[NEW!]</span></li>\
<li><a href=\"/2011_05/\">2011年5月</li>\
<li><a href=\"/2011_04/\">2011年4月</a></li>\
<li><a href=\"/2011_01_2/\">2011年1月(2)</li>\
<li><a href=\"/2011_01/\">2011年1月</li>\
<li><a href=\"/2010_08/\">2010年8月</li>\
<li><a href=\"/2010_07/\">2010年7月</li>\
<li><a href=\"/2010_05/\">2010年5月</li>\
<li><a href=\"/2010_04/\">2010年4月</a></li>\
<li><a href=\"/2009_10_2/\">2009年10月(2)</a></li>\
<li><a href=\"/2009_10/\">2009年10月</a></li>\
<li><a href=\"/2009_05/\">2009年5月</a></li>\
<li><a href=\"/2009_04/\">2009年4月</a></li>\
<li>----------</li>\
<li><a href=\"/2008_09/\">2008年9月</a></li>\
<li><a href=\"/2008_06/\">2008年6月</a></li>\
<li><a href=\"/2008_05/\">2008年5月</a></li>\
<li><a href=\"/2008_04/\">2008年4月</a></li>\
<li>----------</li>\
<li><a href=\"/2007_08/\">2007年8月</a></li>\
<li><a href=\"/2007_04/\">2007年4月</a></li>\
<li>----------</li>\
<li><a href=\"/2006_08/\">2006年8月</a></li>\
<li><a href=\"/2006_06/\">2006年6月</a></li>\
<li><a href=\"/2006_05/\">2006年5月</a></li>\
<li><a href=\"/2006_04/\">2006年4月</a></li>\
<li>----------</li>\
<li><a href=\"/2005_08_2/\">2005年8月(2)</a></li>\
<li><a href=\"/2005_08/\">2005年8月</a></li>\
<li><a href=\"/2005_07/\">2005年7月</a></li>\
<li><a href=\"/2005_05/\">2005年5月</a></li>\
<li><a href=\"/2005_04_2/\">2005年4月(2)</a></li>\
<li><a href=\"/2005_04_1/\">2005年4月</a></li>\
<li>----------</li>\
<li><a href=\"/2004_09/\">2004年9月</a></li>\
<li><a href=\"/2004_06_1/\">2004年6月</a></li>\
<li><a href=\"/2004_05_1/\">2004年5月</a></li>\
<li><a href=\"/2004_04/\">2004年4月</a></li>\
<li>----------</li>";
var tsidebar_string3 = "\
<li><a href=\"/2003_10/\">2003年10月</a></li>\
<li><a href=\"/2003_09/\">2003年9月</a></li>\
<li><a href=\"/2003_08/\">2003年8月</a></li>\
<li><a href=\"/2003_05_2/\">2003年5月(2)</a></li>\
<li><a href=\"/2003_05/\">2003年5月</a></li>\
<li>----------</li>\
<li><a href=\"/2002_06/\">2002年6月</a></li>\
<li>----------</li>\
<li><a href=\"/2001_10/ryoindex.html\">2001年10月</a></li>\
<li><a href=\"/2001_09/ryoko.html\">2001年09月</a></li>\
<li>----------</li>\
<li><a href=\"/1999_10/ryoindex.html\">1999年10月</a></li>\
</ul>\
</div> <!-- tsidebar -->";

if(year == "") { } else {
   document.writeln(tsidebar_string1);
}
document.writeln(tsidebar_string2);
document.writeln(tsidebar_string3);
}

function writeTopBannerAndMenu() {
var pageurl = location.href;
var str_topandmenu = "\
<!-- ページの最初 -->\
<div id=\"top_banner\">\
<i><a href=\"http://mikura.info/\">\
<img src=\"/IMAGES/2010top1.PNG\" alt=\"http://mikura.info/\" width=\"320\" height=\"51\" />\
</a></i>\
</div>\
\
<div id=\"global_menu\">\
<a href=\"/phototop.html\">[写真集]</a>\
<a href=\"http://bit.ly/kshop\" target=\"other_win\" onClick=\"recordOutboundLink(this, '"+ pageurl + "', 'kshop');return false;\">[イルカのいえ]<small><font color=\"red\">[NEW!]</font></small></a>\
<a href=\"/blog/\">[ブログ]</a>\
<a href=\"/cgi-bin/page_author.cgi\">[作者紹介]</a>\
<a href=\"/link.html\">[リンク集]</a>\
<a href=\"/mail2kura.html\">[ご意見ご要望]</a>\
</div>";

document.writeln(str_topandmenu);
}