.vraag {
	width:400px;
	font-family: Arial;
	font-size:10pt;	
	color:#FFF;
	background-color:#960;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;	
	height:20px;
	overflow:hidden;
	cursor:pointer; }
	
.antwoord {
	position:relative;
	width:400px;
	border:1px solid #960;
	background-color:#FFFF33;
	visibility:hidden;
	height:0px;
	overflow:hidden; }
	
.antwoordInhoud {	
	position:relative;
	font-family: Arial;
	font-size:10pt;	
	padding:2px; }
</style>

<script type="text/javascript">
var schuifSnelheid = 10;	// hogere waarde = sneller
var pauze = 10;				// lagere waarde = sneller
var openItem = false;
var actiefItem = false;
var schuivenBezig = false;

function tonenVerbergen(e,invoerId) {
	if(schuivenBezig)return;
	schuivenBezig = true;
	if(!invoerId)invoerId = this.id;
	invoerId = invoerId + '';
	var getalId = invoerId.replace(/[^0-9]/g,'');
	var antwoordDiv = document.getElementById('titel' + getalId);
	openItem = false;
	if(!antwoordDiv.style.display || antwoordDiv.style.display=='none'){		
		if(actiefItem &&  actiefItem!=getalId){			
			openItem = getalId;
			schuifInhoud(actiefItem,(schuifSnelheid*-1));}
		else{
			antwoordDiv.style.display='block';
			antwoordDiv.style.visibility='visible';
			schuifInhoud(getalId,schuifSnelheid);}}
		else{
		schuifInhoud(getalId,(schuifSnelheid*-1));
		actiefItem = false;}}

function schuifInhoud(invoerId,richting){
	var object =document.getElementById('titel' + invoerId);
	var inhoudObject = document.getElementById('tekst' + invoerId);
	hoogte = object.clientHeight;
	if(hoogte==0)hoogte = object.offsetHeight;
	hoogte = hoogte + richting;
	doorloopFunctieOpnieuw = true;
	if(hoogte>inhoudObject.offsetHeight){
		hoogte = inhoudObject.offsetHeight;
		doorloopFunctieOpnieuw = false;}
	if(hoogte<=1){
		hoogte = 1;
		doorloopFunctieOpnieuw = false;}
	object.style.height = hoogte + 'px';
	var topPos = hoogte - inhoudObject.offsetHeight;
	if(topPos>0)topPos=0;
	inhoudObject.style.top = topPos + 'px';
	if(doorloopFunctieOpnieuw){
		setTimeout('schuifInhoud(' + invoerId + ',' + richting + ')',pauze);}
	else{
	if(hoogte<=1){
		object.style.display='none'; 
		if(openItem && openItem!=invoerId){
			document.getElementById('titel' + openItem).style.display='block';
			document.getElementById('titel' + openItem).style.visibility='visible';
			schuifInhoud(openItem,schuifSnelheid);}
		else{schuivenBezig = false;}}
	else{actiefItem = invoerId; schuivenBezig = false;}}}

function init(){
	var divs = document.getElementsByTagName('DIV');
	var divTeller = 1;
	for(var nr=0;nr<divs.length;nr++){
		if(divs[nr].className=='vraag'){
			divs[nr].onclick = tonenVerbergen;
			divs[nr].id = 'startVraag'+divTeller;
			var antwNr = divs[nr].nextSibling;
			while(antwNr && antwNr.tagName!='DIV'){
				antwNr = antwNr.nextSibling;}
			antwNr.id = 'titel'+divTeller;	
			inhoudDiv = antwNr.getElementsByTagName('DIV')[0];
			inhoudDiv.style.top = 0 - inhoudDiv.offsetHeight + 'px'; 	
			inhoudDiv.className='antwoordInhoud';
			inhoudDiv.id = 'tekst' + divTeller;
			antwNr.style.display='none';
			antwNr.style.height='1px';
			divTeller++;}}}
window.onload = init; // eventueel te verwijderen en in body-tag te plaatsen