window.addEventListener?window.addEventListener("load",setItems,false):window.attachEvent("onload",setItems);

var items = new Array();
var start;
var fadeOutIndex;
var fadeInIndex;
var speed_ms=8000;

function setItems() {
	items = document.getElementById("rotation").getElementsByTagName("div");
	for(i=0;i<items.length;i++) items[i].xOpacity = 0;
	start = Math.floor(Math.random()*items.length);
	items[start].style.display = "block";
	items[start].xOpacity = 1;

	fadeOutIndex = start
	fadeInIndex = start
	newQuote();
}

function newQuote() {
	increment = Math.floor(Math.random()*(items.length - 1)) +1;
	fadeOutIndex = fadeInIndex;
	fadeInIndex = (fadeInIndex+increment)%items.length;
	
	setTimeout(crossFade,speed_ms);
}

function crossFade() {
	if(items[fadeOutIndex].xOpacity <= 0) {
		items[fadeOutIndex].style.display = "none";
		setTimeout(newQuote,speed_ms);
		return;
	}
	items[fadeOutIndex].xOpacity-=.05;
	items[fadeInIndex].xOpacity+=.05;
	
	items[fadeInIndex].style.display = "block";
	setOpacity(items[fadeOutIndex]);
	setOpacity(items[fadeInIndex]);
	
	setTimeout(crossFade,50);
}

function setOpacity(obj) {
	if(obj.xOpacity >= .99) {
		obj.xOpacity = 1;
		return;
	}
	if(obj.xOpacity <= 0) {
		obj.xOpacity = 0;
		return;
	}
	obj.style.opacity = obj.xOpacity;
	obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}