var TimeToFade = 1500.0;

function fadingDiv(div1, div2, div3, div4)
{
	var divElement1 = document.getElementById(div1);
	var divElement2 = document.getElementById(div2);
	var divElement3 = document.getElementById(div3);
	var divElement4 = document.getElementById(div4);
	
	//divElement2.style.filter = 'alpha(opacity = 0)';
	//divElement3.style.filter = 'alpha(opacity = 0)';
	//divElement4.style.filter = 'alpha(opacity = 0)';
	
	if(divElement1.style.visibility == 'visible')
	{
		fade(div1, div2);
		divElement1.style.visibility = 'hidden';
		divElement2.style.visibility = 'visible';
	}
	
	else if(divElement2.style.visibility == 'visible')
	{
		fade(div2, div3);
		divElement2.style.visibility = 'hidden';
		divElement3.style.visibility = 'visible';
	}
	
	else if(divElement3.style.visibility == 'visible')
	{
		fade(div3, div4);
		divElement3.style.visibility = 'hidden';
		divElement4.style.visibility = 'visible';
	}
	
	else if(divElement4.style.visibility == 'visible')
	{
		fade(div4, div1);
		divElement4.style.visibility = 'hidden';
		divElement1.style.visibility = 'visible';
	}
	else
	{
		return;
	}
	
}

function fade(eid, eid2)
{
	var element = document.getElementById(eid);
	var element2 = document.getElementById(eid2);
	
	if(element == null || element2 == null)
	{
	return;
	}
	
	if(element.FadeState == null)
	{
		if(element.style.opacity == null || element.style.opacity == '' || element.style.opacity == '1')
		{
			element.FadeState = 2;
		}
		else
		{
			element.FadeState = -2;
		}
	}
	
	if(element2.FadeState == null)
	{
		if(element2.style.opacity == null || element2.style.opacity == '' || element2.style.opacity == '1')
		{
			element2.FadeState = -2;
		}
		else
		{
			element2.FadeState = 2;
		}
	}
	
	if(element.FadeState == 1 || element.FadeState == -1)
	{
		element.FadeState = element.FadeState == 1 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
	}
	else
	{
		element.FadeState = element.FadeState == 2 ? -1 : 1;
		element.FadeTimeLeft = TimeToFade;
		setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
	}
	
	if(element2.FadeState == 1 || element2.FadeState == -1)
	{
		element2.FadeState = element2.FadeState == 1 ? -1 : 1;
		element2.FadeTimeLeft = TimeToFade - element2.FadeTimeLeft;
	}
	else
	{
		element2.FadeState = element2.FadeState == 2 ? -1 : 1;
		element2.FadeTimeLeft = TimeToFade;
		setTimeout("animateFade(" + new Date().getTime() + ",'" + eid2 + "')", 33);
	}
}

function animateFade(lastTick, eid)
{
	var curTick = new Date().getTime();
	var elapsedTicks = curTick - lastTick;
	
	var element = document.getElementById(eid);
	
	if(element.FadeTimeLeft <= elapsedTicks)
	{
		element.style.opacity = element.FadeState == 1 ? '1' : '0';
		element.style.filter = 'alpha(opacity = ' + (element.FadeState == 1 ? '100' : '0') + ')';
		element.FadeState = element.FadeState == 1 ? 2 : -2;
		return;
	}
	
	element.FadeTimeLeft -= elapsedTicks;
	var newOpVal = element.FadeTimeLeft/TimeToFade;
	if(element.FadeState == 1)
	newOpVal = 1 - newOpVal;
	
	element.style.opacity = newOpVal;
	element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
	setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
}