var nTimeOut = 0;
var nTimeOutEfect = 0;
var oID = new Array(0,0,0,0,0,0,0,0,0);
var hideTime = 500;
var lastID = 0;
var prevcl = '';

//var classes = new Array("menuc2 var1", "menuc2 var2", "menuc2 var1", "menuc2 var2", "menuc2");
var iterTime = 40;

var olevel =  0.0;


function hideLayer(i)
{
	clearTimeout(nTimeOutEfect);
	if (document.getElementById("mi_"+i))
	{
		setOpacity(document.getElementById("mi_"+i), 0.5);
		document.getElementById("mi_"+i).style.display = "none";
		document.getElementById("ai_"+i).className = prevcl;
		if (document.getElementById('catsel'))
		{
			document.getElementById('catsel').visibility = 'visible';
		}
		clearTimeout(nTimeOut);
		for (a = 0; a < 7; a++)
		{
			if (oID[a] == i)
			{
				oID[a] = 0;
				break;
			}	
		}
	}	
}

function showLayer(i,level)
{
	clearTimeout(nTimeOut);
	hideChild(level);
	if (document.getElementById("mi_"+i))
	{
		if (document.getElementById("mi_"+i).style.display == 'block')
		{
			//nTimeOutEfect = window.setTimeout("showStep();",iterTime);
			return;
		}
		olevel = 0.0;
		setOpacity(document.getElementById("mi_"+i), olevel);
		document.getElementById("mi_"+i).style.display = "block";
		

		prevcl = document.getElementById("ai_"+i).className;
		document.getElementById("ai_"+i).className = 'sel';
		oID[level] = i;
		lastID = i;
		if (document.getElementById('catsel'))
		{
			document.getElementById('catsel').visibility = 'hidden';
		}

		//document.getElementById("mi_"+i).className = classes[0];
		nTimeOutEfect = window.setTimeout("showStep();",iterTime);
	}
}

function hideChild(level)
{
	clearTimeout(nTimeOutEfect);
	for (a = level; a < 7; a++)
	{
		if (oID[a] && document.getElementById("mi_"+oID[a]))
		{
			setOpacity(document.getElementById("mi_"+oID[a]), 0.5);
			document.getElementById("mi_"+oID[a]).style.display = "none";
			document.getElementById("ai_"+oID[a]).className = prevcl;
			oID[a] = 0;
			if (document.getElementById('catsel'))
			{
				document.getElementById('catsel').visibility = 'visible';
			}
		}	
	}
}

function setHide(i)
{
	clearTimeout(nTimeOut);
	nTimeOut=window.setTimeout("hideLayer("+i+")",hideTime);
}

function showStep()
{
	clearTimeout(nTimeOutEfect);
	var el = 6;
	for (; el > 0; el--)
	{
		if (oID[el] && document.getElementById("mi_"+oID[el]))
		{
			clearTimeout(nTimeOut);
			break;
		}
	}
	element = oID[el];
/*	for (el = 0; el < classes.length ; el++)
	{
		if ( (document.getElementById("mi_"+element).className == classes[el]) )
		{
			if ( (el + 1) == classes.length)
			{
				clearTimeout(nTimeOutEfect);
				//alert("stop");
				return;
			}
			document.getElementById("mi_"+element).className = classes[el+1];
			//alert(el);
		}
	}*/
	if (olevel < 1)
	{
		setOpacity(document.getElementById("mi_"+element), olevel);
		olevel += 0.1;
		nTimeOutEfect = window.setTimeout("showStep();",iterTime);
	}
	else
	{
		setOpacity(document.getElementById("mi_"+element), olevel);
	}
}

function setOpacity(obj, val)
{
	if (!obj)
	{
		return;
	}
	if (obj.filters)
	{
		if (val == 0)
		{
			obj.style.filter = "progid:DXImageTransform.Microsoft.Alpha(opacity)";
			obj.filters.item("DXImageTransform.Microsoft.Alpha").opacity = val*100;
		}
		else
		{
			obj.filters.item("DXImageTransform.Microsoft.Alpha").opacity = val*100;
		}
	}
	else
	{
		obj.style.opacity = val;
	}
	
}