var promos_to_fade = new Array('promo-1','promo-2');
var promos_to_fade_img = new Array('promo-1-img','promo-2-img');

var currentFadeOut = 1;
var p=0;
// the number of milliseconds between swaps. Default is five seconds.
var waitPromo = 5500;

fadeInVar = 0.0;
fadeOutVar = 1.0;
fi = setInterval('fadeOut()',50);
fo = setInterval('fadeIn()',50);
doFadeIn = false;
doFadeOut = false;

// the function that performs the fade
function swapPromo() {
	if ((doFadeIn == false) && (doFadeOut == false)) { 
		(currentFadeOut == 0) ? currentFadeOut = 1 : currentFadeOut = 0;
		fadeInVar = 0.0;
		fadeOutVar = 1.0;
		doFadeIn = true;
		doFadeOut = true;	
	
		//Effect.Fade(promos_to_fade[p], { duration:2 });
		//p++;
		//if (p==2) p =0;	
		//Effect.Appear(promos_to_fade[p], { duration:1 });
	}
}

// the onload event handler that starts the fading.
function startPromo() {
	setInterval('swapPromo()',waitPromo);
}

function fadeIn() {
	if (doFadeIn) {
		(currentFadeOut == 0) ? objnum = 1 : objnum = 0;
		obj = document.getElementById(promos_to_fade[objnum]);
		obj.style.display="block";
		
		fadeInVar += 0.1;
		obj.style.opacity = fadeInVar;
		obj.style.MozOpacity = fadeInVar;
		obj.style.filter = "alpha(opacity=" + (fadeInVar*100) + ")";
		if (fadeInVar >= 1.0) {
			doFadeIn = false;
		}	
	}
}
function fadeOut() {
	if (doFadeOut) {
		(currentFadeOut == 0) ? objnum = 0 : objnum = 1;
		obj = document.getElementById(promos_to_fade[objnum]);
	
		fadeOutVar -= 0.1;
		obj.style.opacity = fadeOutVar;
		obj.style.MozOpacity = fadeOutVar;
		obj.style.filter = "alpha(opacity=" + (fadeOutVar*100) + ")";
		if (fadeOutVar <= 0) {
			obj.style.display="none";
			doFadeOut = false;
		}
	}
}