/* 画像のスワップ */
function swapImage(obj) {
  if (obj.tagName != "IMG") return;
  var src = obj.src;
  if (src.match(/\.gif$/)) {
    if (src.match(/\_on\.gif$/))
      obj.src = src.replace(/\_on\.gif$/, ".gif");
    else
      obj.src = src.replace(/\.gif$/, "_on.gif");
  } else if (src.match(/\.jpg$/)) {
    if (src.match(/\_on\.jpg$/))
      obj.src = src.replace(/\_on\.jpg$/, ".jpg");
    else
      obj.src = src.replace(/\.jpg$/, "_on.jpg");
  }
}

/* イベント ハンドラ */
function doBTN(e) {
  var obj = e.srcElement || e.target;
  if (obj != null) swapImage(obj);
}

/* イベントの登録 */
window.onload = function() {
  var obj, i;
  for (i = 0; i < document.images.length; i++) {
    obj = document.images[i];
    if (obj.className.match(/\bBTN\b/) == null) continue;
    if (obj.attachEvent) {
      obj.attachEvent("onmouseover", doBTN);
      obj.attachEvent("onmouseout", doBTN);
    } else {
      obj.addEventListener("mouseover", function(e) { doBTN(e); }, true);
      obj.addEventListener("mouseout", function(e) { doBTN(e); }, true);
    }
  }
}