var ContentHeight = 86;
var TimeToSlide = 250.0;

var openAccordion = 'Accordion1Content';
var last_index = '';
var index = '';
var old_index;
var openingId = 'Accordion1Content';
/*
if (index == ''){
	
	newImagexy = "images/home_menu/Collapsed_Menu_Button_Down.jpg";
	document.getElementById('Click1Content').style.backgroundImage = "url('"+newImagexy+"')";	
	document.getElementById('Click1Content').style.backgroundRepeat = "no-repeat";
	//  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'Accordion1Content','Accordion'" + index + "'Content')", 33);

	var openAccordion = 'Accordion1Content';
	}
	*/
function runAccordion(index)
{

	
	var cID = "Click" + index + "Content";
  	var nID = "Accordion" + index + "Content";
	newImage = "images/home_menu/Collapsed_Menu_Button_Down.jpg";
	document.getElementById(cID).style.backgroundImage = "url('"+newImage+"')";	
	document.getElementById(cID).style.backgroundRepeat = "no-repeat";	
		//alert('change my background here');
	if(last_index != index){
	//alert('not equal');
	//newImagex = "images/home_menu/Collapsed_Menu_Button_Up.jpg";
	
	old_index = last_index;
	last_index = index;
	//alert('new'+last_index)
	}else{	
		//alert('equal');
		//alert(last_index);
	}
	//last_index = index;
  if(openAccordion == nID){
    nID = '';
	// this statement stops you from being able to collapse all menus at once, (leaves one open)
	  }else{ 
	    //alert(openAccordion);
	  setTimeout("animate(" + new Date().getTime() + "," + TimeToSlide + ",'" + openAccordion + "','" + nID + "')", 33);
  		
		openAccordion = nID;
		
		//alert(nID);
	  }
	  
}

function animate(lastTick, timeLeft, closingId, openingId)
{  
//alert(lastTick);
//alert(timeLeft);
//alert(closingId);
//alert(openingId);
  var curTick = new Date().getTime();
 
  var elapsedTicks = curTick - lastTick;
  //alert(elapsedTicks);
  //alert(elapsedTicks);
  
  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';
	  //swap the button here
	  if (old_index==''){
		  varIndex = '1'
	  }else{
		varIndex = old_index;
	  }
	newImagex = "images/home_menu/Collapsed_Menu_Button_Up.jpg";
	document.getElementById('Click'+varIndex+'Content').style.backgroundImage = "url('"+newImagex+"')";	
	document.getElementById('Click'+varIndex+'Content').style.backgroundRepeat = "no-repeat";	
	//alert(old_index);
    }
    return;
  }
 
  timeLeft -= elapsedTicks;
  
  var newClosedHeight = Math.round((timeLeft/TimeToSlide) * ContentHeight);
//alert(newClosedHeight);
  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);

}
