YAHOO.namespace("animacion");
function empieza() {  
	YAHOO.animacion.anim1 = new YAHOO.util.Anim('sub1', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim3 = new YAHOO.util.Anim('sub3', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim1a = new YAHOO.util.Anim('sub1', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim3a = new YAHOO.util.Anim('sub3', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim4 = new YAHOO.util.Anim('sub4', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim5 = new YAHOO.util.Anim('sub5', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim4a = new YAHOO.util.Anim('sub4', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim5a = new YAHOO.util.Anim('sub5', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim6 = new YAHOO.util.Anim('sub6', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim9 = new YAHOO.util.Anim('sub9', {height: {to: 20}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim6a = new YAHOO.util.Anim('sub6', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
	YAHOO.animacion.anim9a = new YAHOO.util.Anim('sub9', {height: {to: 0}}, 0.5, YAHOO.util.Easing.backOut);
};
var activar = 0;
var tiempo = 1;
function menu(id){
	activa(id,1);
	if(activar == 0) {
	document.getElementById("sub"+id).style.display = 'block';
	document.getElementById("sub"+id).style.padding = '3px 0 0 0';
	setTimeout("YAHOO.animacion.anim"+id+".animate()",tiempo);
	activar = id; tiempo = 500;
	}
	else if(activar != id) { oculta(activar); setTimeout("menu("+id+")",500);}
	else oculta(activar);
}
function oculta(id,show){
	setTimeout("YAHOO.animacion.anim"+(id+'a')+".animate()",1);
	document.getElementById("sub"+id).style.padding = '0';
	tiempo = 1;
	activar = 0;
	activa(id,0);
}

function activa(id,sw) {
	if(activar != id) {
		if(sw == 1) document.getElementById("boton"+id).style.top = '-31px';
		else document.getElementById("boton"+id).style.top = '0px';
	}
}

function solapa(group,id){
	for(var i =0;i<40;i++)
		if(document.getElementById(group+i)) {
			document.getElementById(group+i).style.display = 'none';
			document.getElementById(group+'a'+i).className = 'white';
			}
	document.getElementById(group+id).style.display = 'block';
	document.getElementById(group+'a'+id).className = 'solapa_activa';
}