var navinmbr  = 5;
var navitable = new Array(
"TOP ページ_SP1_../page1/ea_index.html",
"団体概要_SP1_../page1/ea_profile.html",
"講習内容_SP1_../page1/ea_jigyou.html",
"募集講習申込<br />（予定一覧）_SP1_../jaeacgi/ea_kojinappli.html",
"受託講習申込_SP1_../page1/ea_dantaiappli.html",
"");
var dir = "";
function navilist(){
    document.write("<img src='../image/ea_jaealogo3.gif' width='520' height='85' border='0'>");
    document.write("<img src='../image/ea_koushuu2010.gif' width='450' height='70' border='0' style='position:relative;left:70px;'>");
    document.write("<ul id='navi' class='navi' style='position:relative;top:-10px;'>");

    for(i=0;i<navinmbr;i++){
        var navitarget = navitable[i].split("_SP_");
        var subnmbr    = navitarget.length;
        var navifld    = navitarget[0].split("_SP1_");
        if(subnmbr < 2){
             document.write("<li id='navi"+i+"' onmouseover='subnavi("+i+");' onmouseout='subnavi1("+i+");'><a href="+navifld[1]+">"+navifld[0]+"</a></li>");
        }
        else{document.write("<li id='navi"+i+"' onmouseover='subnavi("+i+");' onmouseout='subnavi1("+i+");'>"+navifld[0]+"</li>");}
    }
    if(navicode == 20){
         document.getElementById("navi2").style.backgroundColor = "#ffcc99";
    }
    else{
        var subid = "navi" + navicode;
        document.getElementById(subid).style.backgroundColor = "#008888";
    }
}
function subnavi(i0){
      var navitarget = navitable[i0].split("_SP_");
      var subnmbr    = navitarget.length;
      var str = "";

      if(subnmbr > 1){
          for(j=1;j<subnmbr;j++){
             var navifld = navitarget[j].split("_SP1_");
             str = str + "<li><a href='"+navifld[1]+"'>"+navifld[0]+"</a></li>";
          }
          var navifld = navitarget[0].split("_SP1_");
          var left1   = navifld[1]+"px";
          document.getElementById("subnavi").style.left = left1;
          document.getElementById("subnavi").innerHTML = str;
      }
      else{
          document.getElementById("subnavi").innerHTML = "";
      }
      for(i=0;i<navinmbr;i++){
          var subid = "navi"+i;
          var color = ""; 
          if(i==navicode){var color = "#008888";}
          else if(i==i0){color = "#ffff88";}
          else if(navicode == 20 && i==2){color = "#ffcc99";}
          else{color = "#88ffff";}
          document.getElementById(subid).style.backgroundColor = color;
      }
}

function subnavi1(i0){
      for(i=0;i<navinmbr;i++){
          var subid = "navi"+i;
          var color = ""; 
          if(i==navicode){var color = "#008888";}
          else if(navicode == 20 && i==2){color = "#ffcc99";}
          else{color = "#88ffff";}
          document.getElementById(subid).style.backgroundColor = color;
      }
}