JQuery高手请进

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<style> 
body{ margin:0;}
.f_canvas{width:32px;position:absolute; overflow:hidden;}
.no_list{ width:157px;float:left;}
.no_list_btn{ width:32px;height:139px;float:left; background-image:url(img3-5_1.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img3-5_1.png", sizingMethod="crop");}
.no_list_c{background-image:url(img3-5_3.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img3-5_3.png", sizingMethod="scale"); text-align:center; _height:80px}
.no_list p{ margin:0; padding:0; font-size:12px; padding:2px 0; line-height:18px;}
.no_list_t{ width:157px;height:39px;background-image:url(img3-5_2.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img3-5_2.png", sizingMethod="crop");}
.no_list_b{ width:157px;height:46px;background-image:url(img3-5_4.png);_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img3-5_4.png", sizingMethod="crop");}
</style>
</head>
 
<body>
<div class="f_canvas" id="xixi">
<div style="width:190px;">
        <div class="no_list_btn"></div>
        <div class="no_list">
            <div class="no_list_t"></div>
            <div class="no_list_c">
                <p>
                <B>联系烈火技术</B><br />
                <a href='tencent://message/?uin=32619959' title='联系 烈火 Liehuo.Net'><img src='http://wpa.qq.com/pa?p=1:32619959:46' border='0'></a></p>
                <p>
                <B>联系烈火技术</B><br />
                <a href='tencent://message/?uin=32619959' title='联系 烈火 Liehuo.Net'><img src='http://wpa.qq.com/pa?p=1:32619959:46' border='0'></a></p>
                <p>
                <B>联系烈火技术</B><br />
                <a href='tencent://message/?uin=32619959' title='联系 烈火 Liehuo.Net'><img src='http://wpa.qq.com/pa?p=1:32619959:46' border='0'></a></p>
                <p>
                <B>联系烈火技术</B><br />
                <a href='tencent://message/?uin=32619959' title='联系 烈火 Liehuo.Net'><img src='http://wpa.qq.com/pa?p=1:32619959:46' border='0'></a></p>
                <p>
                <B>联系烈火技术</B><br />
                <a href='tencent://message/?uin=32619959' title='联系 烈火 Liehuo.Net'><img src='http://wpa.qq.com/pa?p=1:32619959:46' border='0'></a></p>
            </div>
            <div class="no_list_b"></div>
        </div>
        <div style="clear:both"></div>
    </div>
</div>
<script type="text/javascript"> 
/*以下代码放在网页底部*/
alert(document.body.clientWidth);
var TLEFT=$(document.body).width()-32;
 
var MLEFT=TLEFT-158;
$(".f_canvas").css("left",TLEFT);
var HideID;
$(".f_canvas").hover(
function(){
$(".f_canvas").stop().animate({left:MLEFT,width:190},300);
 
}
,
function(){
HideID=window.setTimeout(function(){$(".f_canvas").stop().animate({left:$(document.body).width()-32,width:32},300);},1000);
 
}
);
$(".f_canvas a,.f_canvas b").mouseover(function(){
window.clearTimeout(HideID);
});
 
烈火学院=function (id,_top,_left){
var me=id.charAt?document.getElementById(id):id, 
d1=document.body,
d2=document.documentElement;
d1.style.height=d2.style.height='100%';
me.style.top=_top?_top+'px':0;
setInterval(function (){me.style.top=parseInt(me.style.top)+(Math.max(d1.scrollTop,d2.scrollTop)+_top-parseInt(me.style.top))*0.1+'px';},10+parseInt(Math.random()*20));
return arguments.callee;
};
window.onload=function (){
烈火学院('xixi',150,0)
};
</SCRIPT>
</body>
</html>这是一个悬浮的联系方式，每次加载进来效果都是好好的，可是当最小化/最大化的时候，就有bug了，小弟我实在调不了，请高手帮我调调