var stopId = null;
var Ie5  = (document.all && document.getElementById);
var Ns6 = (!document.all && document.getElementById);
var pendingId = 0;
var pending = 0;
var fadeInProgress = 0;
var decrement = -7;
var opacityin = 100;
var nextImage;
var pause = 0;
var Scenes = new Array();
Scenes[0] = "images/modelhouse2.jpg";
Scenes[1] = "images/underconstruction.jpg";
Scenes[2] = "images/architecturalskew.jpg";
Scenes[3] = "images/home2.jpg";
Scenes[4] = "images/kitchen2.jpg";
Scenes[5] = "images/exterior.jpg";
Scenes[6] = "images/hs.jpg";
Scenes[7] = "images/mt.jpg";
Scenes[8] = "images/contact.jpg";
Scenes[9] = "images/map.jpg";
var iter;
var Cache = new Array();
for (iter = 0; iter < Scenes.length; iter++)
{
   Cache[iter] = new Image(500, 375);
   Cache[iter].src = Scenes[iter];
}

function fadeInImage(id)
{
  if(fadeInProgress != 0)
  {
    pending = 1;
    pendingId = id;
  }
  else
  {
    opacityin = 100;
    fadeInProgress = 1;
    nextImage = id;
    stopId = setInterval("fadeIn()", 1);
  }
}
function fadeIn()
{
  if(opacityin >= 0)
  {
    document.getElementById("mainImage2").src = Cache[nextImage].src;
    if(Ie5)
    {
      document.getElementById("mainImage2").filters.alpha.opacity = 100 - opacityin;
    }
    else
    {
      document.getElementById("mainImage2").style.opacity = (100 - opacityin)/100;
    }
    opacityin += decrement;
  }
  else
  {
/*
    if(Ie5)
    {
      document.getElementById("mainImage").filters.alpha.opacity = 0;
      document.getElementById("mainImage2").filters.alpha.opacity = 100;
    }
    else
    {
      document.getElementById("mainImage").style.opacity = 0;
      document.getElementById("mainImage2").style.opacity = 1;
    }
*/
    if(pause++ == 0)
      document.getElementById("mainImage").src = document.getElementById("mainImage2").src;
    else
    {
      if(pause == 6)
      {
        if(Ie5)
        {
          document.getElementById("mainImage").filters.alpha.opacity = 100;
          document.getElementById("mainImage2").filters.alpha.opacity = 0;
        }
        else
        {
          document.getElementById("mainImage").style.opacity = 1;
          document.getElementById("mainImage2").style.opacity = 0;
        }
        opacityin = 100;
        pause = 0;
        clearInterval(stopId);
        fadeInProgress = 0;
        if(pending != 0)
        {
          pending = 0;
          fadeInImage(pendingId);
        }
      }
    }
  }
}