// javascript document
$(document).ready(function(){
	var w=$(window).width(),h=$(window).height();

	$(".banner").css({"height":h})

	var box_sz=[];
	$("img:last").load(function(){
		for(var bs=0;bs<$(".box").length;bs++){
			//var offset_this=$(".box").eq(bs).outerheight(true)+box_sz_cs;
			//box_sz.push(offset_this)
			var offset_this=h;
			for(var bs_b=0;bs_b<bs;bs_b++){
				offset_this=offset_this+$(".box").eq(bs_b).outerheight(true);
				//console.log(bs_b)
			}
			box_sz.push(offset_this);
			//console.log($(".box").eq(bs).outerheight(true)+","+box_sz[bs])
		};
	})
	function waterfall(obj,cl){//obj>>当前的盒子,,cl>>每行的个数,margin-left决定左值,margin-top决定右值
		//盒子结构为box >> ul >> li
		//console.log(obj)
		var _this=$(obj);
		var this_w=_this.find("li").width();
		var ml=parsefloat(_this.find("li").css("margin-left"));//左边距值
		var mt=parsefloat(_this.find("li").css("margin-top"));//上边距值

		//console.log(this_w+","+ml+","+mt)
		var waterfall_l=_this.find("li").length;
		_this.children("ul").css({"position":"relative"});
		_this.find("li").css({"position":"absolute"});//去掉margin干扰值
		//初始四个css
		for(var i=0;i<cl;i++){
			_this.find("li").eq(i).css({"left":(this_w+ml)*i-ml,"top":-mt});
		}
		var cs_h=[];//所有列表的高度的值数组
		for(var k=0;k<waterfall_l;k++){
			cs_h.push(_this.find("li").eq(k).height()-mt)
			//console.log(cs_h[k]);
		};
		var col_h=[];//cl列高度数组
		for(var ct=0;ct<cl;ct++){//输入初始列表高度值
			col_h.push(cs_h[ct]);
			//console.log(col_h[ct]);
		};
		var b;//设当前案例是第几列
		for(var p=cl;p<waterfall_l;p++){
			//var col_h_min=math.min(col_h[0],col_h[1],col_h[2],col_h[3]);获取最小值
			var col_h_min=col_h[0];//获取最小值
			for(var mi=1;mi<cl;mi++){
				if(col_h[mi]<col_h_min){
					col_h_min=col_h[mi]
				}
			}
			for(var c=0;c<cl;c++){
				if(col_h_min==col_h[c]){//返回当前是第几列
					//console.log(c)
					b=c;
				}
			}
			_this.find("li").eq(p).css({"top":col_h[b]+mt,"left":(this_w+ml)*b-ml});//当前的css样式
			col_h[b]=col_h[b]+_this.find("li").eq(p).height()+mt;//重置当前最小值
		};
		//var waterfall_boxh=math.max(col_h[0],col_h[1],col_h[2],col_h[3]);
		var col_h_max=col_h[0];//获取最大值
		for(var mx=1;mx<cl;mx++){
			if(col_h[mx]>col_h_max){
				col_h_max=col_h[mx]
			}
		}
		_this.children("ul").css({"height":col_h_max+mt});//设置盒子的高度
	};

	//obj>>当前的盒子,,cl>>每行的个数,margin-left决定左值,margin-top决定右值（注：不用考虑margin值的对布局的影响）
	$(function(){//图片加载完执行瀑布流事件
		if(w<1170){
			if(w<660){
				waterfall(".waterfall",2);//屏幕小于660
			}else{
				waterfall(".waterfall",3);//屏幕小于1170
			}
		}else{
			waterfall(".waterfall",3);//屏幕大于1170
		}		
	});

	$(window).resize(function(){
		var w=$(window).width();
		//document.title=w;
		if(w<1170){
			if(w<660){
				waterfall(".waterfall",2);
			}
			waterfall(".waterfall",3);
		}else{
			waterfall(".waterfall",3);
		}
	});
})