;(function($){
	$.extend({
		huaKefu: function(opt) {
			if (!opt) return;

			var waagingCss = document.createElement('link'), waagingStyle = document.createElement('style'), waagingTpl = '', waagingId = Math.floor(Math.random() * 1000);
			waagingCss.rel = 'stylesheet';
			waagingCss.type = 'text/css';
			waagingCss.href = '/lib/kefu/kefu.css?v1';
			document.head.appendChild(waagingCss);
			if (opt.bgColor || opt.itColor) {
				if (!opt.bgColor) opt.bgColor = '#0e3782';
				if (!opt.itColor) opt.itColor = '#888';
				waagingStyle.innerHTML = `
				.waaging-kefu-side .waaging-icon{background-color:` + opt.itColor + `!important}
				.waaging-kefu-side .waaging-info{background-color:` + opt.bgColor + `!important}
				.waaging-kefu-side .waaging-form{background-color:` + opt.bgColor + `!important}
				.waaging-kefu-side .waaging-item:hover .waaging-icon{background-color:` + opt.bgColor + `!important}
				`;
				document.head.appendChild(waagingStyle);
			}

			waagingTpl = '<div id="waaging-kefu-' + waagingId + '" class="waaging-kefu-side">';
			if (opt.phone) {
				waagingTpl += '<div class="waaging-item waaging-item-tel"><a class="waaging-icon waaging-icon-tel" href="tel:' + opt.phone + '" title="拨打客服电话"><i>打电话</i></a><div class="waaging-info">客服电话：<b>' + opt.phone + '</b></div></div>';
			}
			if (opt.weixin) {
				waagingTpl += '<div class="waaging-item waaging-item-wx"><div class="waaging-icon waaging-icon-wx" title="加微信随时聊"><i>加微信</i></div><div class="waaging-info"><img src="' + opt.weixin + '" alt="微信二维码"><div align="center">微信扫一扫<span>或长按识别</span></div></div></div>';
			}
			if (opt.guestbook && opt.guestbook.api && opt.guestbook.token) {
				waagingTpl += '<div class="waaging-item waaging-item-gb"><div class="waaging-icon waaging-icon-gb" title="在线留言"><i>发留言</i></div><div class="waaging-form"><div class="waaging-form-item"><textarea id="waaging-gb-msg-' + waagingId + '" cols="30" rows="10" placeholder="输入咨询的问题"></textarea></div><div class="waaging-form-item"><input id="waaging-gb-phone-' + waagingId + '" type="tel" placeholder="联系电话(必填)"></div><div class="waaging-form-item"><input id="waaging-gb-name-' + waagingId + '" type="text" placeholder="您的姓名"></div><div class="waaging-form-item"><button id="waaging-gb-btn-' + waagingId + '">发送</button></div></div></div>';
			}
			if (opt.qq) {
				waagingTpl += '<div class="waaging-item waaging-item-qq"><a class="waaging-icon waaging-icon-qq" href="tencent://message/?uin=' + opt.qq + '&Site=qq&Menu=yes" target="_blank" title="点击打开QQ聊天"></a><div class="waaging-info">QQ联系：<b>' + opt.qq +'</b></div></div>';
			}
			waagingTpl += '<div id="waaging-totop-' + waagingId + '" class="waaging-item waaging-totop" title="返回页顶"><div class="waaging-icon waaging-icon-top"></div></div>';
			waagingTpl += '</div>';
			waagingTpl += '<div class="waaging-kefu-bar"></div>';
			$('body').append(waagingTpl).on('click', '#waaging-gb-btn-' + waagingId, function(){
				var data = {
					name: $('#waaging-gb-name-' + waagingId).val(),
					phone: $('#waaging-gb-phone-' + waagingId).val(),
					message: $('#waaging-gb-msg-' + waagingId).val(),
					code: opt.guestbook.token
				};
				if (!data.message || data.message == '') {
					alert('请填写信息内容');
					return false;
				}
				if (!data.name || data.name == '') {
					alert('请填写您的姓名');
					return false;
				}
				if (!data.phone || data.phone == '') {
					alert('请填写您的电话');
					return false;
				}
				if (opt.guestbook && opt.guestbook.api && opt.guestbook.token) {
					$.post(opt.guestbook.api, data, function(res){
						if (res && res.net == 2000) {
							alert('您的信息已发送成功！');
							$('#waaging-gb-msg-' + waagingId).val('')
							$('#waaging-gb-name-' + waagingId).val('')
							$('#waaging-gb-phone-' + waagingId).val('')
						} else {
							if (!res || !res.msg) res.msg = '未知错误';
							alert(res.msg)
						}
					}, 'json')
				} else {
					alert('缺少留言板参数')
				}
				return false
			}).on('click', '#waaging-totop-' + waagingId, function(){
				$('html,body').animate({scrollTop: '0px'}, 300)
			});
			$(window).scroll(function(){
				var _top = $('html,body').scrollTop()
				if (_top > 380) {
					$('#waaging-totop-' + waagingId).css({opacity: 1})
				} else {
					$('#waaging-totop-' + waagingId).css({opacity: 0})
				}
			})
		}
	})
})(jQuery)