function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
	clearTimeout(eval(layerName).timer)
	if(eval(layerName).curLeft != fromLeft){		
		if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
		else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
			else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}		
		document.getElementById(layerName).style.left = eval(layerName).curLeft+"px";		
	}
	if(eval(layerName).curTop != fromTop){
		alert("top");
   		if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
		else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
			else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
		document.getElementById(layerName).style.top = eval(layerName).curTop+"px";
	}
	eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}
function setPace(layerName, fromLeft, fromTop, motionSpeed){
	eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed;	
	eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed;	
	moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop);	
}
function FixY(){
	var diffY;
	if (document.documentElement && document.documentElement.scrollTop){
		diffY = document.documentElement.scrollTop;
	}else if (document.body){
		diffY = document.body.scrollTop;
	}
	diffY +=150;
	sidemenu.style.top = diffY+"px";	
}
function expand(){		
  	if(expandState == 0){
	  	setPace('webcall', 0, 10, 10); 	  	
		document.getElementById("expandImg").src ='img/extent_right.png';		 
		expandState = 1;
	}else{
//		setPace('webcall', -130, 10, 10);
		setPace('webcall', 0, 10, 10); 
		document.getElementById("expandImg").src='img/extent_right.png';		
		expandState = 0;
	}
}

var webcallUrl='floatBody.php';
var webcallStr='<style type=text/css> #webcall { /*left: -130px;*/ left:0px; top: 25px; position: absolute; z-index: 999}</style>'
				+'<table id="webcall" cellSpacing="0" cellPadding="0" border="0">'
				+'	<tr>'
				+'		<td valign="top" width="130"><iframe  name="laoxu" src="'+webcallUrl+'" style=" left:0px; top:0px;" frameBorder=0 width="100%" scrolling=no onload="this.height=laoxu.document.body.scrollHeight"></iframe></td>'
//				+'		<td valign="top"><img id="expandImg" onmouseover="expand()" height="194" src="img/extent_right.png" width="23" border="0" /></td>'
				+'	</tr>'
				+'</table>';
document.write(webcallStr);
var webcall = new Object('element')
webcall.curLeft = -130;
webcall.curTop = 10;
webcall.gapLeft = 0;
webcall.gapTop = 0;
webcall.timer = null;
var sidemenu = document.getElementById('webcall');
setInterval('FixY()',100);
var expandState = 0;
