var defaultStepPause = 50;  // millis
var startOpacity = 25;
var defaultStepSize = 10;

function startFadeSeq() {
	
	setTimeout("bringItOn(\"imgSusan\")", 800);
	setTimeout("bringItOn(\"imgJones\")", 1200);
	setTimeout("bringItOn(\"imgDesigns\")", 1800);
	setTimeout("bringItOn(\"imgDotCom\")", 2400);
	
	setTimeout("fadeInSlowAndEasy(\"sjjHome\")", 2400);
	setTimeout("fadeInSlowAndEasy(\"tdBottomFeeder\")", 2500);
	
}

function bringItOn(elementId) {

	fadeIn(elementId, 1, defaultStepPause, defaultStepSize);
	
}

function fadeInSlowAndEasy(elementId) {

	fadeIn(elementId, 1, defaultStepPause, 6);
	
}

function fadeIn(elementId, percentOpacity, stepPause, stepSize)
{
	var elementFadingIn = document.getElementById(elementId);
	changeOpacity(elementFadingIn, parseInt(percentOpacity));
	
	if (percentOpacity < 90) {
		percentOpacity = Number(percentOpacity) + Number(stepSize);
		
		var fnc = "fadeIn(\"" + elementId + "\", " + percentOpacity + ", " + stepPause + ", " + stepSize + ")";
		setTimeout(fnc, 50);
		return;
	} 
	changeOpacity(elementFadingIn, 100)
	
	
}

function changeOpacity(object, opacityPercentage) {

	if (opacityPercentage == 100) opacityPercentage = 99;

	object.style.opacity = (opacityPercentage / 100); 
	object.style.MozOpacity = (opacityPercentage / 100); 
	object.style.KhtmlOpacity = (opacityPercentage / 100);
	object.style.filter = "alpha(opacity=" + opacityPercentage + ")"; 

}