$(".header").addClass("yanse");
$(window).scroll(function(){
	var scrollTop = $(this).scrollTop();
	if($(this).scrollTop() ==0){
		$(".header").addClass("yanse");
		$(".header").removeClass("boxshadow");
	}else{
		$(".header").addClass("yanse");
		$(".header").addClass("boxshadow");
	}
});
$(".icon-ctrl-header").click(function(){

	if($(this).parent().hasClass("hover")){
		$(this).parent().removeClass("hover");
		$(this).parent().find(".subnav").stop().slideToggle();
	}else{
		$(".menu .a").each(function(){
			if($(this).hasClass("hover")){
				$(this).removeClass("hover");
				$(this).find(".subnav").stop().slideToggle();
			}
		});
		$(this).parent().addClass("hover");
		$(this).parent().find(".subnav").stop().slideToggle();
	}
});

$(".product-mobile > li > h2 .icon-ctrl-header").click(function(){
	if($(this).parent().parent().hasClass("activeadd")){
		$(this).parent().parent().removeClass("activeadd");
		$(this).parent().parent().find(".product-three").stop().slideToggle();
	}else{
		$(this).parent().parent().addClass("activeadd");
		$(this).parent().parent().find(".product-three").stop().slideToggle();
	}
});


$(".product-three > li > h2 .icon-ctrl-header").click(function(){
	if($(this).parent().parent().hasClass("activeadd")){
		$(this).parent().parent().removeClass("activeadd");
		$(this).parent().parent().find(".product-four").stop().slideToggle();
	}else{
		$(this).parent().parent().addClass("activeadd");
		$(this).parent().parent().find(".product-four").stop().slideToggle();
	}
});

$(".menu_body").click(function(){
	if($(this).hasClass("show")){
		$(".menu").hide();
		$(this).removeClass("show");
		$("body").removeClass("menushow");
		$(".menu").removeClass("show");
		$(".header").removeClass("show");
		
	}else{
		$(".menu").show();
		$(this).addClass("show");
		$("body").addClass("menushow");
		$(".menu").addClass("show");
		$(".header").addClass("show");
		
	}
});
if($(window).width()>768){
	$(".menu .hasmenu").hover(function() {
		//$(".menubg").stop(true, true).slideToggle(500);
	});
}

$(".header_search").click(function(){

	if ($(this).hasClass('xx')) {
		$(this).removeClass('xx');
		$(".search_show").stop().slideToggle();
	} else {
		$(this).addClass('xx');
		$(".search_show").stop().slideToggle();
	}

})


// 导航瀑布流

// 瀑布流

function waterFall_nav() {
	// 1- 确定图片的宽度 - 滚动条宽度
	// var pageWidth = getClient().width;
	var pageWidth=$('.masonry-nav.active').width();
	//3列
	var columns=4;
	var itemWidth = parseInt(pageWidth/columns); //得到item的宽度
	$('.masonry-nav.active .item').css("width",itemWidth+"px"); //设置到item的宽度
	
	// $(".masonry-nav .item").css('padding','10px');

	var arr = [];
	var arr_height=[];

	$(".masonry-nav.active .item").each(function(i){
		var height = $(this).height();
		var width = $(this).width();
		var bi = itemWidth/width; //获取缩小的比值
		var boxheight = parseInt(height*bi); //图片的高度*比值 = item的高度

		if (i < columns) {
			// 2- 确定第一行
			$(this).css({
				top:0,
				left:(itemWidth) * i
			});
			arr.push(boxheight);
			arr_height.push(boxheight);
		} else {
			// 其他行
			// 3- 找到数组中最小高度  和 它的索引
			var minHeight = arr[0];
			var index = 0;
			for (var j = 0; j < arr.length; j++) {
				if (minHeight > arr[j]) {
					minHeight = arr[j];
					index = j;
				}
			}
			// 4- 设置下一行的第一个盒子位置
			// top值就是最小列的高度
			$(this).css({
				top:arr[index],
				left:$(".masonry-nav.active .item").eq(index).css("left")
			});

			// 5- 修改最小列的高度
			// 最小列的高度 = 当前自己的高度 + 拼接过来的高度
			arr[index] = arr[index] + boxheight;
			arr_height.push(arr[index]);
		}
	});
	var max=Math.max.apply(null,arr_height);
	$('.masonry-nav.active').css('height',max);
	//$('.drop-down-product').css('height',"calc( "+max+"px + 5.5rem )");
	if(max<220){
		$('.drop-down-product .left').css('height',220);
		//$('.drop-down-product').css('height',"calc( 220px + 5.5rem )");
		$('.drop-down-product .masonry-nav').css('height',220);
	}else{
		$('.drop-down-product .left').css('height',max);
	}
	$('.drop-down-product .left').css('box-sizing',"content-box");
	$('.drop-down-product .masonry-nav').css('box-sizing',"content-box");

}

// 页面尺寸改变时实时触发
window.onresize = function() {
	//重新定义瀑布流
	if(width>990){
		waterFall_nav();
	}
};

var width=$(window).width();
// waterFall_nav();
//初始化
if(width>990){




	$('.drop-down>.left li').hover(function () {
		var index=$(this).index();
		$(this).addClass('active').siblings().removeClass('active');
		$('.drop-down>.right .masonry-nav').removeClass('active').eq(index).addClass('active');
		waterFall_nav();
	});


	var t=null;
	$(".menu > li").each(function() {
		$(this).mouseenter(function(){
			var int=$(this).index();
			t=setTimeout(function () {
				$('.menu > li').eq(int).siblings().find('.drop-down').hide();
				$('.menu > li').eq(int).find('.drop-down').slideDown(100);
				waterFall_nav();
			},100)
		}).mouseleave(function(){
			clearTimeout(t);
		})

	});

	$('.header').mouseleave(function () {
		$('.menu > li .drop-down').slideUp();
	});

	$('.menu > li .drop-down').mouseleave(function () {
		$('.menu > li .drop-down').slideUp();
	});

	$('.header .header_in >.right').hover(function () {
		$('.menu > li .drop-down').slideUp();
	});

}else{


}