var ContentHeight = 355;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index, path2folder){
  var nID = "Accordion" + index + "Content";
  if(openAccordion == nID)
    nID = '';
    
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openAccordion + "','" + nID + "')", 33);
  
  //Check the arrow
  var elem = document.getElementsByClassName('AccordionStatus');
  for (var i = 0; i < elem.length; i++) {
    document.getElementById(elem[i].id).style.background = "url(assets/pijltje-naar-rechts.png)";
    document.getElementById(elem[i].id).style.backgroundPosition = "7px 2px";
    document.getElementById(elem[i].id).style.backgroundRepeat = "no-repeat";
    }; 
  
  var elem = document.getElementsByClassName('AccordionContent');
  for (var i = 0; i < elem.length; i++){
    document.getElementById(elem[i].id).innerHTML = "";
    }; 
    
  if(nID != ""){
    var arrowID = "AccStatus" + index;
    document.getElementById(arrowID).style.background = "url(assets/pijltje-naar-onder.png)";
    document.getElementById(arrowID).style.backgroundPosition = "7px 2px";
    document.getElementById(arrowID).style.backgroundRepeat = "no-repeat";
    
    getPictures("Accordion"+index+"Content",path2folder);
    }
  
  openAccordion = nID;
  }

function animate(lastTick, timeLeft, closingId, openingId)
{  
  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';

  setTimeout("animate(" + curTick + "," + timeLeft +",'" + closingId + "','" + openingId + "')", 33);
}