//configure the below five variables to change the style of the scroller
var faderdelay='5000' //delay between msg scrolls. 3000=3 seconds.
var faderunning = 0;
var blendDone=true;
var theSlide=0;
var slides = new Array();
slides[slides.length]="banner_1.jpg|Welcome to 311 Online.";
slides[slides.length]="banner_2.jpg|New York City services are now just a click away.";
slides[slides.length]="banner_3.jpg|Find New York City government information and non-emergency services.";
slides[slides.length]="banner_4.jpg|Your City. Your Needs. Your Web site.";

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

function startfade(){
	// make sure function doesn't fun twice
	if (faderunning != 0){
		return;
	}
	theSlide=slides.length-1;
	faderunning++
	fade();
	for(var j=0;j<slides.length;j++){
		MM_preloadImages("/portal/apps/threeoneone/site_launch/img/"+slides[theSlide].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 = "/portal/apps/threeoneone/site_launch/img/"+slides[theIndex].split("|")[0];
    document.getElementById('blendimage').alt = slides[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(/portal/apps/threeoneone/site_launch/img/'+slides[0].split("|")[0]+'); background-repeat: no-repeat; width: 900px; height: 113px;" id="blenddiv">');
document.write('<img usemap="#bannermap" src="/portal/apps/threeoneone/site_launch/img/'+slides[0].split("|")[0]+'" alt="'+slides[0].split("|")[1]+'" width="900" height="113" border="0" id="blendimage" style="filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;">')
document.write('</div>');

startfade();