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",
"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_http://fuji21.com/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(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 = "<ul id='subnavi' class='navi'>";}
/**/  else{strleft = "<ul id='subnavileft' style='list-style-image:url(../../f21img/i10_1-1.gif);' class='navi'>";}
      for(j=1;j<subnmbr;j++){
          var navifld = navitarget[j].split("_SP1_");
          var color = "#ccffcc";
          if(j==eval(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 + "<li id='sub"+j+"'><a href='"+navifld[1]+"'>"+navifld[0]+"</a></li>";}
/**/      else{strleft = strleft + "<li id='subleft"+j+"'><a href='"+navifld[1]+"'>"+navifld[0]+"</a></li>";}
      }
      if(left1==1){str = str + "</ul>";}
/**/  else{strleft = strleft + "</ul>";}
      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==eval(navicode1.substr(0,1)) && j==eval(navicode1.substr(1,2))){
             color = "#aa55aa";
         }
         if(left1==1){document.getElementById(subid).style.backgroundColor = color;}
/**/     else{document.getElementById(subleftid).style.backgroundColor = color;}
    }
}
function eraseleft(){
    document.getElementById("subnavileft").innerHTML = "";
}
function setListners(e){
/* function setnavi(){ */	
     var fileurl1 = document.URL;
     var fileurl2 = fileurl1.split("\/");
/*   var fileurl2 = fileurl1.split("\/");*/
     fileurl3 = fileurl2.pop();
     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].indexOf(fileurl3)>=0){
                  if(j<10){j="0"+j;}
                  navicode1 = ""+i+j;
                  break;
              }
          }
     }
     var str = "<h2>FUJI21・やさしく・CGI （&amp; JavaScript、新版：XHTML, UTF-8）　　　　　　　　<a href='#skipnavi' style='font-size:50%;'>&nbsp;&nbsp;</a><a href='../../basiccgi30/cntrl/cg_0630.html' class='bluebox'>SiteMap・検索</a></h2>";
     str = str+ "<ul id='navi' class='navi'>";
     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 + "<li id='navi"+i+"' onmouseover='javascript:subnavi("+i+")'>"+navifld0+"</li>";

/*       if(navifld[1] != ""){
             str = str + "<li id='navi"+i+"' onmouseover='javascript:subnavi("+i+")'><a href='"+navifld[1]+"'>"+navifld[0]+"</a></li>";
         }
         else{
             str = str + "<li id='navi"+i+"' onmouseover='javascript:subnavi("+i+")'>"+navifld[0]+"</li>";
         }
*/
         if(i==eval(navicode1.substr(0,1))){
             pankuzu  = "<a href='../../easyhp/hppage/hp_standard30.html'>home</a>　>>　"+ navifld0;
             pankuzu1 = 1;
         }
     }
     str = str+"</ul>";
     document.getElementById('navi').innerHTML = str;
     for(i=0;i<navinmbr;i++){
         var naviid = "navi"+i;
         if(i==eval(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);
         }
/*       else{
             document.getElementById(naviid).style.backgroundColor = "ccffcc";
         }
*/
     }
}
/*:
window.attachEvent("onload",setListners);*/
/* window.onload = setnavi();*/