$( document ).ready( function () {
	var c_f="";
	window.floatShowFlag=false;
	var strs="<div id='floatOnline'>";
	strs +="<div class='topa'>在线客服</div>";
	strs +="<div class='main'><ul>";
	strs += "<li><img src='http://www.liyipeixun.org/templets/default/images/face3.gif' alt='' /></li>";	
	strs += "<li><a href='http://wpa.qq.com/msgrd?V=3&amp;Uin=97649103&amp;Site=QQ咨询&amp;Menu=yes' target='_blank'>王助理：<img src='http://wpa.qq.com/pa?p=1:97649103:41'  border='0' alt='QQ' /></a></li>";
	strs += "<li><a href='http://wpa.qq.com/msgrd?V=3&amp;Uin=97649100&amp;Site=QQ咨询&amp;Menu=yes' target='_blank'>文助理：<img src='http://wpa.qq.com/pa?p=1:97649100:41'  border='0' alt='QQ' /></a></li>";	
	strs +="</ul></div>";
	strs +="<div class='bottom'><a href='javascript:void(0)'><img src='http://www.liyipeixun.org/templets/default/images/close.gif' alt='点击关闭' id=\"close\" /></a></div>";
	$("body").append(strs);
	var floatObj=$("#floatOnline");
	
	floatObj.find(".topa").css({"height":"28px","background":"url(http://www.liyipeixun.org/templets/default/images/floatTop.gif) no-repeat 0 0","overflow":"hidden","color":"#333","text-align":"center","line-height":"28px"});
	floatObj.find(".main").css({"border-left":"1px solid #fe000b","border-right":"1px solid #fe000b","background-color":"white","text-align":"center","padding":"2px 0 10px 0"});
	floatObj.find(".main li").css({"margin-top":"5px"});
	floatObj.find(".bottom").css({"height":"22px","background":"url(http://www.liyipeixun.org/templets/default/images/floatBottom.gif) no-repeat center 0","overflow":"hidden","color":"white","text-align":"center","line-height":"28px"});
//	floatObj.find(".bottom").css({"border-top":"1px solid #3788C7"});
	
	$("#close").click(function(){
		$("#floatOnline").hide();
		c_f=1;
	});

	
	floatOnline(floatObj);
	$(window).scroll(function() {    // 页面发生scroll事件时触发   
		if(c_f!=1)
			floatOnline(floatObj);
	});    
	$(window).resize(function() {    // 页面发生resize事件时触发   
		if(c_f!=1)
			floatOnline(floatObj);
	});    

	
	
	
	
} );


function floatOnline(floatObj){
	var contentWidth=950;
	var myWidth=90;
	var myPosition="right";	//left or right
	var myTop=150;

	if((contentWidth+myWidth*2)>document.body.clientWidth){
		myPosition=="left"?myLeft=10:myLeft=document.body.clientWidth-myWidth-10;
	}else{
		myPosition=="left"?myLeft=(document.body.clientWidth-contentWidth)/2-myWidth-6:myLeft=contentWidth+(document.body.clientWidth-contentWidth)/2+3;
	}
	floatObj.css({"position":"absolute","z-index":"999","width":myWidth+"px","top":myTop+"px","left":myLeft+"px"});

	var offset = myTop + $(document).scrollTop() + "px";
	floatObj.stop(true,true);
	floatObj.css("display","none");
	floatObj.fadeIn("slow");
	floatObj.animate({ top: offset}, { duration: 500, queue: false});
}