/* movimiento menu: */

function setOn(id)
{
	/*
	// anulo los efectos:
	caja=document.getElementById(id);
	caja.onmouseout='';
	caja.onmouseover='';
	*/
	// levanto la caja del movimiento y la seteo a normal:
	document.getElementById(id+'img').style.display='none';
	h2=document.getElementById(id+'h2');
	h2.style.position='absolute';
	h2.value=0;
	tiempo_up=setInterval('subida(\''+id+'\');',20);
	setTimeout('onSeted('+tiempo_up+',\''+id+'\');',260);
}

function onSeted(tiempo,id)
{
	// detengo la subida:
	clearInterval(tiempo);
	// levanto caja y seteo en top:
	h2=document.getElementById(id+'h2');
	h2.style.top='-40px';
	h2.value=-40;
	// activo el fondo:
	h2.style.backgroundPosition='bottom';
	// activo el texto:
	a=document.getElementById(id+'a');
	a.style.color='#64C0CF';
	// inicio la bajada:
	tiempo_down=setInterval('bajada(\''+id+'\');',20);
	setTimeout('onSetComplete('+tiempo_down+',\''+id+'\');',260);
}

function onSetComplete(tiempo,id)
{
	// detengo la subida:
	clearInterval(tiempo);
	document.getElementById(id+'img').style.display='block';
	// levanto caja y la restablesco a cero:
	h2=document.getElementById(id+'h2');
	h2.style.top='10px';
	h2.value=10;
	/*
	// reactivo efectos:
	caja=document.getElementById(id);
	caja.onmouseover=function()
	{
		setOn(this.id);
	}
	caja.onmouseout=function()
	{
		setOff(this.id);
	}
	*/
}

function setOff(id)
{
	/*
	// anulo efectos:
	caja=document.getElementById(id);
	caja.onmouseout='';
	caja.onmouseover='';
	*/
	document.getElementById(id+'img').style.top='-20px';
	h2=document.getElementById(id+'h2');
	h2.style.position='absolute';
	h2.value=0;
	tiempo_up2=setInterval('subida(\''+id+'\');',20);
	setTimeout('onSetOff('+tiempo_up2+',\''+id+'\');',260);
}

function onSetOff(tiempo,id)
{
	document.getElementById(id+'img').style.display='none';
	// detengo la subida:
	clearInterval(tiempo);
	// levanto caja:
	h2=document.getElementById(id+'h2');
	// lo subo a top:
	h2.style.top='-40px';
	h2.value=-40;
	// activo el fondo:
	h2.style.backgroundPosition='top';
	// activo el texto:
	a=document.getElementById(id+'a');
	a.style.color='#FFFFFF';
	// inicio la bajada:
	tiempo_down2=setInterval('bajada(\''+id+'\');',20);
	setTimeout('onSetOffComplete('+tiempo_down2+',\''+id+'\');',260);
/*
	tiempo_down2=setInterval('bajada(\''+id+'\');',20);
	setTimeout('onSetOffComplete('+tiempo_down2+',\''+id+'\');',180);
*/
}

function onSetOffComplete(tiempo,id)
{
	// detengo la subida:
	clearInterval(tiempo);
	// levanto caja:
	h2=document.getElementById(id+'h2');
	h2.style.top='0px';
	h2.value=0;
	/*
	// restablesco efectos:
	caja=document.getElementById(id);
	caja.onmouseover=function()
	{
		setOn(this.id);
	}
	caja.onmouseout=function()
	{
		setOff(this.id);
	}
	*/
}

// movimiento hacia arriba:
function subida(id)
{
	//caja=document.getElementById(id);
	h2=document.getElementById(id+'h2');
	if(h2.value>-45)
	{
		h2.style.top=h2.value-4+'px';
		h2.value=h2.value-4;
	}
}

// movimiento hacia arriba:
function bajada(id)
{
	h2=document.getElementById(id+'h2');
	if(h2.value<0)
	{
		h2.style.top=h2.value+4+'px';
		h2.value=h2.value+4;
/*
		h2.style.top=h2.value+3+'px';
		h2.value=h2.value+3;
*/
	}
}

/* movimiento menu. */