//EASY TABS 1.1 - MENU SETTINGS
//Set the id names of your tablink (without a number at the end)
var tablink_idname = new Array("tablink")
//Set the id name of your tabcontentarea (without a number at the end)
var tabcontent_idname = new Array("tabcontent") 
//Set the number of your tabs
var tabcount = new Array("4")
//Set the Tab wich should load at start (In this Example:Tab 2 is visible on load)
//読み込まれた際に選択されるタブのデフォルト
var loadtabs = new Array("1")


/*Swich EasyTabs Functions - no need to edit something here*/
function easytabs(menunr, active) {
  menunr = menunr-1;
  for (i=1; i <= tabcount[menunr]; i++) {
//    document.getElementById(tablink_idname[menunr]+i).className='tab'+i;
    document.getElementById(tablink_idname[menunr]+1).src=relative_path+'images/top/btn-step1.jpg';
    document.getElementById(tablink_idname[menunr]+2).src=relative_path+'images/top/btn-step2.jpg';
    document.getElementById(tablink_idname[menunr]+3).src=relative_path+'images/top/btn-step3.jpg';
    document.getElementById(tablink_idname[menunr]+4).src=relative_path+'images/top/btn-step4.jpg';
    document.getElementById(tabcontent_idname[menunr]+i).style.display = 'none';
  }
//    document.getElementById(tablink_idname[menunr]+active).className='tab'+active+' tabactive';
  if (active == 1) document.getElementById(tablink_idname[menunr]+active).src=relative_path+'images/top/btn-step1-hover.jpg';
  if (active == 2) document.getElementById(tablink_idname[menunr]+active).src=relative_path+'images/top/btn-step2-hover.jpg';
  if (active == 3) document.getElementById(tablink_idname[menunr]+active).src=relative_path+'images/top/btn-step3-hover.jpg';
  if (active == 4) document.getElementById(tablink_idname[menunr]+active).src=relative_path+'images/top/btn-step4-hover.jpg';
  document.getElementById(tabcontent_idname[menunr]+active).style.display = 'block';
}
window.onload=function(){
var menucount=loadtabs.length; var a = 0; var b = 1; do {easytabs(b, loadtabs[a]); a++; b++;}while (b<=menucount);
}