
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 ='../images/expand1.gif';		 
		expandState = 1;
	}else{
		setPace('webcall', -190, 10, 10); 		
		document.getElementById("expandImg").src='../images/expand2.gif';		
		expandState = 0;
	}
}

var webcallUrl='../index/QQ.jsp';
var webcallStr='<style type=text/css> #webcall {left: -190px; position: absolute; top: 25px; z-index: 999}</style>'
				+'<table id="webcall" style="width:198px;" cellSpacing="0" cellPadding="0" border="0">'
				+'<tbody>'
				+'    <tr>'
				+'      <td><img height="6" src="http://www.qianzheng88.com/images/top.gif" width="190" border="0"></td>'
				+'      <td valign="top" rowspan="2"><img id="expandImg" onmouseover="expand()" height="110" src="../images/expand2.gif" width="25" border="0" /></td>'
				+'    </tr>'
				+'    <tr>'
				+'      <td style="vertical-align:top; padding:5px;">'
				+'	  		<table style="width:100%; " cellSpacing=0 cellPadding=0>'
				+'                  <tbody>'
				//+'                    <tr>'
				//+'                      <td style="color:#999900; text-align:center; font-weight:bolder;">在线与客服??话(演示版????没有实现功??)</td>'
				//+'                    </tr>'
				+'                    <tr>'
				+'                      <td ><iframe src="'+webcallUrl+'" style=" left:0px; top:0px;" frameBorder=0 width="100%" scrolling=no height="160"></iframe></td>'
				+'                    </tr>'
				+'                  </tbody>'
				+'               </table>'
				+'		</td>'
				+'    </tr>'
				+'  </tbody>'
				+'</table>';

document.write(webcallStr);

var webcall = new Object('element')
webcall.curLeft = -190;   webcall.curTop = 10;
webcall.gapLeft = 0;      webcall.gapTop = 0;
webcall.timer = null;
var sidemenu = document.getElementById('webcall');
setInterval('FixY()',100);
var expandState = 0;



