//configure the below five variables to change the style of the fader
var faderdelay='5000' //delay between msg fades. 3000=3 seconds.
var running = 0;
var stopped = 0;
var stopCompleted = 0;
var fadeForward = 1;
var topLayer;
var bottomLayer;
var blendDone=true;
var i2=0;

function fade(){
	if (!blendDone){
		setTimeout("fade()",1)
	}else{
		setTimeout("fade()",faderdelay);
		if (i2==banner_images.length-1){
			i2=0;
		}else{
			i2++;
		}
		blendimage(i2);
	}
}

function startfade(){
	// make sure function doesn't fun twice
	if (running != 0){
		return;
	}
	running++
	fade();
	for(var j=0;j<banner_images.length;j++){
		MM_preloadImages("../../images/features/"+banner_images[i2].split("|")[0]);
	}
}

function blendimage(theIndex) {
	blendDone=false;
    var speed = 6;
    var timer = 0;

    //set the current image as background
    document.getElementById('blenddiv').style.backgroundImage = "url(" + document.getElementById('blendimage').src + ")";
    
    //make image transparent
    changeOpac(0, 'blendimage');
    
    //make new image
    document.getElementById('blendimage').src = "../../includes/site_images/branding/"+banner_images[theIndex].split("|")[0];
    document.getElementById('blendimage').alt = banner_images[theIndex].split("|")[1];
    //fade in image
    for(var t = 0; t <= 100; t++) {
        setTimeout("changeOpac(" + t + ",'blendimage')",(timer * speed));
        timer++;
        if(t==100){
	        blendDone=true;
        }
    }
}
function changeOpac(opacity, id) {
    var object = document.getElementById(id).style;
	opacity = (opacity == 100)?99.999:opacity;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
document.write('<div style="background-image: url(../../includes/site_images/branding/'+banner_images[0].split("|")[0]+'); background-repeat: no-repeat; width: 769px; height: 153px;" id="blenddiv">');
document.write('<img src="../../includes/site_images/branding/'+banner_images[0].split("|")[0]+'" alt="'+banner_images[0].split("|")[1]+'" width="769" height="153" border="0" id="blendimage" style="filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;">')
document.write('</div>');