//自动排版-----------------------------------------------------------------------------------------------------
$(window).load(function(){
	zblgrid();
	zblgridpubu();
	zblgridfull();
	zbltab3();
})
$(window).resize(function(){
	zblgrid();
	zblgridpubu();
	zblgridfull();
	zbltab3();
})
function zblgrid(){
	$(".zbl-grid").each(function(){
		//定义
		var zblgrid=$(this);//整体
		var zbllump=zblgrid.children(".zbl-lump");//单个块
		var zblbody=zblgrid.attr("zbl-body");//父级最大宽度参考值	
		var zblsize=zblgrid.attr("zbl-size");//初始块数
		var zblsizew=zblgrid.attr("zbl-size-w");//初始块数
		var zblsizeh=zblgrid.attr("zbl-size-h");//初始块数
		var zblmin=zblgrid.attr("zbl-min");//最小宽高
		var zblminw=zblgrid.attr("zbl-min-w");//最小宽高
		var zblmg=zblgrid.attr("zbl-mg");//间距
		var zblmgw=zblgrid.attr("zbl-mg-w");//横向间距
		var zblmgh=zblgrid.attr("zbl-mg-h");//竖向间距
		var zbllumpsize=zbllump.size();//总块数
		//默认
		if(zbllumpsize==0){return;}//没内容返回
		if(zblbody==undefined){var zblbody=1920;}//默认父级最大宽度参考值
		if(zblsize==undefined){var zblsize=10;}//默认初始行块数
		if(zblsizew==undefined){var zblsizew=zblsize;}//默认初始行块数
		if(zblmin==undefined){var zblmin=0;}//默认最小宽高
		if(zblminw==undefined){var zblminw=zblmin;}//默认最小宽高
		if(zblmg==undefined){var zblmg=0;};//默认间距
		if(zblmgw==undefined){var zblmgw=zblmg;};//默认间距
		if(zblmgh==undefined){var zblmgh=zblmg;};//默认间距
		//计算
		var windoww=$(window).width();//窗口宽度
		var zblgridw=zblgrid.width();//整体宽度
		var aw=zblmgw/zblbody*100;//横向间距百分比
		var ah=zblmgh/zblbody*100;//竖向间距百分比
		var bw=(100-aw*(zblsizew-1))/zblsizew;//块宽度百分比
		var cw=bw/100*zblgridw;//每一块的宽度px
		var dw=aw/100*zblgridw;//横向间距px
		var dh=ah/100*zblgridw;//竖向间距px
		var max = 0;
		function gridw(aw,bw,cw,zblminw,zblsizew){
			if(cw>zblminw){
				for(i=0;i<zbllumpsize;i++){
					zbllump.css("width",bw+"%").css("display","block");
					var a=zbllump.eq(i).outerHeight();
					if(max<a){
						max=a;
					}
					var ch=Math.ceil(max)+Math.ceil(dh);//每一块的高度px
					zbllump.eq(i).css("top",(ch*(Math.floor(i/zblsizew)))+"px").css("left",((aw+bw)*(i%zblsizew))+"%");
				}
				if(zblsizeh==undefined){
					zblgrid.css("height",(Math.ceil(zbllumpsize/zblsizew)*ch-Math.ceil(dh)));
					
				}else{
					for(x=zblsizew*zblsizeh;x<zbllumpsize;x++){
						zbllump.eq(x).css("display","none");
					}
					zblgrid.css("height",(zblsizeh*ch-Math.ceil(dh)));
				}
			}else{
				var zblsizew=zblsizew-1;
				var bw=(100-aw*(zblsizew-1))/zblsizew;
				var cw=bw/100*zblgridw;
				gridw(aw,bw,cw,zblminw,zblsizew);
			}
		};
		gridw(aw,bw,cw,zblminw,zblsizew);
	});
};
function zblgridpubu(){
	$(".zbl-grid-pubu").each(function(){
		//定义
		var zblgrid=$(this);//整体
		var zbllump=zblgrid.children(".zbl-lump");//单个块
		var zblbody=zblgrid.attr("zbl-body");//父级最大宽度参考值	
		var zblsize=zblgrid.attr("zbl-size");//初始块数
		var zblsizew=zblgrid.attr("zbl-size-w");//初始块数
		var zblsizeh=zblgrid.attr("zbl-size-h");//初始块数
		var zblmin=zblgrid.attr("zbl-min");//最小宽高
		var zblminw=zblgrid.attr("zbl-min-w");//最小宽高
		var zblmg=zblgrid.attr("zbl-mg");//间距
		var zblmgw=zblgrid.attr("zbl-mg-w");//横向间距
		var zblmgh=zblgrid.attr("zbl-mg-h");//竖向间距
		var zbllumpsize=zbllump.size();//总块数
		//默认
		if(zbllumpsize==0){return;}//没内容返回
		if(zblbody==undefined){var zblbody=1920;}//默认父级最大宽度参考值
		if(zblsize==undefined){var zblsize=10;}//默认初始行块数
		if(zblsizew==undefined){var zblsizew=zblsize;}//默认初始行块数
		if(zblmin==undefined){var zblmin=0;}//默认最小宽高
		if(zblminw==undefined){var zblminw=zblmin;}//默认最小宽高
		if(zblmg==undefined){var zblmg=0;};//默认间距
		if(zblmgw==undefined){var zblmgw=zblmg;};//默认间距
		if(zblmgh==undefined){var zblmgh=zblmg;};//默认间距
		//计算
		var windoww=$(window).width();//窗口宽度
		var zblgridw=zblgrid.width();//整体宽度
		var aw=zblmgw/zblbody*100;//横向间距百分比
		var ah=zblmgh/zblbody*100;//竖向间距百分比
		var bw=(100-aw*(zblsizew-1))/zblsizew;//块宽度百分比
		var cw=bw/100*zblgridw;//每一块的宽度px
		var dw=aw/100*zblgridw;//横向间距px
		var dh=ah/100*zblgridw;//竖向间距px
		var min = zbllump.eq(0).outerHeight();
		function gridw(aw,bw,cw,zblminw,zblsizew){
			arr=[];
			for(s=0;s<zblsizew;s++){
				arr.push(0);
			}
			if(cw>zblminw){
				for(i=0;i<zbllumpsize;i++){
					zbllump.css("width",bw+"%");
					var a=zbllump.eq(i).outerHeight();
					var min=Math.min.apply(null, arr);
					for(x=0;x<zblsizew;x++){
						if(arr[x]==min){
							minxb=x;
							break;
						}
					}
					zbllump.eq(i).css("left",((aw+bw)*minxb)+"%").css("top",(arr[minxb])+"px");
					arr[minxb]=arr[minxb]+a+Math.ceil(dh);
				}
				zblgrid.css("height",Math.max.apply(null, arr)-Math.ceil(dh));
			}else{
				var zblsizew=zblsizew-1;
				var bw=(100-aw*(zblsizew-1))/zblsizew;
				var cw=bw/100*zblgridw;
				gridw(aw,bw,cw,zblminw,zblsizew);
			}
		};
		gridw(aw,bw,cw,zblminw,zblsizew);
	});
};
function zblgridfull(){
	$(".zbl-grid-full").each(function(){
		//定义
		var zblgrid=$(this);//整体
		var zbllump=zblgrid.children(".zbl-lump");//单个块
		var zblbody=zblgrid.attr("zbl-body");//父级最大宽度参考值
		var zblsize=zblgrid.attr("zbl-size");//初始块数
		var zblsizew=zblgrid.attr("zbl-size-w");//初始横向块数
		var zblsizeh=zblgrid.attr("zbl-size-h");//初始竖向块数
		var zblmin=zblgrid.attr("zbl-min");//最小宽高
		var zblminw=zblgrid.attr("zbl-min-w");//最小宽
		var zblminh=zblgrid.attr("zbl-min-h");//最小高
		var zblmg=zblgrid.attr("zbl-mg");//间距
		var zblmgw=zblgrid.attr("zbl-mg-w");//横向间距
		var zblmgh=zblgrid.attr("zbl-mg-h");//竖向间距
		var zbllumpsize=zbllump.size();//总块数
		//默认
		if(zbllumpsize==0){return;}//没内容返回
		if(zblbody==undefined){var zblbody=1920;}//默认父级最大宽度参考值
		if(zblsize==undefined){var zblsize=10;}//默认初始行块数
		if(zblsizew==undefined){var zblsizew=zblsize;}//默认初始行块数
		if(zblsizeh==undefined){var zblsizeh=zblsize;}//默认初始行块数
		if(zblmin==undefined){var zblmin=0;}//默认最小宽高
		if(zblminw==undefined){var zblminw=zblmin;}//默认最小宽高
		if(zblminh==undefined){var zblminh=zblmin;}//默认最小宽高
		if(zblmg==undefined){var zblmg=0;};//默认间距
		if(zblmgw==undefined){var zblmgw=zblmg;};//默认间距
		if(zblmgh==undefined){var zblmgh=zblmg;};//默认间距
		//计算
		var windoww=$(window).width();//窗口宽度
		var zblgridw=zblgrid.width();//整体宽度
		var zblgridh=zblgrid.height();//整体高度
		var aw=zblmgw/zblgridw*100;//横向间距百分比
		var ah=zblmgh/zblgridh*100;//竖向间距百分比
		var bw=(100-aw*(zblsizew-1))/zblsizew;//块宽度百分比
		var bh=(100-ah*(zblsizeh-1))/zblsizeh;//块高度百分比
		var cw=bw/100*zblgridw;//每一块的宽度px
		var ch=bh/100*zblgridh;//每一块的高度px
		var dw=aw/100*zblgridw;//横向间距px
		var dh=ah/100*zblgridh;//竖向间距px
		function gridw(aw,bw,cw,zblminw,zblsizew){
			if(cw>zblminw){
				zbllump.css("width",bw+"%");
				for(i=0;i<zbllumpsize;i++){
					zbllump.eq(i).css("left",((aw+bw)*(i%zblsizew))+"%");
				}
			}else{
				var zblsizew=zblsizew-1;
				var bw=(100-aw*(zblsizew-1))/zblsizew;
				var cw=bw/100*zblgridw;
				gridw(aw,bw,cw,zblminw,zblsizew);
			}
		};
		gridw(aw,bw,cw,zblminw,zblsizew);
		function gridh(ah,bh,ch,zblminh,zblsizeh){
			if(ch>zblminh){
				zbllump.css("height",bh+"%");
				var n=Math.round((zblgrid.width()-dw)/(zbllump.width()+dw));
				for(i=0;i<zbllumpsize;i++){
					zbllump.eq(i).css("top",((ah+bh)*(Math.floor(i/n)))+"%");
				}
			}else{
				var zblsizeh=zblsizeh-1;
				var bh=(100-ah*(zblsizeh-1))/zblsizeh;
				var ch=bh/100*zblgridh;
				gridh(ah,bh,ch,zblminh,zblsizeh);
			}
		};
		gridh(ah,bh,ch,zblminh,zblsizeh);
	});
};

//img仿背景效果----------------------------------------------------------------------------------------------------
$(window).load(function(){
	zblimg();
})
$(window).resize(function(){
	zblimg();
})
function zblimg(){
	$(".zbl-img").each(function(){
		var box=$(this);
		var size=box.attr("zbl-size");
		if(size==undefined)
		{
			size='cover';
		}
		var img=box.find("img");
		var boxw=box.outerWidth();
		var boxh=box.outerHeight();
		var imgw=img.outerWidth();
		var imgh=img.outerHeight();
		var db1=boxw/boxh;
		var db2=imgw/imgh;
		if(size=='draw')
		{
			img.css("height","100%");
			img.css("width","100%");
			img.css("left",0);
			img.css("top",0);
		}
		if(size=='contain')
		{
			if(db1<db2)
			{
				img.css("height","auto");
				img.css("width","100%");
				var jz1=img.height();
				var jz2=-jz1/2;
				img.css("left",0);
				img.css("top","50%");
				img.css("marginTop",jz2);
				img.css("marginLeft",0);
			}
			else
			{
				img.css("width","auto");
				img.css("height","100%");
				var jz1=img.width();
				var jz2=-jz1/2;
				img.css("top",0);
				img.css("left","50%");
				img.css("marginLeft",jz2);
				img.css("marginTop",0);
			}
		}
		if(size=='cover')
		{
			if(db1<db2)
			{
				img.css("width","auto");
				img.css("height","100%");
				var jz1=img.width();
				var jz2=-jz1/2;
				img.css("top",0);
				img.css("left","50%");
				img.css("marginLeft",jz2);
				img.css("marginTop",0);
			}
			else
			{
				img.css("height","auto");
				img.css("width","100%");
				var jz1=img.height();
				var jz2=-jz1/2;
				img.css("left",0);
				img.css("top","50%");
				img.css("marginTop",jz2);
				img.css("marginLeft",0);
			}
		}
		if(size=='center')
		{
			img.css("height","auto");
			img.css("width","auto");
			var jz1=img.width();
			var jz2=-jz1/2;
			var jz3=img.height();
			var jz4=-jz3/2;
			img.css("left","50%");
			img.css("top","50%");
			img.css("marginLeft",jz2);
			img.css("marginTop",jz4);
		}
	})
}


//显示隐藏----------------------------------------------------------------------------------------------------
$(window).load(function(){
	$(".zbl-list").each(function(){
		var box=$(this);
		var oul=box.find('ul');
		var ful=box.children("ul");
		var oli=box.find('li');
		var zblevent=box.attr("zbl-event");
		var zblcallback=box.attr("zbl-callback");
		var zblspeed=box.attr("zbl-speed");
		if(zblevent==undefined){zblevent="mouseenter"};
		if(zblcallback==undefined){zblcallback="linear"};
		if(zblspeed==undefined){zblspeed='linear'}else{zblspeed=parseFloat(zblspeed)};
		if(zblevent=="mouseenter")
		{
			oli.on('mouseenter',function(){
				$(this).children("ul").stop().slideDown(zblspeed,zblcallback);
			});
			oli.on('mouseleave',function(){
				$(this).find("ul").stop().slideUp(0);
			});
		}
		else
		{
			oli.children(".btn").on(zblevent,function(){
				var a=$(this).siblings("ul").css("display");
				if(a=="none")
				{
					$(this).parent().addClass("cur");
					$(this).siblings("ul").stop().slideDown(zblspeed,zblcallback);
				}
				else
				{
					$(this).parent().removeClass("cur");
					$(this).siblings("ul").stop().slideUp(zblspeed,zblcallback);
				}
				$(this).siblings("ul").find("ul").stop().slideUp(zblspeed,zblcallback);
				$(this).parent().siblings().removeClass("cur");
				$(this).parent().siblings().find("li").removeClass("cur");
				
			})
		}
	})
});
//选项卡切换1----------------------------------------------------------------------------------------------------
$(function(){
	$('.zbl-tab-1').each(function(){
		var tab=$(this);
		var navbox=$(this).children('.nav-box');
		var libox=navbox.find('.li-box');
		var bbox=$(this).children('.b-box');
		var sbox=bbox.children('.s-box');
		var ind=tab.attr("index");
		var sj=tab.attr("sj");
		if(ind==undefined)
		{
			ind=1;
		}
		if(sj==undefined)
		{
			sj="click"
		}
		libox.removeClass('cur');
		libox.eq(ind-1).addClass('cur');
		sbox.eq(ind-1).show().siblings().hide();
		libox.on(sj,function(){
			var a=libox.index(this);
			libox.removeClass('cur');
			$(this).addClass('cur');
			sbox.eq(a).show().siblings().hide();
			grid();
			grid1();
		})
	})
})
//选项卡切换2----------------------------------------------------------------------------------------------------
$(function(){
	$('.zbl-tab-2').each(function(){
		var tab=$(this);
		var btn=tab.children(".nav-box");
		var libox=btn.find(".li-box");
		var box=tab.children(".b-box");
		var ind=tab.attr("index");
		var sj=tab.attr("sj");
		if(ind==undefined)
		{
			ind=1;
		}
		if(sj==undefined)
		{
			sj="click"
		}
		box.wrapAll("<div class='over'></div>");
		libox.eq(ind-1).addClass("cur").siblings().removeClass("cur");
		libox.on(sj,function(){
			$(this).addClass("cur").siblings().removeClass("cur")
			var a=$(this).index();
			var b=box.find(".s-box").eq(0).offset().top;
			var c=box.find(".s-box").eq(a).offset().top;
			var d=b-c;
			box.stop().animate({marginTop:d},500)
		})
	})
});
//选项卡切换3----------------------------------------------------------------------------------------------------
function zbltab3(){
	$('.zbl-tab-3').each(function(){
		var zbltab=$(this);
		var navbox=zbltab.find(".nav-box");
		var libox=zbltab.find(".li-box");
		var bbox=zbltab.find(".b-box");
		var sbox=zbltab.find(".s-box");
		var zblevent=zbltab.attr("zbl-event");
		var zbldeviation=zbltab.attr("zbl-deviation");
		if(zblevent==undefined){zblevent="click"}
		if(zbldeviation==undefined){zbldeviation=0}else{zbldeviation=parseFloat(zbldeviation)}
		libox.on(zblevent,function(){
			
			var a=$(this).index();
			var b=sbox.eq(a).offset().top;
			var c=b-zbldeviation;
			$("body,html").stop().animate({scrollTop:c},300);
			$(this).addClass("cur").siblings().removeClass("cur");
			navbox.removeClass("cur");
		})
		aaa();
		$(document).scroll(function(){
			navbox.addClass("cur");
			t2=setTimeout(aaa(),500)
		});
		function aaa(){
			var a=zbltab.offset().top-zbldeviation;
			var b=$(document).scrollTop();
			var c=b-a;
			var d=zbltab.height();
			var e=navbox.height();
			var f=a+d-e;
			var g=d-e;
			if(b>f){
				navbox.stop().animate({top:g},0);
			}else if(b>a){
				navbox.stop().animate({top:c},0);
			}else{
				navbox.stop().animate({top:0},0);
			}
			for(i=0;i<libox.length;i++){
				var j=sbox.eq(0).offset().top-zbldeviation-1;
				var h=sbox.eq(i).offset().top-zbldeviation-1;
				if(b<j){
					libox.eq(0).addClass("cur").siblings().removeClass("cur");
				}else if(b>h){
					libox.eq(i).addClass("cur").siblings().removeClass("cur");
				}
			}
		}
	})
}
$(function(){
	$('.zbl-lunbo').each(function(){
		var bbox=$(this);
		var gs=$(this).find('li').size();
		var arr = [];
		bbox.find('li').addClass('li-0');
		for(i=0;i<gs; i++ ){
			arr[i]=i+1;
			bbox.find('li').eq(i).addClass('li-'+arr[i]);
		}
		bbox.find('.right-btn').click(function(){
			bbox.find('li').removeClass();
			bbox.find('li').addClass('li-0');
			var aaa=arr.pop(arr);
			var bbb=arr.unshift(aaa);
			for(i=0;i<gs;i++)
			{
				bbox.find('li').eq(i).addClass('li-'+arr[i]);
			}
		});
		bbox.find('.left-btn').click(function(){
			bbox.find('li').removeClass();
			bbox.find('li').addClass('li-0');
			var aaa=arr.shift(arr);
			var bbb=arr.push(aaa);
			for(i=0;i<gs;i++)
			{
				bbox.find('li').eq(i).addClass('li-'+arr[i]);
			}
		})	
	});
	setInterval(function() {
		$(".zbl-lunbo .right-btn").click();
	}, 5000);
})