// JavaScript Document
var ContentHeight = 200;
var TimeToSlide = 250.0;

var openAccordion = '';

function runAccordion2(index, cwidth)
{
  ContentHeight = cwidth;
  var nID = "Accordion" + index + "Content";
  var accord = document.getElementById('accr'+index);
  var hd = document.getElementById('hd'+index);
  if(openAccordion == nID)
    nID = '';
  
  //First clear all
  for (var j = 0; j < 30; j++)
  {
	  var temp = document.getElementById('accr'+j);
	  var temp2 = document.getElementById('Accordion' + j + 'Content');
	  if (temp)
	  {
		  temp.style.backgroundColor = '#000';
		  temp.style.color = '#fff';		  
	  }
	  if (temp2)
	  {
		  temp2.style.display = 'none';
		  temp2.style.height = '0px';			  	  
	  }
	  temp = document.getElementById('hd'+j);
	  if (temp)
	  {
		  temp.style.color = '#fff';		  
	  }
  }
  
  if (accord)
  {
	  accord.className = 'AccordionTitleActive';
	  accord.style.backgroundColor = '#fff';
  }
  if (hd)
  {
	  hd.style.color = '#000';
  }  
  
  animate(openAccordion, nID , cwidth);
 
  openAccordion = nID;
  
  
}


function runAccordion(index)
{
	ContentHeight = 200;
  var nID = "Accordion" + index + "Content";
  var accord = document.getElementById('accr'+index);
  var hd = document.getElementById('hd'+index);
  if(openAccordion == nID)
    nID = '';
   
  animate(openAccordion, nID , 250);
 
  openAccordion = nID;
  
  //First clear all
  for (var j = 0; j < 30; j++)
  {
	  var temp = document.getElementById('accr'+j);
	  if (temp)
	  {
		  temp.style.backgroundColor = '#000';
		  temp.style.color = '#fff';		  
	  }
	  temp = document.getElementById('hd'+j);
	  if (temp)
	  {
		  temp.style.color = '#fff';		  
	  }
  }
  
  if (accord)
  {
	  accord.className = 'AccordionTitleActive';
	  accord.style.backgroundColor = '#fff';
  }
  if (hd)
  {
	  hd.style.color = '#000';
  }  
}

function animate(closingId, openingId, cwidth)
{  
 
  var opening = (openingId == '') ? null : document.getElementById(openingId);
  var closing = (closingId == '') ? null : document.getElementById(closingId);
 
	if (closing)
    {
	    if (!opening)
	    {
			opening = closing;
	    }
		closing.style.display = 'none';
		closing.style.height = '0px';	   
    }

    if (opening)
    {
		opening.style.display = 'block';
		opening.style.height = cwidth+'px';
    }
   

 
}