var gFadeCount = 0;
var gFadeLayer = null;
var gFadeToValue = null;
var gFadeTimer = null;

function FadeInLayer(layer, tovalue)
{
	gFadeLayer = document.getElementById(layer);
	gFadeToValue = tovalue;

	SetLayerOpacity(gFadeLayer, 0);	
	gFadeLayer.style.display='block';
	
	DoFadeIn();	
}

DoFadeIn=function()
{	
	if (gFadeTimer) clearTimeout(gFadeTimer);                         

	if (gFadeCount > 100)										// final value of opacity reached?
	{
	//	SetLayerOpacity(gFadeLayer, gFadeToValue);
		gFadeCount = 0;
	}
	else														//increase opacity by a step size
	{
		gFadeCount += 20;
		opac = gFadeToValue * gFadeCount / 100;
		SetLayerOpacity(gFadeLayer, opac);
		
		gFadeTimer = setTimeout(DoFadeIn,50);					// call us back in another 50ms
	}
}

function FadeOutLayer(layer, fromvalue, tovalue)
{
	gFadeLayer = document.getElementById(layer);
	gFadeToValue = tovalue;
	gFadeCount = 100*fromvalue;
	
	DoFadeOut();	
}

DoFadeOut=function()
{	
	if (gFadeTimer) clearTimeout(gFadeTimer);                         

	if (gFadeCount < 0)										// final value of opacity reached?
	{
		SetLayerOpacity(gFadeLayer, gFadeToValue);
		gFadeLayer.style.display='none';

		gFadeCount = 0;
	}
	else														//increase opacity by a step size
	{
		gFadeCount -= 10;
		opac = gFadeCount / 100;
		SetLayerOpacity(gFadeLayer, opac);
		
		gFadeTimer = setTimeout(DoFadeOut,50);					// call us back in another 50ms
	}
}

function SetLayerOpacity(div, opac)
{
	div.style.KHTMLOpacity = opac; 								// Safari<1.2, Konqueror
	div.style.MozOpacity = opac; 								// Older Mozilla and Firefox
	div.style.opacity = opac; 									// Safari 1.2, newer Firefox and Mozilla, CSS3
	div.style.filter = 'alpha(opacity:'+ opac * 100 +')'; 		// IE/Win
}