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

var img_index = 0;
var images = [ '/images/intro/drawing1.png', '/images/intro/drawing2.png' ];

function initImage() {
  if ( img_index < images.length )
  {
    imageId = 'thephoto';
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = 'visible';
    image.src = images[img_index];
    setTimeout("fadeIn('"+imageId+"',0)", 1000);
    img_index++;
  }
  else
  {
    setTimeout('document.location="/index.php"', 1000);
  }
}
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 fadeOut(objId, opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if ( opacity > 0 )
    {
      setOpacity(obj, opacity);
      opacity -= 5;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 50);
    }
    else 
    {
      initImage();
    }
  }
}
function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId);
    if (opacity <= 100) {
      setOpacity(obj, opacity);
      opacity += 5;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 50);
    }
    else
    {
      setTimeout("fadeOut('"+imageId+"', 95)", 10000);
    }
  }
}