$(document).ready(function(){

waterfall();

})

function waterfall(){

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

var boxW=$box.eq(0).outerWidth();

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

$('#main').width(boxW*cols).css('margin','0 auto')

var arrH=[];

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

var h=$box.eq(index).outerHeight();

if(index<cols){arrH[index]=h;}

else{

var hMin=Math.min.apply(null,arrH);

var minIndex=$.inArray(hMin,arrH);

$(value).css({

'position':'absolute',

'top':hMin+'px',

'left':boxW*minIndex+'px'

})

arrH[minIndex]+=h;

}

})

}