(function($){
    $.fn.onlineqq = function(options) {
        var opts = {set:"left|1|200|5|120|#438ccb|#0072bc|在线客服|include/qqicon/qqlineserver.jpg", upload:"", content: "", qqs:[{name: "\u61d2\u4eba\u5efa\u7ad9",qq: "12345678", show_icon:1, title:"\u61d2\u4eba\u5efa\u7ad9"}],callback: function() {
            }}, $body = $("body");
        $.extend(opts, options);
		
		var online_setarray = new array();
		online_setarray     = opts.set.split("|");
		
		position    = online_setarray[0];  //显示位置
		show_btn    = online_setarray[1];  //显示关闭按钮
		topspace    = online_setarray[2];  //顶部距离
		asidespace  = online_setarray[3];  //侧边距离
		width       = online_setarray[4];  //显示宽度
		bgcolor     = online_setarray[5];  //背景颜色
		bdcolor     = online_setarray[6];  //边框颜色
		hdtitle     = online_setarray[7];  //头部标题
		onlinepic   = online_setarray[8];  //客服图片
			
        if (!$("#online_obj_inner").length > 0) {
            $body.append("<div id='online_obj_inner' style='position:absolute;" +position+ ":"+ asidespace +"px; top:"+topspace+"px; width:"+width+"px;background:"+bgcolor+"; border:1px solid "+bdcolor+";  z-index:999; border-radius:5px; font-family:microsoft yahei;'><div id='kf_openbtn' style='display:none; width:40px; text-align:center; height:160px; color:#fff; font-size:16px; background:url(include/qqicon/online_server_ico.png) no-repeat center 15px; cursor:pointer;'><p style='padding:48px 5px 0;'>在线客服</p></div><div id='online_obj_box' style='padding:10px 0;'></div></div>")
        }
		
        var $online_obj_box = $("#online_obj_box");
		if(show_btn == "1"){	
			$online_obj_box.append("<div id='kf_close_btn' style='position:absolute; top:3px; right:3px; cursor:pointer;'><img src='js/close.png'></div>")
		}
		if(hdtitle != ""){	
			$online_obj_box.append("<div style='color:#fff; text-align:center; font-size:18px; padding-bottom:6px;'>"+ hdtitle +"</div>")
		}
		if(onlinepic != ""){	
			$online_obj_box.append("<div style='text-align:center; padding:6px 0;'><img src='"+ opts.upload + onlinepic +"' style='border-radius:5px;border:1px solid #eee;'></div>")
		}
		
		$online_obj_box.append("<ul id='kflist'></ul>")
		var $kflist = $("#kflist");
		
        var json = {options: opts.qqs};
        json = eval(json.options);
        $.each(json, function(i, o) {
            $kflist.append("<li style='margin:10px 10px 0; padding:0 8px; line-height:28px; background:url(include/qqicon/online_qq_bg.gif) repeat-x; border-radius:5px;'><a style='color:#333;' target='_blank' title='"+o.title+"' href='http://wpa.qq.com/msgrd?v=3&uin=" + o.qq + "&site=qq&menu=yes'><img style='vertical-align:middle;' src='include/qqicon/"+o.show_icon+".gif'> &nbsp;" + o.name + "</a></li>")
        });
		
		if(opts.content != ""){
			$online_obj_box.append("<div style='color:#fff; padding-top:12px;'>"+opts.content+"</div>");
		}
		
		if(position == "left"){
			border_radius = "0 5px 5px 0";
		}else{
			border_radius = "5px 0 0 5px";	
		}
		
	    $("#kf_close_btn").on("click", function(){
			$online_obj_box.hide();
			$("#online_obj_inner").css({"width":"40px", "border-radius":border_radius});
			$("#kf_openbtn").show();
			return false
		})
		
		$("#kf_openbtn").on("click", function(){
			$("#kf_openbtn").hide();
			$("#online_obj_inner").css({"width":width, "border-radius":"5px"});
			$online_obj_box.show();
			return false
		})
		
        scrollonline('#online_obj_inner', topspace);
		//当页面滚动条滚动时
		$(window).scroll(function () {
			scrollonline('#online_obj_inner', topspace);
		});
    }
})(jquery);

//定义一个名字为scrollonline的函数
function scrollonline(obj, top) {
    //定义位移为floatdiv的高度加上滚动条的顶部距离
    var offset = $(document).scrolltop()+parseint(top);
    //为floatdiv添加动画为top位移offset的高度，持续0.8秒。
    $(obj).stop().animate({ top: offset }, 800);
}