function rollover(imageId)
{
  var length = parseInt(document.getElementById(imageId).src.length) - 3;
  if(document.getElementById(imageId).src.substring(length-2, length-1) != "h")
  {
    document.getElementById(imageId).style.marginTop = "-1px";
    document.getElementById(imageId).src = document.getElementById(imageId).src.substring(0, length - 1) + "h.gif";
  }
}

function rollout(imageId)
{
  var length = parseInt(document.getElementById(imageId).src.length) - 3;
  if(document.getElementById(imageId).src.substring(length-2, length-1) == "h")
  {
    document.getElementById(imageId).style.marginTop = "0px";
    document.getElementById(imageId).src = document.getElementById(imageId).src.substring(0, length - 2) + ".gif";
  }
}