$( document ).ready( function () {
	window.floatShowFlag=false;

	var strs="<div id='floatOnline'>";
	strs +="<div class='top'>在线客服</div>";
	strs +="<div class='main'><ul>";
	strs += "<li><img src='/images/face"+Math.ceil(5*Math.random())+".gif' alt='' /></li>";
	strs += "<li><a href='javascript:void(0)' onclick='var webchat=window.open(\"http://float2006.tq.cn/static.jsp?version=vip&admiuin=8953021&uin=8953029&tq_ltype=0&iscallback=0\",\"chatwin\",\"toolbar=no,menubar=no,scrollbars=no,left=0,top=0,resizable=yes,width=600,height=500,status=no,location=no\");return false;'><img src='/images/webchat.gif' alt='' title='点击进入网页在线聊天，\n如果客服不在线，请选择窗口中的\"给我留言\"!\n\n*注：本站暂未开通免费在线电话功能。' /></a></li>";
	strs += "<li><a href='javascript:void(0)' onclick='var webchat=window.open(\"http://float2006.tq.cn/static.jsp?version=vip&admiuin=8953021&uin=8953031&tq_ltype=0&iscallback=0\",\"chatwin\",\"toolbar=no,menubar=no,scrollbars=no,left=0,top=0,resizable=yes,width=600,height=500,status=no,location=no\");return false;'><img src='/images/webchat.gif' alt='' title='点击进入网页在线聊天，\n如果客服不在线，请选择窗口中的\"给我留言\"!\n\n*注：本站暂未开通免费在线电话功能。' /></a></li>";
	strs += "<li><a href=\"http://sighttp.qq.com/cgi-bin/check?sigkey=b3e0835a995099c55cfc0c703f9b82bcf21b8a6cf94dafe254d9164d99d2e69e\"; target=_blank; onclick=\"var tempSrc='http://sighttp.qq.com/wpa.js?rantime='+Math.random()+'&sigkey=b3e0835a995099c55cfc0c703f9b82bcf21b8a6cf94dafe254d9164d99d2e69e';var oldscript=document.getElementById('testJs');var newscript=document.createElement('script');newscript.setAttribute('type','text/javascript'); newscript.setAttribute('id', 'testJs');newscript.setAttribute('src',tempSrc);if(oldscript == null){document.body.appendChild(newscript);}else{oldscript.parentNode.replaceChild(newscript, oldscript);}return false;\"><img border=\"0\" SRC='/images/47_online.gif' alt=\"\"></a></li>";
	strs += "<li><a href=\"msnim:chat?contact=g58msn@126.com\"><img border=\"0\" SRC='/images/msn.gif' alt=\"\" title=\"我们的MSN：g58msn@126.com\"></a></li>";
	strs +="</ul></div>";
	strs +="<div class='bottom'><a href='javascript:void(0)' onclick='$(\"#floatOnline\").fadeTo(\"slow\", (window.floatShowFlag=!window.floatShowFlag)?0.3:1);' title='点击关闭'><img src='/images/close.gif' alt='' /></a></div>";

	$("body").append(strs);
	var floatObj=$("#floatOnline");
	
	floatObj.find(".top").css({"height":"28px","background":"url(/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 #3788C7","border-right":"1px solid #3788C7","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(/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"});
	
	floatOnline(floatObj);
	$(window).scroll(function() {    // 页面发生scroll事件时触发   
		floatOnline(floatObj);
	});    
	$(window).resize(function() {    // 页面发生resize事件时触发   
		floatOnline(floatObj);
	});    

} );

function floatOnline(floatObj){
	var contentWidth=930;
	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});
}