var debug = false;
/*
///////////////////////////////////////////////////////////////////////////////
// Dimensies verkrijgen van element
///////////////////////////////////////////////////////////////////////////////
*/
function getWidthHeight(element)
{
 if (element.style.display != 'none')
  return {width: element.offsetWidth, height: element.offsetHeight};
 
 var els = element.style;
 var originalVisibility = els.visibility;
 var originalPosition = els.position;
 els.visibility = 'hidden';
 els.position = 'absolute';
 els.display = '';
 var originalWidth = element.clientWidth;
 var originalHeight = element.clientHeight;
 els.display = 'none';
 els.position = originalPosition;
 els.visibility = originalVisibility;
 return {width: originalWidth, height: originalHeight};
}
 
/*
///////////////////////////////////////////////////////////////////////////////
// div, naar benden laten scrollen (OPENEN)
///////////////////////////////////////////////////////////////////////////////
*/
var scroll_down_tid   = null;
var scroll_down_step  = 10;
var scroll_down_delay = 0.25;
var scroll_down_dim   = null
var scroll_down_pos   = 1;
 
function scroll_down(obj)
{
 obj.style.overflow = 'hidden';
 obj.style.position = 'relative';
 
 if (scroll_down_pos == 1)
  scroll_down_dim = getWidthHeight(obj).height;
 
 scroll_down_pos  += 10;
 scroll_down_step = 20;
 
 if ( (scroll_down_pos + scroll_down_step) >= scroll_down_dim )
 {
  clearTimeout(scroll_down_tid);
  scroll_down_pos  = 1
  obj.style.height = scroll_down_dim + 'px';
 }
 else
 {
  obj.style.display = 'block';
  obj.style.height = (scroll_down_step + scroll_down_pos) + 'px';
  scroll_down_tid = setTimeout("scroll_down(this.obj);", scroll_down_step*scroll_down_delay);
 }
 
 if (debug)
  status = 'DOWN for '+obj.id+', scroll_down_pos:'+scroll_down_pos+' scroll_down_dim:'+scroll_down_dim+' scroll_down_step:'+scroll_down_step;
}
 
/*
///////////////////////////////////////////////////////////////////////////////
// div, naar boven laten scrollen (SLUITEN)
///////////////////////////////////////////////////////////////////////////////
*/
var scroll_up_tid   = null;
var scroll_up_step  = 25;
var scroll_up_delay = 0.35;
 
function scroll_up(obj)
{
 var scroll_up_pos = parseInt(obj.style.height);
 
 if (isNaN(scroll_up_pos))
 {
  scroll_up_dim = getWidthHeight(obj);
  scroll_up_pos  = scroll_up_dim.height;
 }
 
 if ( scroll_up_pos <= scroll_up_step)
 {
  clearTimeout(scroll_up_tid);
  obj.style.display = 'none';
  obj.style.overflow = '';
  obj.style.height = '';
 }
 else
 {
  obj.style.overflow = 'hidden';
  obj.style.height = (scroll_up_pos - scroll_up_step) + 'px';
  scroll_up_tid = setTimeout("scroll_up(this.obj);", scroll_up_step*scroll_up_delay);
 }
 
 if (debug)
  status = 'UP for '+obj.id+', scroll_down_pos:'+scroll_up_pos;
}
 
/*
///////////////////////////////////////////////////////////////////////////////
// Element tonen/verbergen
///////////////////////////////////////////////////////////////////////////////
*/
function toggle_div_id(name)
{
 obj = document.getElementById(name);
 
 if (obj)
  obj.style.display == 'none' ? scroll_down(obj) : scroll_up(obj);
}