// JavaScript Document
document.write("<style type='text/css'>#thephoto {visibility:hidden;} </style>");
//window.onload = function() {initImage()};

function initImage(publicPath) {
  var adNum=Math.floor(Math.random()*4);
  imageId = 'thephoto';
  image = document.getElementById(imageId);
  if(publicPath){
  image.src=""+publicPath+"images/pic"+ (adNum+1) +".jpg";
  }
  else
  {
  image.src="images/pic"+ (adNum+1) +".jpg";  
  }
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}

function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  if(obj)
  {
	  // 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 fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 10;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
  }
}