var timeout = 6000;
function startFade()
{
	setTimeout("fadeOut(100)", timeout);
	for (var i = 0; i < fadePics.length; i++)
		if (document.getElementById("fadePic" + i).src != "")
			document.getElementById("fadePic" + i).src = fadeDir + fadePics[i];
}
function fadeOut(opacity)
{
	if (document.getElementById)
	{
		pic = document.getElementById(fadePicID);
		div = document.getElementById(fadeDivID);
		if (opacity >= 0)
		{
			if (opacity == 100)
			{
				setTimeout("fadeOut(100)", timeout);
				div.style.backgroundImage = 'url(' + fadeDir + fadePics[getNextIndex()] + ')';
			}
			opacity -= 5;
			setOpacity(pic, opacity);
			setTimeout("fadeOut(" + opacity + ")", 100);
		}
		else
		{
			curIndex = getNextIndex();
			pic.src = fadeDir + fadePics[curIndex];
			setOpacity(pic, 100);
			div.style.backgroundImage = "";
		}
	}
}
function getNextIndex()
{
	return curIndex + 1 < fadePics.length ? curIndex + 1 : 0;
}
function setOpacity(obj, opacity)
{
	// IE/Win
	obj.style.filter = "alpha(opacity:" + opacity + ")";
	// Safari<1.2, Konqueror
	obj.style.KHTMLOpacity = opacity/100;
	// Older Mozilla and Firefox
	obj.style.MozOpacity = opacity/100;
	// Safari 1.2, newer Firefox and Mozilla, CSS3
	obj.style.opacity = opacity/100;
}
