var timerid;

function tag(id) {
	 return document.getElementById(id);
}

function ocultar(que,step)
{
	if (parseInt(tag(que).style.height) <= step)
	{
		tag(que).style.display = 'none';
	}
	else
	{
		tag(que).style.height = parseInt(tag(que).style.height) - step + "px";
	 	timerid = setTimeout("ocultar('" + que + "'," + step + ")", 1);
	}
}

function mostrar(que,tope,step)
{
	if (parseInt(tag(que).style.height) <= (tope-step))
	{
		tag(que).style.height = parseInt(tag(que).style.height) + step + "px";
	 	timerid = setTimeout("mostrar('" + que + "'," + tope + "," + step + ")", 1);
	}
	else
	{
		tag(que).style.height = tope + 'px';
	}
}

function togglediv(que,alto,step)
{
	clearTimeout(timerid);
	alto = alto || tag(que).getAttribute('alto');
	if(tag(que).style.display == 'none')
	{
		tag(que).style.display = 'block';
		tag(que).style.height = '0px';
		mostrar(que,alto,step || 20);
	}
	else
	{
		tag(que).style.height = alto + 'px';
		ocultar(que,step || 20);
	}
}