var snelheid = 15.0 // aantal stappen
var i=0;
var divid2,imgid2,totale,k;
function klappen(divid){

  divid2 = divid;
//  img2uit = divid + 'uit';
//  img2in = divid + 'in';
  img2icon = divid + 'icon';
  img2block = divid + 'block';
if(document.getElementById(divid)!=null){
	if(document.getElementById(divid).style.display != 'block'){
		document.getElementById(divid).style.visibility = 'visible';
 		document.getElementById(divid).style.display = 'block';
  		document.getElementById(divid).style.height = 'auto';
  		totale = document.getElementById(divid).offsetHeight;
		klapuit();
//		document.getElementById(img2in).style.visibility = 'visible';
//		document.getElementById(img2uit).style.visibility = 'hidden';
//		document.getElementById(img2icon).src='layout/icoon_inklappen.gif';
		document.getElementById(img2block).innerHTML = '<img src="layout/icoon_inklappen.gif" border=0>';
	} 
	else {
 		document.getElementById(divid).style.height = 'auto';
  		totale = document.getElementById(divid).offsetHeight;
		k = totale;
		klapin();
//		document.getElementById(img2in).style.visibility = 'hidden';
//		document.getElementById(img2uit).style.visibility = 'visible';
//		document.getElementById(img2icon).src='layout/icoon_uitklappen.gif';
		document.getElementById(img2block).innerHTML = '<img src="layout/icoon_uitklappen.gif" border=0>';
	}
}
}

function klapuit(){
	var stap = 1.0 // in px
	stap+=(totale/snelheid);
 	if(i<totale){
	    document.getElementById(divid2).style.height = i + 'px';
	    setTimeout('klapuit()',10);
   		i=i+stap;
   		}
  else{ 
		document.getElementById(divid2).style.height = totale + 'px';
	  	i=0; 
  	}
 }
 

 function klapin(){
	var stap = 1.0 // in px
   if(k > 0){
		stap+=(totale/snelheid);
	  	document.getElementById(divid2).style.height = k + 'px';
	  	k=k-stap;
	  	setTimeout('klapin()',10);   
    }
    else {
	   document.getElementById(divid2).style.visibility = 'hidden';
 		document.getElementById(divid2).style.display = 'none';
		document.getElementById(divid2).style.height = 0 + 'px';
 		k=0;
    }
  
} 

