var aImages = [
"images/house_pic1_resize.jpg",
"images/house_pic4_resize.jpg",
"images/house_pic5_resize.jpg",
"images/house_pic7_resize.jpg",
"images/house_pic8_resize.jpg",
"images/house_pic2_resize.jpg",
"images/house_pic6_resize.jpg",
"images/house_pic9_resize.jpg",
"images/house_pic10_resize.jpg",
"images/house_pic11_resize.jpg",
"images/house_pic12_resize.jpg",
"images/house_pic3_resize.jpg"
];

var iImages = aImages.length;
var iCurrentImage = 0;

function loadImage(sNextImage)
{
    var eNextImage = document.getElementById(sNextImage);
    iCurrentImage += 1;
    if (iCurrentImage >= iImages){
        iCurrentImage = 0;
    }
    eNextImage.src = aImages[iCurrentImage];
    
}

function prepImage()
{
    var sNextImage = (iCurrentImage%2==1)?"firstImage":"secondImage";
    var sCurrentImage = (iCurrentImage%2==0)?"homeImage":"nextImage";
    loadImage(sNextImage);
    setTimeout ("fadeImage("+sCurrentImage+")",3000);
}

function fadeImage(sNextImage)
{
    var Attributes = {
        opacity: {to:0}
    }
    var myAnim = new YAHOO.util.Anim(sNextImage,Attributes);
    myAnim.animate();
    myAnim.onComplete.subscribe(rotateImages);
}

function rotateImages()
{
    var eHomeImage = document.getElementById("homeImage");
    var eNextImage = document.getElementById("nextImage");
    eHomeImage.style.zIndex = (eHomeImage.style.zIndex == "1")?2:1;
    eNextImage.style.zIndex = (eNextImage.style.zIndex == "2")?1:2;
    if(eHomeImage.style.opacity){
    eHomeImage.style.opacity = 1;
    eNextImage.style.opacity = 1;
    }else{
    eHomeImage.style.setAttribute("filter", "alpha(opacity=100);")
    eNextImage.style.setAttribute("filter", "alpha(opacity=100);")
    }
    prepImage();
}
window.onload = prepImage;