

function fadeElement(elementId, startOpacity, endOpacity, currentOpacity, opacityIncrement, delayInterval) {
	if (startOpacity < endOpacity && currentOpacity < endOpacity) {
		currentOpacity += opacityIncrement;
		if (currentOpacity >= endOpacity) {
			currentOpacity = 100;
		}
	} else if (startOpacity > endOpacity && currentOpacity > endOpacity) {
		currentOpacity -= opacityIncrement;
		if (currentOpacity <= endOpacity) {
			currentOpacity = 0;
		}
	} else {
		var increment = 0;
	}
	if (increment != 0) {
		setElementOpacity(elementId, currentOpacity);
		if ((startOpacity < endOpacity && currentOpacity < 100) || (startOpacity > endOpacity && currentOpacity > 0)) {
			window.setTimeout("fadeElement('" + elementId + "', " + startOpacity + ", " + endOpacity + ", " + currentOpacity + ", " + opacityIncrement + ", " + delayInterval + ")", delayInterval);
		}
	}
}


function switchFadeElements(switchOffElementId, switchOnElementId, opacityIncrement, delayInterval) {
	var switchOffElementObject = document.getElementById(switchOffElementId);
	var switchOnElementObject = document.getElementById(switchOnElementId);
	switchOffElementObject.style.display = "none";
	setElementOpacity(switchOnElementId, 0);
	switchOnElementObject.style.display = "block";
	window.setTimeout("fadeElement('" + switchOnElementId + "', 0, 100, 0, " + opacityIncrement + ", " + delayInterval + ")", delayInterval);
}


function setElementOpacity(elementId, opacity) {
	var elementObject = document.getElementById(elementId);
	if (elementObject.style) {
		if (elementObject.style.MozOpacity != null) {  
			elementObject.style.MozOpacity = opacity / 100;
		} else if (elementObject.style.opacity != null) {
			elementObject.style.opacity = opacity / 100;
		} else if (elementObject.style.filter != null) {
			elementObject.style.filter = "alpha(opacity = " + opacity + ")";
		}
	}
}
