var myTT = 0;
var main = true;
var dmTimer = 0;
var curMenu = null;
var dmTimeOut = 0;


function hide_id(layer)
{
	var l = document.getElementById(layer);
	try {
		l.style.display = "none";
	} catch(e){
	}
	try {
		l.style.visibility = "hidden";
	} catch(e){
	}
	return true;
}

function show_id(layer)
{
	var l = document.getElementById(layer);
	try {
		l.style.display = "block";
	} catch(e){
	}
	try {
		l.style.visibility = "visible";
	} catch(e){
	}
	return true;
}



function get_top(id)
{
	var y = 0, obj = id;
	while (obj.offsetParent != null) {
		y += obj.offsetTop;
		obj= obj.offsetParent;
	}
	y += obj.offsetTop;
	return y;
}

function get_left(id)
{
	var x = 0, obj = id;
	while (obj.offsetParent != null) {
		x += obj.offsetLeft;
		obj= obj.offsetParent;
	}
	x += obj.offsetLeft;
	return x;
}

function m(el)
{
	
	var x = get_left(document.getElementById('mm'+el));
	var y = get_top(document.getElementById('mm'+el));
	

	document.getElementById('m'+el).style.left= (x + 0) + "px";
	document.getElementById('m'+el).style.top = (y + 20)+ "px";

	var mm = document.getElementById('mm'+el);
	mm.className = 'non-bg';
	
		if (curMenu == null) {
		curMenu = el;
	} else {
		if (el != curMenu) {
			document.getElementById('mm'+curMenu).className = 'a';
			
		}
		hide_id('m'+curMenu);
		curMenu = el;
	}

	show_id('m'+curMenu);
	dmTimer = dmTimeOut;

	timer_over();
	return;
}

function timer_over()
{
	dmTimer = 0;
	clearTimeout(myTT);
	return;
}
function timer_out()
{
	dmTimer = dmTimeOut;
	myTT = setTimeout("timer()", dmTimeOut);
	return;
}
function timer()
{
	if (null != curMenu) {
		hide_id('m'+curMenu);
		document.getElementById('mm'+curMenu).className = 'a';
		
	document.getElementById('am'+el).className = 'as';
	
	
	}
	curMenu = null;

	return;
}