function closeAll(el)
{
  //alert(el.id);
  
  
  // close parents
  for (var i=1; i < 6; i++)
  {
    var accButton = document.getElementById('fact' + i);
    var accCRegion = document.getElementById(accButton.id + 'Region');
	
	accButton.className     = "factClosed";
    accCRegion.style.display = "none";
  }
  
  // close children 3
  
  for (var i=1; i < 3; i++)
  {
    var accButton = document.getElementById('fact3_' + i);
    var accCRegion = document.getElementById(accButton.id + 'Region');
    
	accButton.className     = "factGClosed";
    accCRegion.style.display = "none";
  }
  /*
  // close children 5
  for (var i=1; i < 3; i++)
  {
    var accButton = document.getElementById('fact5_' + i);
    var accCRegion = document.getElementById(accButton.id + 'Region');
    
	accButton.className     = "factGClosed";
    accCRegion.style.display = "none";
  }
  */
  
}

function accordion(el)
{
  //open current
  var accRegion = document.getElementById(el.id + 'Region');

  if (accRegion)
  {
    if (el.className == "factOpen")
    {
      el.className            = "factClosed";
	  accRegion.style.display = "none";
	  
    }
    else
    {
      closeAll(el)  ;
	  
	  //el.className            = "factOpen";
      //accRegion.style.display = "";
	  
	  // if clicked submenu
	  if(el.id.length == 7)
	  {
		 	// expand sub
		  	el.className            = "factGOpen";
      		accRegion.style.display = "";
		  
		  // expand parent
		  document.getElementById(el.id.substring(0,5)).className = "factOpen";
		  document.getElementById(el.id.substring(0,5) + "Region").style.display = "";
	  }
	  else
	  {
		 // expand parent menu
		 el.className            = "factOpen";
      	  accRegion.style.display = "";
	  }
	  
	  
	}
  }
  
  
}