var TimeToSlide = 50.0;
var ContentHeight=50;

var openAccordion = '';

function runAccordion(index)
{
  var nID = "Acc" + index;
  if(openAccordion == nID) nID = '';
   
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'"
      + openAccordion + "','" + nID + "')", 30);
 
  openAccordion = nID;
}
function animate(lastTick, timeLeft, closingId, openingId)
{  
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
  var opening = (openingId == "") ? null : GetElement(openingId);
  var closing = (closingId == "") ? null : GetElement(closingId);
  if(timeLeft <= elapsedTicks)
  {  
 if(opening != null){
  opening.style.height = 'auto';
}
    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 + "')", 30);
}
function changeImage(Elem) {
var Ergebnis=Elem.src.indexOf('plus');
var Ergebnis2 = Elem.src.indexOf('minus');


for(var i=0;i<GetElement('cats').getElementsByTagName('img').length;i++){

GetElement('cats').getElementsByTagName('img')[i].src="/photo/accordion/plus.png";
}



if(Ergebnis>0){
Elem.src="/photo/accordion/minus.png";
}else if(Ergebnis2>0){
Elem.src="/photo/accordion/plus.png";
}
}
function GetElement(Name){
if(document.all){
return document.all(Name);
} else {
return document.getElementById(Name);
}
}
