window.onload = initFaq;

//Varible global
var answers = new Array;
function initFaq () {
  var container = document.getElementById('faq-container');
  var faqs = container.getElementsByTagName('DIV');
  var questionAnswers = new Array;
  for (var i = 0; i < faqs.length; i++) {
    if (faqs[i].className.indexOf('question-answer') != -1) {
      questionAnswers.push(faqs[i]);
      faqs[i].style.cursor = 'pointer';
      
      var inElems = faqs[i].getElementsByTagName('DIV');
      for (var j = 0; j < inElems.length; j++) {
        if (inElems[j].className == 'answer')
          answers.push(inElems[j]);
      }
    }
  }
  //Esperamos a que se haya construido el dom
  for (i = 0; i < questionAnswers.length; i++) {
    addBehavior(questionAnswers[i], (i == 0));
  }
}
function addBehavior(faq, show) {
  //Recogemos todos los elementos de dentro del div
  var elems = faq.getElementsByTagName('DIV');
  var count = 0;
  for (var i = 0; i < elems.length; i++) {
    switch (elems[i].className) {
      case 'answer':
        if (!show) elems[i].style.display = 'none';
        break;
      default:
        if (elems[i].className.indexOf('question-head') != -1)
          elems[i].onclick = showThisAndHideRestAnswers;
    }
  }
}
function showThisAndHideRestAnswers () {
  for (var i = 0; i < answers.length; i++) {
    if (answers[i].id.indexOf(this.id) != -1) {
      //answers[i].appear({duration: 1});
      answers[i].style.display = 'block';
    }
    else answers[i].style.display= 'none';
  }
}