var ga_strColor1 = new Array(
'#F2F4F8',
'#EFF1F5',
'#EAEDF1',
'#E5E7EB',
'#E0E2E5',
'#DADDE0',
'#D5D7DB',
'#D1D3D6',
'#CED0D3');

var ga_strColor2 = new Array(
'#F0E0E2',
'#EEE0E2',
'#E8DCDE',
'#E2D9DC',
'#DCD7D9',
'#D6D4D7',
'#D1D2D4',
'#D0D2D5',
'#CED0D3');

var g_intTimeout = 20;
var g_intTotalColors = 9;

function StartMenuFade(varElementID, intDirection)
{
	var varElement;
	var intState;
	
	varElement = document.getElementById(varElementID);
	intState = varElement.getAttribute('fca');
	if ( (intState >= 0) && (intState <= 8) )
	{
		if (intDirection == 1)
		{
			varElement.setAttribute('fcd', 1);
		}
		else if (intDirection == 0)
		{
			varElement.setAttribute('fcd', 0);
		}
		
		MenuFade(varElementID, intDirection);
	}
}

function MenuFade(varElementID, intDirection)
{
	var varElement;
	var strBackgroundColor;
	var blnSetTimer;
	var blnCancel;
	var intState;
	var intDirectionAllowed;
	var intType;
	
	blnSetTimer = false;
	blnCancel = false;
	varElement = document.getElementById(varElementID);
	intState = varElement.getAttribute('fca');
	intDirectionAllowed = varElement.getAttribute('fcd');
	intType = varElement.getAttribute('fct');
	
	if (intDirection == intDirectionAllowed)
	{
		if ( (intState >= 0) && (intState <= (g_intTotalColors - 1)) )
		{
			if (intDirection == 1)
			{
				if (intState < (g_intTotalColors - 1))
				{
					intState++;
					blnSetTimer = true;
				}
			}
			else if (intDirection == 0)
			{
				if (intState > 0)
				{
					intState--;
					blnSetTimer = true;
				}
			}
			
			varElement.setAttribute('fca', intState);
			
			if (intType == 1)
				varElement.style.backgroundColor = ga_strColor1[intState];
			else if (intType == 2)
				varElement.style.backgroundColor = ga_strColor2[intState];
			
			if (blnSetTimer != false)
				window.setTimeout('MenuFade(\'' + varElementID + '\', ' + intDirection + ');', g_intTimeout);
		}
	}
}