var navinmbr  = 5;
var navitable = new Array(
"HTML StyleSheet_SP1__SP_基準ページ_SP1_../../easyhp/hppage/hp_standard30.html_SP_タグ早見表_SP1_../../easyhp/hppage/hp_tag30.html_SP_タイトル作成_SP1_../../easyhp/hppage/hp_title30.html_SP_文字色背景色_SP1_../../easyhp/hppage/hp_color30.html_SP_画像特殊処理_SP1_../../easyhp/hppage/hp_image30.html_SP_ルビ縦書音声_SP1_../../easyhp/hppage/hp_extra30.html_SP_参照リンク集_SP1_../../easyhp/hppage/hp_reference30.html",
"Easy JavaScript_SP1__SP_画面の変化_SP1_../../easyjs/jspage/js_page30.html_SP_各種のリンク_SP1_../../easyjs/jspage/js_linkHTML30.html_SP_データ一括記述_SP1_../../easyjs/jspage/js_data30.html_SP_入力フォーム_SP1_../../easyjs/jspage/js_formSJIS30.html_SP_マウス・キー・スクロール_SP1_../../easyjs/jspage/js_posHTML30.html_SP_画像・文字列_SP1_../../easyjs/jspage/js_display30.html_SP_動く画像_SP1_../../easyjs/jspage/js_imgmove30.html_SP_動く文字列_SP1_../../easyjs/jspage/js_strmove30.html_SP_年月日・時刻_SP1_../../easyjs/jspage/js_time30.html_SP_計算・数値_SP1_../../easyjs/jspage/js_figure30.html_SP_三角関数・円_SP1_../../easyjs/jspage/js_triangle30.html",
"CGI ルーチン_SP1__SP_サーバーテスト_SP1_../../basiccgi30/cntrl/cg_0130.html_SP_入出力操作_SP1_../../basiccgi30/cntrl/cg_0230.html_SP_レコード操作_SP1_../../basiccgi30/cntrl/cg_0330.html_SP_文字列操作_SP1_../../basiccgi30/cntrl/cg_0530.html_SP_日本語変換_SP1_../../basiccgi30/cntrl/cg_0130encode.html",
"Easy Group CGI_SP1__SP_趣旨説明_SP1_../../easygroup30/cntrl/cg_40shushi30.html_SP_総合管理表_SP1_../../easygroup30/cntrl/cg_40kanri.html_SP_基準表示_SP1_../../easygroup30/cntrl/cg_1030.html_SP_日付順表示_SP1_../../easygroup30/cntrl/cg_4430.html_SP_スレッド表示_SP1_../../easygroup30/cntrl/cg_1130.html_SP_Google 地図_SP1_../../easygroup30/cntrl/cg_1330.html_SP_カウンター_SP1_../../easygroup30/cntrl/cg_1230.html",
"その他 CGI_SP1__SP_インスタント・E・テスト（教育用）、商品注文、チャット、など（旧版：HTML、Shift_JIS）_SP1_../../easycgi/index2.html",
"");
var page1;
var pankuzu;
var pankuzu1  = 0;
var navicode1 = "--";
var fileurl3;  
function subnavi(i0){
	  var left1 = 0;
	  if(i0 != 1){left1 = 1;}
	  document.getElementById("subnavi").innerHTML = "";
/**/  document.getElementById("subnavileft").innerHTML = "";
      var navitarget = navitable[i0].split("_SP_");
      var subnmbr    = navitarget.length;
      for(i=0;i<navinmbr;i++){
           var naviid = "navi"+i;
           if(navicode1.substr(0,1) == i && navicode1.substr(1,2) == "00"){document.getElementById(naviid).style.backgroundColor = "aa77aa";}
           else if(i == i0){document.getElementById(naviid).style.backgroundColor = "#ffccff";}
           else{document.getElementById(naviid).style.backgroundColor = "#ccffcc";}
 /*
           if(i == page1){continue;}
           else if(i != page1 && i == i0){document.getElementById(naviid).style.backgroundColor = "ffccff";}
           else{document.getElementById(naviid).style.backgroundColor = "ccffcc";}
 */
      }
      var str = "";
      var strleft = "";
      if(left1==1){str = "<table id='subnavi' class='navi'><tr>";}
/**/  else{strleft = "<table id='subnavileft' class='navi'>";}
      for(j=1;j<subnmbr;j++){
          var navifld = navitarget[j].split("_SP1_");
          var color = "#ccffcc";
 
          if(j==navicode1.substr(1,2)){
              color = "#aa55aa";
              if(pankuzu1 == 1){
                  pankuzu = pankuzu + "　>>　"+navifld[0];
                  document.getElementById("pankuzu").innerHTML = pankuzu + "（"+navicode1+"）";
                  pankuzu1 = 0;
              }
          }
          if(left1==1){str = str + "<td id='sub"+j+"'><a href='"+navifld[1]+"'>"+navifld[0]+"</a></td>";}
/**/      else{strleft = strleft + "<tr><td id='subleft"+j+"'><a href='"+navifld[1]+"'>"+navifld[0]+"</a></td></tr>";}
      }
      if(left1==1){str = str + "</tr></table>";}
/**/  else{strleft = strleft + "</table>";}
      if(left1==1){document.getElementById("subnavi").innerHTML = str;}
/**/  else{ var strleft1 = "&nbsp;　　&nbsp;<a href= 'javascript:eraseleft();'>左目次を消去</a>　<a href= 'javascript:subnavi("+i0+");'>左目次を表示</a>";
            document.getElementById("subnavi").innerHTML = strleft1;
            document.getElementById("subnavileft").innerHTML = strleft;
      }
      for(j=1;j<subnmbr;j++){
         var subid ="";
         var subleftid ="";
         if(left1==1){subid = "sub"+j;}
/**/     else{subleftid = "subleft"+j;}
         var color = "#99ff99";
         if(i0==navicode1.substr(0,1) && j==navicode1.substr(1,2)){
             color = "#aa44aa";
         }
         if(left1==1){document.getElementById(subid).style.backgroundColor = color;}
/**/     else{document.getElementById(subleftid).style.backgroundColor = color;}
    }
}
function eraseleft(){
    document.getElementById("subnavileft").innerHTML = "";
}
function setListners(){
     var fileurl1 = document.URL;
     var fileurl2 = "";
     var str ="";
     for(i=0;i<navinmbr;i++){
          var navitarget = navitable[i].split("_SP_");
          var subnmbr    = navitarget.length;
          for(j=0;j<subnmbr;j++){
              var navifld = navitarget[j].split("_SP1_");
              if(navifld[1] == ""){continue;}
              fileurl2 = navifld[1].split("\/");
              fileurl3 = fileurl2.pop();
              if(fileurl1.indexOf(fileurl3)>=0){
                  if(j<10){j="0"+j;}
                  navicode1 = i+j+"";
                  break;
              }
          }
          if(navicode1 != "--"){break;}
     }
     str = str + "<h2>FUJI21・やさしく・CGI （&amp; JavaScript、新版：XHTML, UTF-8）<a href='#skipnavi'><img src='tansp.gif' width='3' alt='本文へジャンプ'></a>　　　　　　　<a href='../../basiccgi30/cntrl/cg_0630.html' class='bluebox'>SiteMap・検索</a></h2>";
     str = str+ "<table id='navi' class='navi'><tr>";
     for(i=0;i<navinmbr;i++){
         var navitarget = navitable[i].split("_SP_");
         var navifld    = navitarget[0].split("_SP1_");
         if(navifld[1] ==""){var navifld0 = navifld[0];}
         else{var navifld0 = "<a href='"+navifld[1]+"'>"+navifld[0]+"</a>";}
         str = str + "<td id='navi"+i+"' onmouseover='javascript:subnavi("+i+")'>"+navifld0+"</td>";
         if(i==navicode1.substr(0,1)){
             pankuzu  = "<a href='../../easyhp/hppage/hp_standard30.html'>home</a>　>>　"+ navifld0;
             pankuzu1 = 1;
         }
     }
     str = str+"</tr></table>";
     document.getElementById('navi').innerHTML = str;
     var i0 = navicode1.substr(0,1);
     subnavi(i0);
   /*
     for(i=0;i<navinmbr;i++){
         var naviid = "navi"+i;
         if(i==navicode1.substr(0,1)){
             page1 = i;
             if(navicode1.substr(1,2) == "00"){
                 document.getElementById(naviid).style.backgroundColor = "996699";
             }
             else{
                 document.getElementById(naviid).style.backgroundColor = "cc99cc";
             }
             subnavi(i);
         }
     }
  */
}