i_image = 0;

function initImage(imagesrc) {
  imageId = 'thephoto';
  document.getElementById(imageId).src = imagesrc;
  image = document.getElementById(imageId);
  setOpacity(image, 0);
  image.style.visibility = 'visible';
}
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}
function fade(objId,opacity,fadestatus) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (fadestatus == 'in' && opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 2;
      window.setTimeout("fade('"+objId+"',"+opacity+",'"+fadestatus+"')", 100);
	  if (opacity > 100) {
	  	fade(imageId,100,'out');	
	  }
    }
	if (fadestatus == 'out' && opacity >= 0) {
      setOpacity(obj, opacity);
      opacity -= 2;
      window.setTimeout("fade('"+objId+"',"+opacity+",'"+fadestatus+"')", 100);
	  if (opacity == 0) {
		i_image++
		if (i_image >= imageurl.length) {i_image=0}
	  	initImage(imageurl[i_image]);
	  }
    }
  }
}