function changeImageSrcOrig(oldName, newName) {
  var oldRegExp = new RegExp("^(.+)/" + oldName + "\.(.+)$");

  for (var i = 0; i < document.images.length; i++) {
    if (oldRegExp.test(document.images[i].src)) {
      var matchArray = oldRegExp.exec(document.images[i].src);
      document.images[i].src = matchArray[1] + "/" + newName + "." + matchArray[2];
      return;
    }
  }
}

function showSlideOut(name) {
  var e = document.getElementById(name);

  if (e) {
    e.style.visibility = "visible";
  }
}

function hideSlideOut(name) {
  var e = document.getElementById(name);

  if (e) {
    e.style.visibility = "hidden";
  }
}

function changeImageSrc(name, oldState, newState) {
  // menu_button_image.php?text=${name}&state={$type}
  var regExp    = "^(.*menu_button_image.php.text=" + name + "&type=.*&state=)" + oldState + "$";
  var oldRegExp = new RegExp(regExp);

  // alert('regExp = ' + regExp);
  for (var i = 0; i < document.images.length; i++) {
    // alert('src[' + i + '] = ' + document.images[i].src);
    if (oldRegExp.test(document.images[i].src)) {
      var matchArray = oldRegExp.exec(document.images[i].src);
      document.images[i].src = matchArray[1] + newState;
      return;
    }
  }
}

function highlightImage(id) {
  var oldName = id + "_normal";
  var newName = id + "_hover";

  changeImageSrc(oldName, newName);
}

function unHighlightImage(id) {
  var oldName = id + "_hover";
  var newName = id + "_normal";

  changeImageSrc(oldName, newName);
}