/* 画像のスワップ */
function swapImage(obj) {
  if (obj.tagName != "IMG") return;
  var src = obj.src;
  if (src.match(/\.gif$/)) {
    obj.src = src.replace(/\.gif$/, "_over.gif");
  } else if (src.match(/\.jpg$/)) {
    obj.src = src.replace(/\.jpg$/, "_over.jpg");
  }
}
function swapImage2(obj) {
  if (obj.tagName != "IMG") return;
  var src = obj.src;
  if (src.match(/\.gif$/)) {
    obj.src = src.replace(/\_over\.gif$/, ".gif");
  } else if (src.match(/\.jpg$/)) {
    obj.src = src.replace(/\_over\.jpg$/, ".jpg");
  }
}

/* イベント ハンドラ */
function doRollover(e) {
  var obj = e.srcElement || e.target;
  if (obj != null) swapImage(obj);
}
function doRollover2(e) {
  var obj = e.srcElement || e.target;
  if (obj != null) swapImage2(obj);
}

/* イベントの登録 */
window.onload = function() {
  /* ページのディレクトリ名を見てボタンを無効化する */
  var p = location.pathname;
  var id = (
    (p.match(/^\/about\/(index.php)?$/))    ? "MnAbout" : (
    (p.match(/^\/outline\/(index.php)?$/))    ? "MnOutline" : (
    (p.match(/^\/consite\/(index.php)?$/))    ? "MnSite" : (
    (p.match(/^\/example\/(index.php)?$/))    ? "MnExample" : (
    (p.match(/^\/blog\/(index.php)?$/))    ? "MnBlog" : (
    (p.match(/^\/employment\/(index.php)?$/))    ? "MnEmployment" : (
    (p.match(/^\/contact\/(index.php)?$/))           ? "MnContact" : false
  )))))));
  if(id) {
    var o = document.getElementById(id);
	var ohtml = o.innerHTML;
    /* <a href=""><img 〜></a>を「>」で分けて<img 〜>を取得する */
	var ohtmlarr = ohtml.split(/>/);
	ohtml2 = ohtmlarr[1]+'>';
    /* オンマウスの無効化のためIDから「MENU-」をとる */
    ohtml2 = ohtml2.replace(/MENU-/, "");
	o.innerHTML= ohtml2;
    var img = o.getElementsByTagName("img")[0];
	img = swapImage(img);
}

	
  var obj, i;
  for (i = 0; i < document.images.length; i++) {
    obj = document.images[i];
    if (!obj.id.match("MENU")&&!obj.id.match("BTN")) continue;
    if (obj.attachEvent) {
      obj.attachEvent("onmouseover", doRollover);
      obj.attachEvent("onmouseout", doRollover2	);
    } else {
      obj.addEventListener("mouseover", function(e) { doRollover(e); }, true);
      obj.addEventListener("mouseout", function(e) { doRollover2(e); }, true);
    }
  }
}
