var imagesDir = "inc/contentfaders/";
var imageCount = 4;
var imageExtension = ".jpg";
var containerImage = 1;
var frameStepPercent = 0.05;
var frameStepIntervalMS = 50;
var swapIntervalMS = 10000;

var imageSubtitles = new Array(4);
imageSubtitles[0] = "<strong>Ashmore at Germantown</strong><br />Fairfield Development's 60 acre residential subdivision in Germantown, MD includes 600 units, townhouses and apartments, 2 swimming pools with clubhouses, several playgrounds, bike paths and open space.";
imageSubtitles[1] = "<strong>Rockville Town Square</strong><br />RD Rockville's mixed use project occupies 15 acres in downtown Rockville, MD, includes 630 luxury apartments and condominium homes, 170,000 sq. ft. of retail/restaurants, 3 public parking garages and a town plaza.";
imageSubtitles[2] = "<strong>Bethesda Row</strong><br />Federal Realty Investment Trust's project in downtown Bethesda, MD includes 65,000 sq. ft. of commercial/retail space and a 180 unit luxury apartment complex.";
imageSubtitles[3] = "<strong>MedImmune</strong><br />MedImmune's Corporate Headquarters in Gaithersburg, MD involved approximately 750,000 sq. ft. of office/laboratory spaces on 11 acres and included the stormwater management facility pictured above.";

var opacity;

// preload images
var trash = new Array(imageCount);
for (var i = 1; i <= imageCount; i++)
{
	trash[i - 1] = new Image();
	trash[i - 1].src = getImageurl(i);
}

// overall swap image function
function swapImages()
{
	fadeImageFrameCallback(0);
	window.setTimeout(swapImages, swapIntervalMS);
}

function getImageurl(index)
{
	return imagesDir + index + imageExtension
}

function setOpacity(value)
{
	YAHOO.util.Dom.setStyle("contentfader", "opacity", value);
	opacity = value;
}

function fadeImageFrameCallback(percentComplete)
{	
	var contentfader = document.getElementById('contentfader');
	var contentfadercontainer = document.getElementById('contentfadercontainer');
	
	var setTimer = true;
	
	if (percentComplete >= 1)
	{									   
		containerImage++;
		if (containerImage > imageCount)
		{
			containerImage = 1;
		}
		
		contentfadercontainer.style.backgroundImage = "url(" + getImageurl(containerImage) + ")";
		setOpacity(0);
		//contentfader.style.opacity = 0;
		
		document.getElementById('fadersubtitle').innerHTML = imageSubtitles[containerImage - 1];
	}
	else
	{
		contentfader.src = getImageurl(containerImage + 1 > imageCount ? 1 : containerImage + 1);
		if (isNaN(opacity))
		{
			opacity = 0;
		}
		opacity += frameStepPercent;
		setOpacity(opacity);
		window.setTimeout("fadeImageFrameCallback(" + (percentComplete + frameStepPercent) + ")", frameStepIntervalMS);
	}
}