var fadeimages = new Array();
var fadecount = 2
var imageDelay = 1700;
var fadeDelay = 500;

function blendimage2(newImage) {
    var millisec = fadeDelay;
    var speed = Math.round(millisec / 100);
    var timer = 0;
    
    document.getElementById('Img2').src = newImage;
    
    for(i = 0; i <= 100; i++) {
        var j = 100 - i;
        setTimeout("changeOpac(" + j + ",'Img1', '" + newImage + "')",(timer * speed));
        setTimeout("changeOpac(" + i + ",'Img2', '" + newImage + "')",(timer * speed));
        timer++;
    }
    
}


//change the opacity for different browsers
function changeOpac(opacity, id, newImage) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
    
    if (opacity == 100 && id == 'Img2')
    {
        document.getElementById('Img1').src = newImage;
        changeOpac(100, 'Img1');
        changeOpac(0, 'Img2');
        fadecount++;
        if (fadecount >= fadeimages.length)
            fadecount = 0;
        setTimeout("blendimage2('" + fadeimages[fadecount] + "');", imageDelay);
    }
}