//+--------------------------------------------------------------------------+
//| faq.js							                                         |
//| ×›opyleft [jprado@layer51.com]    									     |
//+--------------------------------------------------------------------------+

function initFaq(){
	var questions = document.getElementsByClassName('faqQ');
	for (var i=0; i<questions.length; i++)
	{
		document.addEvent(questions[i],'click',showQuestion);
		document.addEvent(questions[i],'mouseover',faqOver);
		document.addEvent(questions[i],'mouseout',faqOut);
	}
}

function showQuestion(e){
	var faq = this.parentNode || e.srcElement.parentElement;
	var answer = faq.getElementsByTagName("DIV")[1];
	if( answer.style.display == 'block') {
		answer.style.display = 'none';
	} else {
		answer.style.display = 'block';
	}
}

function faqOver(e){
	if( e.srcElement )
		e.srcElement.className = 'faqQ fOver';
	else
		this.className = 'faqQ fOver';
	return;
}

function faqOut(e){
	if( e.srcElement )
		e.srcElement.className = 'faqQ fOut';
	else
		this.className = 'faqQ fOut';
	return;
}

function togglefaq(){
	var answers = document.getElementsByClassName('faqA');
	var set = document.getElementById('toggle').checked ? 'block' : 'none';
	for (var i=0; i<answers.length; i++)
	{
		answers[i].style.display = set;
	}
	return;
}

// now everything is defined, call it
document.addEvent(window,'load',initFaq);