// JavaScript Document

var quotes;
var curEle;
var nextEle;

function visibleHack() {
    for (var i = 0; i < quotes.length;  i++) {
        if (quotes[i].style.opacity == 0) {
            quotes[i].style.visibility = "hidden";
        }
        else {
            quotes[i].style.visibility = "visible";
        }
    }   
}

function fadeOutButton() {
    curEle.style.visibility="hidden";
}

function fadeInNextQuote() {

	if (!quotes || quotes.length < 1)
	    return;

    if (typeof quotes.curIndex == "undefined") {
        quotes.curIndex = quotes.length - 1;
    }
//    else {
//        curEle = quotes[quotes.curIndex];
//    }

	quotes.curIndex = (quotes.curIndex+1)%quotes.length;
	nextEle = quotes[quotes.curIndex];

	if (curEle)
	    Spry.Effect.DoFade(curEle, { from: 100, to: 0, finish: fadeOutButton() });

	Spry.Effect.DoFade(nextEle, { to: 100, finish: function() { setTimeout(function() { fadeInNextQuote(); }, fadeInNextQuote.interval); } });
	visibleHack();
	curEle = nextEle;
	
}

fadeInNextQuote.interval = 3000;

Spry.Utils.addLoadListener(function()
{
	// Find the "quoteBox" div and setup any divs inside it for fading.

	Spry.$$(".quoteBox").setStyle("position: relative; height: 370px;");
	quotes = Spry.$$(".quote").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextQuote();
});