////////////////////////////////////////////////////////////////
//  												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: 1500});  // 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: 1500, finish: function(){ setTimeout(function(){ fadeInNextImage(); }, fadeInNextImage.interval); } });  // Added duration & fps
}

fadeInNextImage.interval = 5500;

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