window.onload = initAll;

function getAllByClassName(cls){
  var class_length = cls.length;
  myArray = new Array();
  allImgs = document.getElementsByTagName("img");
  for(var i=0; i<allImgs.length; i++){
    if((allImgs[i].className.indexOf(cls) != -1) && (allImgs[i].className.substring(0,class_length) == allImgs[i].id))
      myArray.push(allImgs[i]);
  }
  return myArray;
}

function initAll(){
  var current = document.body.className;
  var curr_links = getAllByClassName(current);

  var first = curr_links[0];
//  var second = curr_links[1];
	if (first != null)
		  first.src = "/page/image_off/" + first.id + "/" + first.name + "_off.jpg";
//  second.src = "/page/image_off/" + second.id + "/" + second.name + "_off.jpg";

  $$("img.image_link").each(function(e){
    e.observe("mouseover", function(){
      if(e.id != first.id/* && e.id != second.id */)
        e.src = "/page/image_off/" + e.id + "/" + e.name + "_off.jpg";
    });
  });
  $$("img.image_link").each(function(e){
    e.observe("mouseout", function(){
      if(e.id != first.id/* && e.id != second.id */)
      e.src = "/page/image_on/" + e.id + "/" + e.name + "_on.jpg";
    });
  });
}