// JavaScript Document
var panel;
var alto=0;
var enmovimiento=false;
function panelClick(id, altura)
{
 if (enmovimiento==false)
 {
  enmovimiento=true;
  if (YAHOO.util.Dom.getStyle(id, 'visibility')=='hidden')
  {
   alto=0;
   YAHOO.util.Dom.setStyle(id, 'visibility','visible');
   mostrar(id, altura);
//   YAHOO.util.Dom.setStyle(id, 'height',altura+'px');
  }
  else
  {
   alto=altura;
   ocultar(id);
   //YAHOO.util.Dom.setStyle(id, 'visibility','hidden');
   //YAHOO.util.Dom.setStyle(id, 'height','0px');
  }
 }
}

function mostrar(id,altura)
{
 alto+=5;
 if (parseInt(alto)<parseInt(altura))
 {
   YAHOO.util.Dom.setStyle(id, 'height',alto + "px");
   setTimeout("mostrar('"+id+"',"+altura+")",10);   
 }
 else
 {
  YAHOO.util.Dom.setStyle(id, 'visibility','visible');
  YAHOO.util.Dom.setStyle(id, 'height','auto');
  enmovimiento=false;
 }
}

function ocultar(id)
{
 alto-=5; 
 if (parseInt(alto)>0)
 {
  YAHOO.util.Dom.setStyle(id, 'height',alto + "px");
  setTimeout("ocultar('"+id+"')",10);
 }
 else
 {
  YAHOO.util.Dom.setStyle(id, 'visibility','hidden');
  YAHOO.util.Dom.setStyle(id, 'height','0px');
  enmovimiento=false;
 }
}