var column_width = 215;
var gutter = 10; 
var offset_y = 32;
var offset_x = 20;
var max_y = new Array();

function position_tiles(){
    var columns = parseInt($('body').innerWidth() / (column_width + gutter));
    
    for(x=0; x < columns; x++){
        max_y[x] = 0;
    }
    
    $('.tile').each(function(i){
    
        if(!$(this).hasClass('header-tile'))
        {
            $(this).css('position', 'absolute');
            
            var tile = 0;
            for(x=0; x < columns; x++){
                tile = max_y[x] < max_y[tile] ? x : tile;
            }
            
            $(this).css('left', tile*(column_width + gutter) + offset_x).css('top', max_y[tile] + offset_y);
            max_y[tile] += $(this).outerHeight() + gutter;
        }
	});
}

$(function(){ 
    position_tiles();
});

$(window).resize(function(){ 
    position_tiles();
});