var timers;
var timer_cerrar;

window.onload=function() {

	setOpacity("menu",0);
	setOpacity("menu1",0);
	setOpacity("menu2",0);
	setOpacity("menu3",0);
};
function menu_abrir(id) {
	clearTimeout(timer_cerrar);
	aparecer(id,9);
}
function menu_cerrar() {
	clearTimeout(timer_cerrar);
	timer_cerrar=setTimeout("menu_cerrar_hacer();",500);
}
function menu_cerrar_hacer() {
	desaparecer("menu",0);
	desaparecer_submenu("menu1");
	desaparecer_submenu("menu2");
	desaparecer_submenu("menu3");
}
function menu_nocerrar() {
	clearTimeout(timer_cerrar);
}

function setOpacity(id,value) {
	var div=document.getElementById(id);
	
	/*div.style.opacity = value/10;
	div.style.filter = 'alpha(opacity=' + value*10 + ')';*/
	div.style.display="block";
	if(value<=0) div.style.display="none";
	
	if(value==10) {
		div.style.filter="";
		div.style.opacity="";
		div.style.KHTMLOpacity="";
		div.style.MozOpacity="";
	} else {
		div.style.filter="alpha(opacity="+(value*10)+")";
		div.style.opacity=value/10;
		div.style.KHTMLOpacity=value/10;
		div.style.MozOpacity=value/10;
	} 
	
	//if(value==0) div.style.visibility="hidden"; else div.style.visibility="visible";
}
function getOpacity(id) {
	var div=document.getElementById(id);
	
	var res;
	
	res=div.style.opacity*10;
	
	return res;
	//div.style.filter = 'alpha(opacity=' + value*10 + ')';
}


function aparecer(id,maximo) {
	clearTimeout(timers);
	timers=setTimeout("aparecer_paso('"+id+"',"+maximo+");",50);
}
function aparecer_paso(id,maximo) {
	var act=getOpacity(id);

	if(act<maximo) {
		act++;
		setOpacity(id,act);
		
		aparecer(id,maximo);
	}
}

function desaparecer(id,minimo) {
	clearTimeout(timers);
	timers=setTimeout("desaparecer_paso('"+id+"',"+minimo+");",50);
}
function desaparecer_paso(id,minimo) {
	var act=getOpacity(id);
	
	if(act>minimo) {
		act--;
		setOpacity(id,act);
			
		desaparecer(id,minimo);
	}
}

function desaparecer_submenu(id) {
	setOpacity(id,0);
	document.getElementById(id).style.visibility="hidden";
}
function aparecer_submenu(id) {
	desaparecer_submenu('menu1');
	desaparecer_submenu('menu2');
	desaparecer_submenu('menu3');
	
	document.getElementById(id).style.visibility="visible";
	setOpacity(id,9);
}