/*
 * 在线客服-基于jquery 20160722
 * 最后修改 20230317
 * 支持QQ、淘宝旺旺、阿里旺旺、SKYPE等，同时可添加微信、微博、服务电话、自定义（显示文字+链接）
*/

var wxyKefuConfig = {
	skin : {
		bgcolor:'#111', //浮动层背景色
		hoverbgcolor:'#ae1c1c', //浮动层鼠标滑过背景色
		bordercolor:'#444', //分隔线颜色
		linkcolor:'#fff', //客服链接文本颜色
		linkhoverbgcolor:'#900', //客服链接鼠标滑过背景色
	},
};

$(function(){
	//获取在线客服并进行展示
	$.post('/index.php/myapi/kefu', {}, function(json){
		//返回结果如 {baidushare:'1', bgcolor:'#111', hoverbgcolor:'#ae1c1c', bordercolor:'#444', backtotop:'1', linkcolor:'#fff', linkhoverbgcolor:'#900', obj:[['qq','10000','在线客服']...], position:'right middle'}
		wxyKefu_show(json);
	}, 'json');
});

function wxyKefu_show(json){
	var kefu = {qq:'',wangwang:'',skype:'',weixin:'',weibo:'',tel:'',email:'',diy:''}, //此处决定了各按钮的显示顺序
		cur=[];
	for(var i=0; i<json.obj.length; i++){
		cur = json.obj[i];
		switch(cur[0].toLowerCase()){
			case 'qq':
			case 'skype':
			case 'tel':
			case 'email':
				if(cur.length>1 && cur[1]){
					if(cur.length==2 || !cur[2]) cur[2]=cur[1];
					kefu[cur[0]] += wxyKefu_code(cur);
				}
				break;
			case 'alibaba':
			case 'taobao':
				if(cur.length>1 && cur[1]){
					if(cur.length==2 || !cur[2]) cur[2]=cur[1];
					kefu.wangwang += wxyKefu_code(cur);
				}
				break;
			case 'weixin':
			case 'weibo':
				if(cur.length>1 && cur[1]) kefu[cur[0]] += wxyKefu_code(cur);
				break;
			case 'diy':
				if(cur.length==3)kefu[cur[0]] += wxyKefu_code(cur);
				break;
		}
	}
	var html='', color='';
	for(i in kefu){
		if(!kefu[i])continue;
		html += wxyKefu_html(i, kefu[i]);
	}
	if(json.baidushare=='1') html += wxyKefu_html('share');
	if(json.backtotop=='1') html += wxyKefu_html('top');
	if(!html)return;
	
	for(i in wxyKefuConfig.skin){
		color = typeof(json[i])=='string' ? json[i].replace(/ +/g, '') : '';
		if(/^#[a-f0-9]{3}([a-f0-9]{3})?$/i.test(color))wxyKefuConfig.skin[i] = color;
		while(html.indexOf('{'+i+'}')>-1)html=html.replace('{'+i+'}', wxyKefuConfig.skin[i]);
	}

	$('<link rel="stylesheet" href="/static/wxykefu/style.css?v4">').appendTo($('head'));
	var wxyKefu = $('<div class="wxykefu '+ json.position +'"><ul></ul></div>').appendTo('body'); //浮动层
	wxyKefu.find('ul').prepend(html).find('div a').css({'color':wxyKefuConfig.skin.linkcolor}).hover(
		function(){$(this).css({'color':wxyKefuConfig.skin.linkcolor,'background':wxyKefuConfig.skin.linkhoverbgcolor})},
		function(){$(this).css({'background':'none'})}
	);

	//添加鼠标事件
	wxyKefu.find('li').hover(function(){
			$(this).find('div').stop().fadeIn(300);
			$(this).find('span').css({opacity:1, filter:'Alpha(opacity=100)', background:wxyKefuConfig.skin.hoverbgcolor});
		}, function(){
			$(this).find('div').stop().fadeOut(300);
			$(this).find('span').css({opacity:.8, filter:'Alpha(opacity=80)', background:wxyKefuConfig.skin.bgcolor});
		}).mouseover().mouseout().filter("[data-role='backtotop']").removeClass('on').click(function(){$('html,body').animate({'scrollTop':0},800)});

	function wxyKefu_reset_position(){
		var KefuHeight = wxyKefu.height();
		var top = win.height() <= KefuHeight ? 0 : (win.height()-KefuHeight)/5*2;
		if(wxyKefu.hasClass('middle'))wxyKefu.css('top',top);
		wxyKefu.addClass('ok');
	}
	
	var win=$(window);
	//设置位置
	setTimeout(function(){
		wxyKefu_reset_position();
		if(json.backtotop=='1')win.scroll(function(){if(win.scrollTop() > win.height()/200){wxyKefu.find("li[data-role='backtotop']").addClass('on')}else{wxyKefu.find("li[data-role='backtotop']").removeClass('on');}});
	}, 500);
	
	//分享插件
	wxyShare();
}

function wxyKefu_code(kefu){
	switch(kefu[0].toLowerCase()){
		case 'qq':
			return '<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin='+kefu[1]+'&site=qq&menu=yes">'+kefu[2]+'</a>';
			break;
		case 'alibaba':
			//可使用https
			return '<a target="_blank" href="http://amos.alicdn.com/getcid.aw?v=3&uid='+encodeURIComponent(kefu[1])+'&site=cnalichn&groupid=0&s=1&charset=utf-8">'+kefu[2]+'</a>';
			break;
		case 'taobao':
			//可使用https
			return '<a target="_blank" href="http://amos.alicdn.com/getcid.aw?v=2&uid='+encodeURIComponent(kefu[1])+'&site=cntaobao&groupid=0&s=1&charset=utf-8">'+kefu[2]+'</a>';
			//return '<a target="_blank" href="http://www.taobao.com/webww/ww.php?v=2&touid='+encodeURIComponent(kefu[1])+'&siteid=cntaobao&s=4&charset=utf-8">'+kefu[2]+'</a>';
			break;
		case 'skype':
			return '<a target="_blank" href="callto://'+kefu[1]+'">'+kefu[2]+'</a>';
			break;
		case 'weixin':
			return '<img src="'+kefu[1]+'"><a>'+(kefu.length>2 && kefu[2] ? kefu[2] : '微信二维码')+'</a>';
			break;
		case 'weibo':
			return '<img src="'+kefu[1]+'">'+(kefu.length>2 && kefu[2] ? (kefu[2].indexOf('http://')==0 ? '<a target="_blank" href="'+kefu[2]+'">访问官方微博</a>' : '<a>'+kefu[2]+'</a>') : '<a>微博二维码</a>');
			break;
		case 'tel':
			return '<a href="tel:'+kefu[1]+'" target="_self">'+kefu[1]+'</a>';
		case 'email':
			return '<a href="mailto:'+kefu[1]+'" target="_self">'+kefu[1]+'</a>';
		case 'diy':
			return '<a target="_blank" href="'+kefu[2]+'">'+kefu[1]+'</a>';
			break;
	}
}

function wxyKefu_html(kefu_type, kefu_code){
	var title={qq:'QQ客服', wangwang:'旺旺客服', skype:'skype', weixin:'官方微信', weibo:'新浪微博', tel:'服务热线', email:'电子邮箱', diy:'', share:'分享', top:'返回顶部'};
	switch(kefu_type){
		case 'qq':
		case 'wangwang':
		case 'skype':
		case 'weixin':
		case 'weibo':
		case 'tel':
		case 'email':
		case 'diy':
			return '<li data-role="'+kefu_type+'" style="background-color:{bgcolor};border-top-color:{bordercolor}"><span title="'+title.kefu_type+'"><em class="wxykefu-'+kefu_type+'"></em></span><div style="background-color:{hoverbgcolor}">'+kefu_code+'</div></li>';
			break;
		case 'share':
			return '<li data-role="share" style="background-color:{bgcolor};border-top-color:{bordercolor}"><span title="分享"><em class="wxykefu-share"></em></span><div style="background-color:{hoverbgcolor}"><a class="wxy-share-weixin">分享到微信</a><a class="wxy-share-weibo">分享到新浪微博</a><a class="wxy-share-qzone">分享到QQ空间</a><a class="wxy-share-qq">分享到QQ好友</a></div></li>';
			break;
		case 'top':
			return '<li data-role="backtotop" style="background-color:{bgcolor};border-top-color:{bordercolor}"><span title="返回顶部"><em class="wxykefu-top"></em></span></li>';
			break;
	}
}

function wxyShare(){
	var Config = {
		param : {
			url : encodeURIComponent(window.location.href),
			title : encodeURIComponent(document.title),
			//description : $("meta[name='description']").prop('content'),
		},
		site : {
			weixin : '',
			weibo : 'http://service.weibo.com/share/share.php?url={url}&title={title}&searchPic=true',
			qzone : 'https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url={url}&title={title}',
			qq : 'https://connect.qq.com/widget/shareqq/index.html?url={url}&title={title}',
		},
	};
	var i=null, tag=null, m=null, url='';
	for(i in Config.site){
		tag = $('.wxy-share-'+i);
		if(!tag.length)continue;
		url = Config.site[i];
		tag.css('cursor','pointer');
		switch(i){
			case 'weixin':
				tag.click(function(){wxyShareWeixin()});
				break;
			default:
				for(m in Config.param){
					url = url.replace('{'+m+'}', Config.param[m]);
				}
				wxyShareClick(tag,url);
		}
	}
}
function wxyShareWeixin(){
	var tag=$('.wxy-share-weixin-container');
	if(!tag.length){
		$('<script src="/static/jquery/jquery.qrcode.min.js"></script>').appendTo($('head'));
		$('<div class="wxy-share-weixin-container"><div class="wxy-share-weixin-main"><strong>微信分享</strong><em></em><p>微信扫一扫<br>发送给好友、分享到朋友圈</p></div></div>').appendTo($('body'));
		tag=$('.wxy-share-weixin-container');
		tag.click(function(){$(this).fadeOut()}).find('em').qrcode({render:'image',size:200,text:window.location.href,ecLevel:'H',quiet:2});
	}
	tag.fadeIn();
}
function wxyShareClick(tag, url){
	tag.click(function(){window.open(url)});
}