var filename  = "";
var navinmbr  = 8;
var navitable = new Array(
"ご依頼いただくには_SP1_wk_r-matterNV.html_SP1_../wkhp2/images/bar1.gif",
"作成から公開まで_SP1_wk_r-orderNV.html_SP1_../wkhp2/images/bar2.gif",
"ホームページ作成基準_SP1_wk_r-policyNV.html_SP1_../wkhp2/images/bar3.gif",
"トップページ_SP1_wk_r-indexNV.html_SP1_../wkhp2/images/bar4.gif_SP_サーバーの共同利用_SP1_wk_r-serverNV.html_SP_即時更新ツールの提供_SP1_http://fuji21.com/easygroup30/cntrl/cg_40shushi30.html_SP_Google地図の設置_SP1_wk_r-googlemapNV.html_SP_各種カウンターの設置_SP1_wk_r-counterNV.html_SP_アンケート・メールフォーム作成_SP1_http://fuji21.com/easygroup30/cntrl/cg_1030.html_SP_検索機能の設置_SP1_http://fuji21.com/easygroup30/cntrl/cg_40shushi30.htm_SP_掲示板の設置_SP1_wk_r-kjbanNV.html_SP_検索機能の設置_SP1_http://fuji21.com/easygroup30/cntrl/cg_40shushi30.html_SP_ユーザビリティ・アクセシビリティへの配慮_SP1_wk_r-usabilityNV.html",
"作成実績_SP1_wk_r-worksNV.html_SP1_../wkhp2/images/bar5.gif_SP_その他の活動のご紹介_SP1_wk_r-expnewNV.html",
"「Webかわさき」とは_SP1_wk_r-introNV.html_SP1_../wkhp2/images/bar6.gif_SP_川崎市のテレトピア計画_SP1_http://www.city.kawasaki.jp/16/16gyozyo/home/johoplan/1/1-3.htm_SP_財団法人かわさき市民活動センター_SP1_http://kawasaki-shiminkatsudo.or.jp/_SP_Webかわさき会則_SP1_wk_r-kaisokuNV.html",
"お役立ちリンク集_SP1_wk_r-helpsNV.html_SP1_../wkhp2/images/bar7.gif",
"お問い合わせ_SP1_wk_r-indexNV.html#inquiry_SP1_../wkhp2/images/bar8.gif",
"");
/* 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 navifld  = navitarget[0].split("_SP1_");
      var img2 = navifld[2].substr(10,1);
      var img3 = img2+"_2";
      var navifld3  = navifld[2].replace(img2,img3);
      var naviimg   = "naviimg"+i0;
      var subnmbr    = navitarget.length;
      for(i=0;i<navinmbr;i++){
           var naviid    = "navi"+i;
           var naviimg   = "naviimg"+i;
           if(i == navicode1.substr(0,1) && navicode1.substr(1,2) == "00"){
/*               document.getElementById(naviimg).src = navifld3 */ ; 
/*               document.getElementById(naviid).style.backgroundColor = "#996699";*/
           }
           else if(i == i0){
/*               document.getElementById(naviid).style.backgroundColor = "#ffccff";*/
                 document.getElementById(naviimg).src = navifld3;
           }
           else{ 
/*               document.getElementById(naviid).style.backgroundColor = "#ccffcc"*/;
                 var navitarget1 = navitable[i].split("_SP_");
                 var navifld1    = navitarget1[0].split("_SP1_");
                 document.getElementById(naviimg).src = navifld1[2];
           }
      }
      var str = "";
      var strleft = "";
      if(left1==1){str = "<ul id='subnavi' class='navi'>";}
/**/  else{strleft = "<ul id='subnavileft' style='list-style-image:url(../wkhp2/images/i10_1-1.gif);position:relative;top:40px;' 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 + "<hr />";
                  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+"' style='width:100px;margin-bottom:3px;border:1px solid blue;padding:2px;'><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==navicode1.substr(0,1) && j==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 = "";
}
var navifldj ="";
var fileurl2 = "";
var fileurl3 = "";
function setListners(e){
     var fileurl1 = filename;
     if(filename == ""){fileurl1 = document.URL;}
     var fileurl2 = "";
     var str ="";
     for(i=0;i<navinmbr;i++){
          var navitarget = new Array();
          navitarget[0] = navitable[i];
          var subnmbr     = 1;
          if(navitable[i].indexOf("_SP_")>=0){
              navitarget = navitable[i].split("_SP_");
              subnmbr    = navitarget.length;
          }
          for(j=0;j<subnmbr;j++){
              var navifldj = navitarget[j].split("_SP1_");
              if(navifldj[1] == "" || navifldj[1].indexOf("http")>=0){continue;}
              fileurl3 = navifldj[1];
/*document.write("AAA"+fileurl1+i+j+fileurl3+navicode1+navitarget[0]+"<br />");*/
              if(fileurl3.indexOf("\/")>=0){
                  fileurl2 = navifldj[1].split("\/");
                  fileurl3 = fileurl2.pop();
              }
/*document.write("BBB"+fileurl1+i+j+fileurl3+navicode1+navitarget[0]+"<br />");*/
              if(fileurl1.indexOf(fileurl3) >= 0){
                  if(j<10){j="0"+j;}
                  navicode1 = ""+i+j;
                  break;
              }
/*document.write("CCC"+fileurl1+i+j+fileurl3+navicode1+navitarget[0]+"<br />");*/
          }
          if(navicode1 != "---"){break;}
          
     }
     

  /*   skipnavi には透明画像（alt='本文へジャンプ'）のほか、テキスト（小文字、または、背景と同色）もあり　*/ 
     str = str + "<table style='width:100%;'><tr><td style='width:45%;'><span style='font-size:95%;font-weight:bold;color:#333333;'>ホームページ作成ボランティアグループ</span></td><td style='width:20%;'><a href='wk_r-sitemapNV.html' class='bluebox'>SiteMap・検索</a></td><td style='width:35%;'><a href='#skipnavi'><img src='tansp.gif' width='5' alt='本文へジャンプ'></a><span style='font-weight:bold;color:#333333;font-size:95%;'>川崎市内の厳選・便利サイト</span></td></tr>";
     str = str + "<tr><td colspan='2'><h1><img src='../wkhp2/images/wktitle-new.gif' alt='ホームページ作成ボランティアグループ　ウェブかわさき' width='378' height='51'></h1></td>";
     str = str + "<td><p class='img'><img src='../wkhp2/images/image_citylogo1.gif' alt='WEBかわさきCITYガイド' width='193' height='21' vspace='10' /><br /><img src='../wkhp2/images/city_image.gif' alt='CITYガイドイメージ' width='168' height='51' vspace='10' /></p></td></tr></table>";
     str = str + "<table id='menu' style='height:80px;border:0px solid blue;'><tr>";
     for(i=0;i<navinmbr;i++){
         var navitarget = navitable[i].split("_SP_");
         var navifld    = navitarget[0].split("_SP1_");
/*       var img2 = navifld[2].substr(9,1);
         var img3 = img2+"_2";
         var navifld3 = navifld[2].replace(img2,img3);
         var navifld3 = navifld[2]+"_2";*/
         var navifld2 = navifld[2];
         if(i==navicode1.substr(0,1)){
               var img2 = navifld[2].substr(10,1);
               var img3 = img2+"_2";
               var navifld2  = navifld[2].replace(img2,img3);
         }	 
         var navifld0 = "<a href='"+navifld[1]+"'><img id='naviimg"+i+"' src='"+navifld2+"' alt='"+navifld[0]+"' width='144' height='30' style='border:0;'></a>";
         str = str + "<td id='navi"+i+"' onmouseover='javascript:subnavi("+i+")'>"+navifld0+"</td>";
         if(i==3){str=str+"</tr><tr>";}
         
         if(i==navicode1.substr(0,1)){
             pankuzu  = "トップページ　>>　"+ navifld[0];
             if(i==3){pankuzu  = navifld[0];}
             pankuzu1 = 1;
         }
     }
     str = str+"</ul></div>";
     document.getElementById('navi').innerHTML = str;
     var i0=navicode1.substr(0,1);
     subnavi(i0);
}