// JavaScript to toggle display of answers on FAQ page
  var previousAnswer = null;  //useed to hide previous answer when switching questions
  function HideFAQAnswers() {
    var myFAQ = document.getElementById("FAQ"); // FAQ div 
    var myFaqQ = myFAQ.getElementsByTagName("dt"); // All dt's within FAQ div
	var myFaqA = myFAQ.getElementsByTagName("dd"); // All dd's within FAQ div
    for (var i = 0;  i < myFaqA.length; i++)
	{
	  myFaqA[i].className = "HideMe";  //Hide all answers (dd's)
	  myFaqA[i].id = "FaqA" + [i];  // Assign ID to each answer (dd)
	}
    for (var i = 0;  i < myFaqQ.length; i++)
	{
	  // Assign an ID to each question
	  myFaqQ[i].id = "FaqQ" + [i];
	}
	for (var i = 0;  i < myFaqQ.length; i++)
	{
	  // Add Arrow images to each question with link to toggle answer display
	  var x = document.createElement('img');
	  x.src="/images/Parks/FAQ/ArrowQ.gif";
	  x.alt="";
	  x.width="27";
	  x.height="19";
	  x.id="imgQ" + i;
	  x.align="left";
	  x.border="0";
  	  var z = document.createElement('a');
	  z.setAttribute("href", "javascript:toggleAnswer(" + i + ");");
	  z.setAttribute("id", "link" + i);	  
	  var currentQ = document.getElementById('FaqQ' + i);
	  var CurrentQfirstChild = currentQ.firstChild;
	  currentQ.insertBefore(z,CurrentQfirstChild);
	  var currentQ = document.getElementById('link' + i);
	  var CurrentQfirstChild = currentQ.firstChild;
	  currentQ.insertBefore(x,CurrentQfirstChild);	  	  
	}  
  }	
  function toggleAnswer (answerID) {
	if (previousAnswer != null && previousAnswer != answerID) {
	  var answer = document.getElementById('FaqA' + previousAnswer);
 	  var x = document.getElementById('imgQ' + previousAnswer);
	  if (answer.className == "ShowMe") {	
		answer.className = "HideMe";
  	    x.src="/images/Parks/FAQ/ArrowQ.gif";
	    x.width="27";
	    x.height="19";      
	  }
	}
	var answer = document.getElementById('FaqA' + answerID);
 	var x = document.getElementById('imgQ' + answerID);
	if (answer.className == "ShowMe") {	
		answer.className = "HideMe";
  	    x.src="/images/Parks/FAQ/ArrowQ.gif";
	    x.width="27";
	    x.height="19";      
	}
	else {
	  answer.className = "ShowMe";
	  x.src="/images/Parks/FAQ/ArrowA.gif";
  	  x.width="19";
	  x.height="27";
	}
	previousAnswer = answerID;  
  }