var smooth_timer;

function lerpHeight(id, curH, targetH, stepH, mode) {
  diff = targetH - curH;
  if (diff != 0) {
    newH = (diff > 0) ? curH + stepH : curH - stepH;
	if(diff>0 && diff<stepH){
		newH = targetH
	}
//	curH = (curH < targetH) ? targetH : currH;
    ((document.getElementById) ? document.getElementById(id) : eval("document.all['" + id + "']")).style.height = newH + "px";
    if (smooth_timer) window.clearTimeout(smooth_timer);
    smooth_timer = window.setTimeout( "lerpHeight('" + id + "'," + newH + "," + targetH + "," + stepH + ",'" + mode + "')", 20 );
  }
  else if (mode != "o") ((document.getElementById) ? document.getElementById(mode) : eval("document.all['" + mode + "']")).style.display="none";
}

function expand(i, href, len) {
  var trObj = (document.getElementById) ? document.getElementById('tr' + i) : eval("document.all['tr" + i + "']");
  var nameObj = (document.getElementById) ? document.getElementById('name' + i) : eval("document.all['name" + i + "']");
  var ifObj = (document.getElementById) ? document.getElementById('item' + i) : eval("document.all['item" + i + "']");
  if (trObj != null) {
    if (trObj.style.display=="none") {
      trObj.style.display="";
//      nameObj.style.background="#ECECD9";
      if (!ifObj.src) ifObj.src = href;
      lerpHeight('item' + i, 0, len, 42, 'o');
    }
    else {
//      nameObj.style.background=nColor;
      lerpHeight('item' + i, len, 0, 42, 'tr' + i);
//	  trObj.style.display="none";
    }
  }
}