// This is the Accordion class that takes care of making the class slide out and in.

//var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion(index)
{
	
	
	
  var nID = "Accordion" + index + "Content";

 // My mod on the project trying to audo size the content
	if(document.getElementById(nID)){

		// alert(document.getElementById(nID).childNodes.length);
	
		var browser=navigator.appName;
		var b_version=navigator.appVersion;
		var version=parseFloat(b_version);
		
		if(browser=="Microsoft Internet Explorer"){
		
			//and for ie
			var set_contentHeight = (((document.getElementById(nID).childNodes.length - 1) / 4) * 20) + 10;
			
			//alert('IE');
		
		}else{
		
			//for firefox and safari...
			var set_contentHeight = (((document.getElementById(nID).childNodes.length - 4) / 4) * 20) + 20;
			
			//var set_contentHeight = document.getElementById(nID).childNodes.length * 10;
			
			//alert('firefox');
		
		}
			
					
		 
		
		
		
		/*
		if(document.getElementById(nID).childNodes.length < 6){
			
			var set_contentHeight = (12 * document.getElementById(nID).childNodes.length) + 4;
			
		 }else{
			
			var set_contentHeight = ((16 * document.getElementById(nID).childNodes.length)/2) + 4;
			
		}
		*/


		  //alert(document.getElementById(nID).childNodes.length);


		  if(openAccordion == nID)
			nID = '';

		  setTimeout("animate("
			  + new Date().getTime() + "," + TimeToSlide + ",'"
			  + openAccordion + "','" + nID + "','" + set_contentHeight + "')", 33);

		  openAccordion = nID;
	  
	  }
}

function animate(lastTick, timeLeft, closingId, openingId, ContentHeight)
{ 
  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 + "','" + ContentHeight + "')", 20);
}