document.write("<style type='text/css'>\n" +  "#homemid, #image2, #image3, #image4 {visibility:hidden;}\n" + "</style>");

function initDelay()
{
  setTimeout("initImage()", 900);
 }
function initDelay1()
{
  setTimeout("initImage2()", 900);
 }
 function initDelay2()
{
  setTimeout("initImage3()", 900);
 }
  function initDelay3()
{
  setTimeout("initImage4()", 900);
 }
 
  function initImage() {
  imageId = "homemid"
  image = document.getElementById(imageId);
  image.style.backgroundImage = "url(img/center1.jpg)";
  setOpacity(image, 0);
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  initDelay1();
}

  function initImage2() {
  imageId = "image2"
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = "url(img/center2.jpg)";
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  initDelay2();
}

  function initImage3() {
  imageId = "image3"
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = "url(img/center3.jpg)";
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
  initDelay3();
}

  function initImage4() {
  imageId = "image4"
  image = document.getElementById(imageId);
  document.getElementById(imageId).style.backgroundImage = "url(img/center4.jpg)";
  image.style.visibility = 'visible';
  fadeIn(imageId,0);
}


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



window.onload = initDelay;