document.write('<style type="text\/css">.question { cursor:pointer; }<\/style>');
document.write('<style type="text\/css">.answer { display:none; }<\/style>');

listen('load', window, function() 
{
	mlisten('click', getElementsByClassName('question'), event_contentShow());

	var questions = getElementsByClassName('question');
	var answers = getElementsByClassName('answer');
	for(var i=0;i<questions.length;i++) questions[i].id = 'q'+i; 
	for(var i=0;i<answers.length;i++) answers[i].id = 'a'+i; 
});

function event_contentShow() {
	return function(e) { 
		//alert(e.currentTarget.id);
		contentShow(e.currentTarget.id);
		e.preventDefault(); 
	}
}

function contentShow(objNum) {
	answer = document.getElementById('a'+objNum.substr(1,objNum.length));
	question = document.getElementById(objNum);
	
	if (answer.style.display == 'block') {
	answer.style.display = 'none';
	} else {
	answer.style.display = 'block';
	}
}