var namarray = new Array();
var sizarray = new Array();

function SetFoldBoxInitialHeight(FoldBoxes) {
  var i;
  var s;

  for (i = 0; i  < FoldBoxes.length; i++){
	s = FoldBoxes[i];
	document.getElementById(s).style.height=document.getElementById(s).offsetHeight+"px";
  }
}

function AddFoldBoxMaxSize(nam, siz) {
  namarray = namarray.concat(nam);
  sizarray = sizarray.concat(siz);
}

function GetFoldBoxMaxSize(nam) {
	var i;
	var result = -1;
	var s;

	for (i = 0; i  < namarray.length; i++){
		s = namarray[i];
		if (s == nam){
			result = sizarray[i];
			break;
		}
	}

	return(result);
}

function FoldBoxResize(nam, minsiz, maxsiz, step) {
  o = document.getElementById(nam);
  cheight = o.style.height;
  cheight = cheight.replace('px', '');
  cheight = parseInt(cheight);
  cheight = cheight + step
  document.getElementById(nam).style.height = cheight+"px";
  
  if (((cheight + step) > minsiz) && ((cheight + step) < maxsiz)) {
    setTimeout('FoldBoxResize("'+nam+'",'+minsiz+','+maxsiz+','+step+')', 1);
  } else {
      if ((cheight + step) <= minsiz) { document.getElementById(nam).style.height = minsiz+"px"; }
      if ((cheight + step) >= maxsiz) { document.getElementById(nam).style.height = maxsiz+"px"; }
    }
}


function FoldBox(nam, minsiz, imgid) {
  o = document.getElementById(nam);
  cheight = o.style.height;
  cheight = cheight.replace('px', '');
  cheight = parseInt(cheight);
  mheight = GetFoldBoxMaxSize(nam, sizarray);
  if (mheight == -1) {
    AddFoldBoxMaxSize(nam, cheight, sizarray);
    mheight = cheight;
  }  
  if (cheight == minsiz) {
   FoldBoxResize(nam, minsiz, mheight, 5);
   document.getElementById(imgid).src = '/bouwblokken/image/barup01.gif';
  } else
    { FoldBoxResize(nam, minsiz, mheight, -5);
      document.getElementById(imgid).src = '/bouwblokken/image/bardn01.gif';
    }    
}