// using a DD with DT list to create a faq
// instructions: put the question in the dt and the answer in the dd, it's that simple

//first: function for body load

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

function faqItemToggle(x){
	var faqDT = document.getElementById('faqList').getElementsByTagName('dt');
	var faqDD = document.getElementById('faqList').getElementsByTagName('dd');
	if (faqDD[x].className=='hideItem') 
		faqCloseAll();
	faqDD[x].className = (faqDD[x].className=='hideItem') ? 'showItem' : 'hideItem';
	faqDT[x].className = (faqDT[x].className=='open') ? 'closed' : 'open';	
			
}

function faqCloseAll(){
	var faqDT = document.getElementById('faqList').getElementsByTagName('dt');	
	var faqDD = document.getElementById('faqList').getElementsByTagName('dd');
	for(var i=0; i<faqDT.length; i++){
		faqDD[i].className = 'hideItem';
		faqDT[i].className = 'open';
	}
	return false;	
}

function faqToggle(){
	if (document.getElementById && document.getElementsByTagName){		
		if (document.getElementById('faqList') != null){
			var faqDT = document.getElementById('faqList').getElementsByTagName('dt');
			var faqDD = document.getElementById('faqList').getElementsByTagName('dd');
			for(var i=0; i<faqDT.length; i++){
				var itemHTML = faqDT[i].innerHTML;
				var itemHref = "<a href='#"+i+"' onclick=\"faqItemToggle("+i+");return false\">";
				faqDT[i].innerHTML = itemHref + itemHTML + "</a>";
				faqDD[i].className = 'hideItem';
				faqDT[i].className = 'open';
			}
		document.getElementById('faqList').style.display = 'inline';
		}
	}
}

// onload
addLoadEvent(faqToggle);