function initImage(id) 
{
  image = document.getElementById(id);
  setOpacity(image, 0);
  image.style.visibility = "visible";
  fadeIn(id,0);
}

function initImageBounce(id) 
{
  image = document.getElementById(id);
  setOpacity(image, 100);
  image.style.visibility = "visible";
  fadeOutIn(id,100,-10);
}

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 fadeOutIn(objId,opacity,variation) 
{
  if (document.getElementById) 
  {
    obj = document.getElementById(objId);
    if (opacity >= 80 && variation<0) 
    {
      setOpacity(obj, opacity);
      opacity += variation;
      window.setTimeout("fadeOutIn('"+objId+"',"+opacity+","+variation+")", 100);
    }
		if(opacity<80 && variation<0)
		{
			variation = -variation;
		}
		if(opacity<=100 && variation>0) 
		{
			setOpacity(obj, opacity);
      opacity += variation;
      window.setTimeout("fadeOutIn('"+objId+"',"+opacity+","+variation+")", 100);
		}
		if (opacity>100)
		{
			setOpacity(obj, 100);			
		}
  }
}
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;
}

