// start by getting all the questions and answers
// these will be put into arrays

var questions = document.getElementsByTagName('dt');
var answers = document.getElementsByTagName('dd');


// function for the link that turns them all off
function toggleAllOff(){
	for (var i = 0; i < answers.length; i++) { 
		answers[i].className = 'hide';
		document.getElementById("faqmostrar").innerHTML = '<a href="javascript:toggleAllOn();">Mostrar todas</a>';
	}
}

// function for the link that turns them all on
function toggleAllOn(){
	for (var i = 0; i < answers.length; i++) { 
		answers[i].className = 'show';
		document.getElementById("faqmostrar").innerHTML = '<a href="javascript:toggleAllOff();">Esconder todas</a>';
	}

}


function toggleNext(el) {
 var next=el.nextSibling;

 next.style.display=((next.style.display=="none") ? "block" : "none");
}


//makes the definition lists click-able
function displayToggle(obj){
	
	 var classAtual;
	 var objAtual;
	 
	 for (i=0; i<obj.parentNode.childNodes.length; i++)
	 {
		 if (obj.parentNode.childNodes[i].nodeName == "DD")
		 {
			 objAtual = obj.parentNode.childNodes[i];
			 classAtual = obj.parentNode.childNodes[i].className;
		 }
	 }
	
	 toggleAllOff(); // calls the toggle all off function to turn all the answers off when the page is loaded	
	 
	 objAtual.className = classAtual;

	 
	 if (objAtual.className != "show")
	 {
		objAtual.className = "show";
	 }
	 else
	 {
		objAtual.className = "hide";
	 }

}

