/********************************************************
 *                                                      *
 *  **************************************************  *
 *  *                                                *  *
 *  *                                                *  *
 *  *                 JS crossfade                   *  *
 *  *                  Copyright:                    *  *
 *  *                    BasieP                      *  *
 *  *           http://basiep.dyndns.org             *  *
 *  *                     2006                       *  *
 *  *                                                *  *
 *  *                                                *  *
 *  *                                                *  *
 *  **************************************************  *
 *                                                      *
 ********************************************************/



var cf_staytime = 1500;		//5 seconds
var cf_fadetime = 1000;		//1 second
							//total time between 2 messages is cf_fadetime + cf_staytime

var cf_stepinterval = 50;	//0.2 secs (lower is more smooth, but takes more cpu power)



/*
Don't edit under this line
*/


var cf_div_trans = 100;
var showdiv1 = true;
var cf_contentCounter = 0;


window.onload = function windowLoaded() {
	var div1 = document.getElementById('cf_div1');
	if (div1 != null)
		crossfade();

	startList();
}

function crossfade() {
	var div1 = document.getElementById('cf_div1');
	var div2 = document.getElementById('cf_div2');

	//set transparency
	div1.style.filter = 'Alpha(opacity='+cf_div_trans+')';
	div1.style.MozOpacity = cf_div_trans / 100;
	div1.style.KhtmlOpacity = cf_div_trans / 100;
	div1.style.opacity = cf_div_trans / 100;

	div2.style.filter = 'Alpha(opacity='+(100-cf_div_trans)+')';
	div2.style.MozOpacity = (100-cf_div_trans) / 100;
	div2.style.KhtmlOpacity = (100-cf_div_trans) / 100;
	div2.style.opacity = (100-cf_div_trans) / 100;


	//calculate next transparency
	var cf_stepsize = 100 / cf_fadetime * cf_stepinterval;
	cf_div_trans = showdiv1?cf_div_trans + cf_stepsize:cf_div_trans - cf_stepsize;


	//catch switches
	if (cf_div_trans < 0) {
		cf_div_trans = 0;

		//change content div1
		div1.innerHTML = cf_content[cf_contentCounter]
		cf_contentCounter++;
		if (cf_contentCounter >= cf_content.length)
			cf_contentCounter = 0;

		//show content for xx seconds
		setTimeout ("crossfade();", cf_staytime);
		showdiv1 = true;
	} else if (cf_div_trans > 100) {
		cf_div_trans = 100;

		//change content div2
		div2.innerHTML = cf_content[cf_contentCounter]
		cf_contentCounter++;
		if (cf_contentCounter >= cf_content.length)
			cf_contentCounter = 0;

		//show content for xx seconds
		setTimeout ("crossfade();", cf_staytime);
		showdiv1 = false;
	} else {
		//do next shade of transparency
		setTimeout ("crossfade();", cf_stepinterval);
	}
}