[Viktor -------]

Всем доброго времени суток!
задача вроде бы проста, при наведении на кноку(ячейку), динамически изменяется размер "div"-a., после "mouseout" возврат к исходным размерам (и то, и другое плавно!)
В нижеследующем примере кода возникает такой эффект:
при первом наведении мыши на объект, ничего не происходит, второй и все последующие разы работает так, как должно быть.
(аналогично для всех кнопок.)
Подскажите плиз что я делал "не так".

В .js
=================================

function chsz (xobj, id, w, h, speed) {
var t1, t2;
var obj=(MSIE)? document.all(id) : document.getElementById(id);
var n=Number(obj.offsetWidth), m=Number(obj.offsetHeight);
var x=Number(obj.offsetWidth), y=Number(obj.offsetHeight);
xobj.onmouseover=function (){
clearTimeout(t2);
if (n < w) {n+=5; obj.style.width=n};
if (m < h) {m+=5; obj.style.height=m};
t1 = setTimeout(arguments.callee, speed);
if (n >= w && m >= h) {clearTimeout(t1)};
};
xobj.onmouseout=function (){
clearTimeout(t1);
if (n > x) {n-=5; obj.style.width=n};
if (m > y) {m-=5; obj.style.height=m};
t2 = setTimeout(arguments.callee, speed);
if (n <= x && m <= y) {clearTimeout(t2)};
};
return;
}

=================================

вызов:
=================================
<td id="libcell" onMouseover="chsz(this,'descrlib','200','100','1') ">..........</td>
=================================