////////////////////////////////////////////////////////////////
//  											QUOTES															//
////////////////////////////////////////////////////////////////
var quotes;


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

	var curEle;

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

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

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

fadeInNextQuote.interval = 12000;

////////////////////////////////////////////////////////////////
//  												IMAGES														//
////////////////////////////////////////////////////////////////
var images;


function fadeInNextImage()
{
	if (!images || images.length < 1)
		return;

	var curEle;

	if (typeof images.curIndex == "undefined")
		images.curIndex = images.length - 1;
	else
		curEle = images[images.curIndex];

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

	if (curEle)
		Spry.Effect.DoFade(curEle, { from: 100, to: 0, duration: 2000});  // Added duration & fps     , duration: 1500, fps: 60       (SEE: http://labs.adobe.com/technologies/spry/samples/effects/transition_sample.html)
	Spry.Effect.DoFade(nextEle, { to: 100, duration: 2000, finish: function(){ setTimeout(function(){ fadeInNextImage(); }, fadeInNextImage.interval); } });  // Added duration & fps
}

fadeInNextImage.interval = 8250;

////////////////////////////////////////////////////////////////
//  												QUOTES & IMAGES										//
////////////////////////////////////////////////////////////////
Spry.Utils.addLoadListener(function()
{
	// Find the quoteBox and setup any quotes inside it for fading.
	Spry.$$(".quoteBox").setStyle(""); // latest   position: absolute; height: 110px;     previously  position: relative; 
	quotes = Spry.$$(".quoteBox .quote").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextQuote();
	
	// Find the imageBox and setup any quotes inside it for fading.
	Spry.$$(".imageBox").setStyle(""); // previously  position: relative; height: 190px;
	images = Spry.$$(".imageBox .image").setStyle("position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0);");
	fadeInNextImage();
});