function toggle(id) {
	var e1 = document.getElementById(id);
	if(e1.offsetHeight == '0') { slideout(id); } else { slidein(id); }
}

var slideTimeout = new Array();

function slideout(id) {

	clearTimeout(slideTimeout[id]);

	var growH = '10';
	var growS = '1';
	var elem = document.getElementById(id);
	var elem2 = document.getElementById(id+'_in');
	var elementH = elem.offsetHeight;
	var desiredH = elem2.offsetHeight;
	var newH = elementH + parseInt(growH);



	if (elementH < desiredH) {
		if (newH > desiredH) { newH = desiredH; }
		elem.style.height = newH + 'px';
		
		if (newH < desiredH)
			slideTimeout[id] = setTimeout("slideout('"+id+"')", growS);
	}

} 

function slidein(id) {

	clearTimeout(slideTimeout[id]);

	var shrinkH = '20';
	var shrinkS = '1';
	var elem = document.getElementById(id);
	var elementH = elem.offsetHeight;
	var desiredH = '0';
	var newH = elementH - parseInt(shrinkH);

	if (elementH > desiredH) {
		if (newH < desiredH) { newH = desiredH; }
		elem.style.height = newH + 'px';
		
		if (newH > desiredH)
			slideTimeout[id] = setTimeout("slidein('"+id+"')", shrinkS);
	}

}