$(function() {
	var gotop = document.querySelector('.goTop')
	window.addEventListener('scroll', handle)

	function handle() {
		var Top = document.body.scrollTop || document.documentElement.scrollTop
		if(Top >= 200) {
			gotop.style.height = '50px'
		} else {
			gotop.style.height = '0'
		}
		gotop.onclick = function() {
			window.scrollTo({
				top: 0,
				behavior: "smooth"
			})
		}
	};
	$("#all-menu").hover(function() {
		$(this).find('.shortcut-bar').stop().slideToggle()
	});

	// logoBar
	var $logoBar = $('.logo-bar');
	$logoBar.on('mouseleave', function(e) {
		popMnHide('#sorts_menu');
		popMnHide('#sorts_quanju');
		$('#btn-quanju').removeClass('cur');
		$('#menu_sort li').removeClass('cur');
		//		$('.txt', this).blur();
	});

	// 导航
	$('#menu_sort').on('mouseenter', 'li', function() {
		popMnHide('#sorts_quanju');
		$('#btn-quanju').removeClass('cur');
		$(this).addClass('cur').siblings().removeClass('cur');
		if($(this).hasClass('y')) {
			popMnShow('#sorts_menu');

		} else {
			popMnHide('#sorts_menu');
		};
		var j = $(this).index();
		$('#sorts_menu').find('.sort_pnav').eq(j).removeClass('none').siblings().addClass('none');
	});

});

// 动画 显示
function popMnShow(ele) {
	$(ele).removeClass('hidden').stop().animate({
		'top': 90,
		'opacity': 1
	}, 200);
};

// 动画 隐藏
function popMnHide(ele) {
	$(ele).addClass('hidden').stop().animate({
		'top': 110,
		'opacity': 0
	}, 100);
};
//=======================
//首页
//在线律师
chartAdv();

function chartAdv() {
	var $chartBar = $('.chart-adv');
	$chartBar.each(function(i, el) {
		var $bg = $('.bg', el);
		var bg = el.getElementsByClassName('bg')[0];
		var _top = document.defaultView.getComputedStyle(bg).top, //获取计算后的样式属性值
			_bgHeight = $bg.outerHeight(),
			_allHgeiht = $('.all', el).outerHeight();
		if($(this).hasClass('chart3')) {
			var _h = $(this).height();

			move(_h - _bgHeight, _top, 200);
			$(el).on('mouseenter', function() {
				$('.btn', el).removeClass('hidden');
			}).on('mouseleave', function() {
				$('.btn', el).addClass('hidden');
			});
		} else {
			var _h = $(this).height();
			move(_h - _allHgeiht, _top, 200);
			$(el).on('mouseenter', function() {
				$('.btn', el).removeClass('hidden');
			}).on('mouseleave', function() {
				$('.btn', el).addClass('hidden');
			});
		};

		function move(t1, t2, t3) {
			$(el).on('mouseenter', function() {
				$(this).addClass('hover');
				$('.tit', $bg).hide();
				$bg.stop().animate({
					'top': t1
				}, t3, function() {
					$('.btn', el).show();
				});
			}).on('mouseleave', function() {
				$('.btn', el).hide();
				$(this).removeClass('hover');
				$bg.stop().animate({
					'top': t2
				}, t3);
				$('.tit', $bg).show();
			});
		};
	});
};
//swiper旁
$('div.left-nav-bar').on('click', '.nv-tag', function() {
	var index = $(this).index();
	$(this).addClass('cur').siblings().removeClass('cur');
	$(this).parents('.bat_foot_v2').find('.tab-item').eq(index).removeClass('none').siblings().addClass('none');
});
//咨询、热点鼠标移入切换
$('div.zixun-show-bar,div.redian-bar').on('mouseenter', '.nv-tag', function() {
	var index = $(this).index();
	$(this).addClass('cur').siblings().removeClass('cur');
	$(this).parents('.bat_foot_v2').find('.tab-item').eq(index).removeClass('none').siblings().addClass('none');
});
// 热门法律领域，快速找律师
leftNavFn();

function leftNavFn() {
	var $leftNavBar = $('.left-nav-bar');
	// 领域
	var $linyuPopup = $('.nv-r-pa', $leftNavBar);
	$('.lingyu', $leftNavBar).on('mouseenter', 'li', function() {
		var i = $(this).index();
		$(this).addClass('cur').siblings().removeClass('cur');
		$linyuPopup.removeClass('hidden').stop().animate({
			'left': 300,
			'opacity': 1
		}, 200);
		$linyuPopup.find('.nv-item').eq(i).removeClass('none').siblings().addClass('none');
	});
	$leftNavBar.on('mouseleave', function() {
		$('.lingyu').find('li').removeClass('cur');
		$linyuPopup.stop().addClass('hidden').css({
			'left': 320,
			'opacity': 0
		});
	});
};
//自媒体
$('.zmt-list').on('mouseenter', 'li', function() {
	$(this).addClass('cur').find('.more').removeClass('none');
	$(this).siblings().removeClass('cur').find('.more').addClass('none');
});
/* 滚动，显示最新 */

newDongtai();

function newDongtai() {
	var $parent = $('.sort_roll_bar');

	$parent.each(function(i, el) {

		var $rollBar = $('.roll-nr', el),
			$contBar;

		var n = $('.sort_items', el).length,
			h = $('.sort_items', el).outerHeight();

		if($('.sorine', $rollBar).length == 0) {
			$contBar = $('.roll-nr', el);
		} else {
			$contBar = $('.sorine', el);
		};

		$(el).find('.sort_items:last-child').prependTo($contBar);

		$rollBar.css('margin-top', -h);

		var timer = setInterval(downRoll, 3000);

		$(el).mouseenter(function() {
			clearInterval(timer);
		}).mouseleave(function() {
			timer = setInterval(downRoll, 3000);
		});

		// 向下滚
		function downRoll() {
			$rollBar.animate({
				top: h
			}, 500, function() {
				$rollBar.css('top', '');
				$(el).find('.sort_items:last-child').prependTo($contBar);
			});
		};

		// 向上滚
		function topRoll() {
			$rollBar.animate({
				top: -h
			}, 500, function() {
				$rollBar.css('top', '');
				$(el).find('.sort_items:first-child').appendTo($contBar);
			});
		};

	})
};
//问答
$(".askcon_tab .tab-item").hide()
$(".askcon_tab .nv-tag").first().addClass('cur')
$(".askcon_tab .tab-item").first().show()
$(".askcon_tab .nv-tag").click(function() {
	$(".askcon_tab .nv-tag").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
	$(".askcon_tab .tab-item").hide().eq($(this).index()).show();
});
$(".ask_hand .tab-item").hide()
$(".ask_hand .nv-tag").first().addClass('cur')
$(".ask_hand .tab-item").first().show()
$(".ask_hand .nv-tag").click(function() {
	$(".ask_hand .nv-tag").eq($(this).index()).addClass("cur").siblings().removeClass('cur');
	$(".ask_hand .tab-item").hide().eq($(this).index()).show();
});

/**
 * 监听页面HTML加载完成事件
 */
window.addEventListener('DOMContentLoaded', function () {
  let phoneNumber = '15037178970'
  let kefuimg = '//www.falvzhuanjia.cn/static/image/kefu.jpg'
  let codeimg = '//www.falvzhuanjia.cn/static/image/wechatcode.jpg'
  /**
   * 添加法律客服图片和二维码
   */
  function showRecommend() {
    let style = '<style>#kefu {position: fixed;z-index: 999999;right: 0;top: 134.4px;width: 140px;overflow: hidden;border: 1px solid rgb(206, 213, 224);height: 250px;background: url('+kefuimg+') no-repeat center;background-size: cover;}#kefu .phone {position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);height: 28px;line-height: 28px;color: #fff;border-radius: 2px;padding: 0px 10px;cursor: pointer;text-align: center;font-size: 15px;box-sizing: border-box;background: #1f8ceb;font-weight: 700;}#code {position: fixed;text-align: center;right: 10px;bottom: 90px;z-index: 999;width: 105px;padding: 15px 9px 9px;background-color: #fff;box-shadow: rgba(50, 50, 50, 0.3) -4px 4px 6px 0px;}#code img {width: 95px;height: 95px;border: none;}#code p {font-size: 12px;color: #333;height: 22px;line-height: 22px;}</style>'
    let kefu = '<div id="kefu"><span class="phone">' + phoneNumber + '</span></div>'
    let code = '<div id="code"><img src="' + codeimg + '"><p>微信扫码咨询</p></div>'

    document.getElementsByTagName('head')[0].insertAdjacentHTML('beforeend', style)
    document.querySelector('body').insertAdjacentHTML('beforeend', kefu)
    document.querySelector('body').insertAdjacentHTML('beforeend', code)
  }
  showRecommend()
})
