// タブの画像についてる名称
var tabs = new Array("webd", "webp", "dtp","office","it");
var tabNow = 0;

window.onload = function() {
  $$("img.swpImg").each(function(obj){
    Event.observe(obj, "click", swapTab, false);
    Event.observe(obj, "mouseover", overTab, false);
    Event.observe(obj, "mouseout", outTab, false);
    i = obj.id.replace("swpImg","");
    if(i == 0){
      $("jsPage"+i).style.display = "";
    } else {
      $("jsPage"+i).style.display = "none";
    }
  });
}

function swapTab(event){
  var number = Event.element(event).id.replace("swpImg","");
  
  $$("img.swpImg").each(function(obj){
    var i = obj.id.replace("swpImg","");
    if(i == number){
      $("jsPage"+i).style.visibility = "visible";
      $("jsPage"+i).style.display = "";
      $("swpImg"+i).src = "img/tabu_"+tabs[i]+"_ac.gif";
    } else {
      $("jsPage"+i).style.visibility = "hidden";
      $("jsPage"+i).style.display = "none";
      $("swpImg"+i).src = "img/tabu_"+tabs[i]+"_df.gif";
    }
  });
  
  tabNow = number;
}

function overTab(event){
  var number = Event.element(event).id.replace("swpImg","");
  $("swpImg"+number).src = "img/tabu_"+tabs[number]+"_ac.gif";
}

function outTab(event){
  var number = Event.element(event).id.replace("swpImg","");
  if(number != tabNow){
    $("swpImg"+number).src = "img/tabu_"+tabs[number]+"_df.gif";
  }
}