document.write("<style type='text/css'>#mainPicture {visibility:hidden;} #arrowLeft {visibility:hidden;} #arrowRight {visibility:hidden;}</style>");

window.onload = function() {initImage()}

function showImage(imageId) 
{
  image = document.getElementById(imageId);
  setOpacity(image, 0, false);
  image.style.visibility = 'visible';
  fadeIn(imageId,0, false);
}

function hideImage(imageId) 
{
  image = document.getElementById(imageId);
  image.style.visibility = 'hidden';
}

function initImage() 
{
  imageId = 'mainPicture';
  image = document.getElementById(imageId);
  setOpacity(image, 0, true);
  image.style.visibility = 'visible';
  fadeIn(imageId,0, true);
}

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