$(window).on("load",function(){

waterfall();

})

function waterfall(){

var $oBoxs = $("#main>div");

var oBoxsW = $oBoxs.eq(0).outerWidth();

var cols = Math.floor($(window).width()/oBoxsW);

$("#main").width(oBoxsW*cols).css("margin","0 auto");

var hArr =[];

$oBoxs.each(function(index,value){

var H = $oBoxs.eq(index).outerHeight();

if(index<cols){

hArr[index] = H;

//console.log(hArr);

}else{

var minH =Math.min.apply(null,hArr); 

var minIndex =$.inArray(minH,hArr);

console.log(hArr);

$(value).css({

"positon":"absolute",

"top":minH+"px",

"left":minIndex*oBoxsW+"px",

})

hArr[minIndex]+=H;

}

})

}