//var ContentHeight = 200;
//var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(id, ContentHeight, TimeToSlide)
{  
  if(openAccordion == id)
    id = '';
    
//  setTimeout("animate(" 
//      + new Date().getTime() + "," + TimeToSlide + ",'" 
//      + openAccordion + "','" + id + "')", 33);

set_timout_animate(new Date().getTime(), TimeToSlide, openAccordion, id, ContentHeight, TimeToSlide);
  
  openAccordion = id;
}

function set_timout_animate(lastTick, timeLeft, closingId, openingId, ContentHeight, TimeToSlide) {
    setTimeout("animate(" + lastTick + "," + timeLeft + ",'"
      + closingId + "','" + openingId + "'," + ContentHeight + "," + TimeToSlide +")", 33);
}

function animate(lastTick, timeLeft, closingId, openingId, ContentHeight, TimeToSlide)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  
  var opening = (openingId == '') ? 
      null : document.getElementById(openingId);
  var closing = (closingId == '') ? 
      null : document.getElementById(closingId);
 
  if(timeLeft <= elapsedTicks)
  {
    if(opening != null)
      opening.style.height = ContentHeight + 'px';
    
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.height = '0px';
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedHeight = 
      Math.round((timeLeft/TimeToSlide) * ContentHeight);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.height = 
        (ContentHeight - newClosedHeight) + 'px';
  }
  
  if(closing != null)
    closing.style.height = newClosedHeight + 'px';

  set_timout_animate(curTick, timeLeft, closingId, openingId, ContentHeight, TimeToSlide);

}