
function initImage() {
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
  }
}


function fadeOut(objId,opacity) {
  if (document.getElementById) {
    if (opacity >= 0) {
       document.getElementById(objId).style.MozOpacity = opacity/100;
       opacity -= 10;
       window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}



function setOpacity(obj, opacity)
{
  opacity = (opacity == 100)?99.999:opacity;
  obj.style.filter = "alpha(opacity:"+opacity+")";
  obj.style.KHTMLOpacity = opacity/100;
  obj.style.MozOpacity = opacity/100;
  obj.style.opacity = opacity/100;
}


window.onload = function() {initImage()}

