求高手帮忙看看。现在默认是展开，改成默认收缩，求高手帮忙

求高手帮忙看看下面代码。现在默认是展开，加载3秒后收缩，求高手帮忙改成默认收缩，不要展开，需要点击后才展开。
<!--浮动-->
<style type="text/css">
#common_box{width:300px;position:fixed;_position:absolute;right:0;top:30%;border:1px solid #789;background:#fff;z-index:88}
#cli_on{width:20px;height:120px;float:left;cursor:pointer;background:#3399ff;text-align:center; padding-top:5px; margin:0 auto; }
</style>
<div id="common_box">
<div id="cli_on" style="width: 20px; height: 120px">
<font color="#FFFFFF" style="font-size: 12pt">点击免费通话</font></div>
<div>
<span style="font-size: 10pt"> &nbsp;我们将立即回电,该通话对您免费,请放心接听!</span>
</div>
</div>
<script type="text/javascript">
window.onload = function() {
var combox = document.getElementById("common_box");
var cli_on = document.getElementById("cli_on");
var flag = true, timer = true, initime = true, r_len = 0;
cli_on.onclick = function () {
/*如果不需要动态效果，这两句足矣
combox.style.right = flag?'-270px':0;
flag = !flag;
*/
clearTimeout(initime);
//根据状态flag执开展开收缩
if (flag) {
r_len = 0;
timer = setInterval(slideright, 1);
} else {
r_len = -280;
timer = setInterval(slideleft, 1);
}
}
//展开
function slideright() {
if (r_len <= -280) {
clearInterval(timer);
flag = !flag;
return false;
} else {
r_len -= 5;
combox.style.right = r_len + 'px';
}
}
//收缩
function slideleft() {
if (r_len >= 1) {
clearInterval(timer);
flag = !flag;
return false;
} else {
r_len += 5;
combox.style.right = r_len + 'px';
}
}
//加载后3秒页面自动收缩
initime = setTimeout("cli_on.click()", 3000);
}
</script>
<!--浮动-->