//script from http://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menushttp://www.switchonthecode.com/tutorials/javascript-and-css-tutorial-accordion-menus

var ContentWidth = 344;
var TimeToSlide = 300.0;

var openAccordion = '';


function runAccordion(index)
{
  var nID = "Accordion" + index + "Content";
     
  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openAccordion + "','" + nID + "')", 33);
  
  openAccordion = nID;
}



function animate(lastTick, timeLeft, closingId, openingId)
{ 
  if (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.width = ContentWidth + 'px';
    
    if(closing != null)
    {
      closing.style.display = 'none';
      closing.style.width = '0px';
      if (closingId != "Accordion4Content")      
      {
         document.getElementById("Accordion4Content").style.width = '340px';
         document.getElementById("Accordion4Content").style.height = '230px';
         document.getElementById("Accordion4Content").style.display = 'block';          
      }
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  var newClosedWidth = Math.round((timeLeft/TimeToSlide) * ContentWidth);

  if(opening != null)
  {
    if(opening.style.display != 'block')
      opening.style.display = 'block';
    opening.style.width = (ContentWidth - newClosedWidth) + 'px';
  }
  
  if(closing != null)
    closing.style.width = newClosedWidth + 'px';
    

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