window.addEvent('load', function(){
	var articles = $('articles');
	if(articles)
		arrange(articles);
});

function arrange(articles){
	var COLS = 4;
	var COL_WIDTH = 228;
	var GAP = 16;
	var children = articles.getChildren('li');
	var max = new Array();
	children.setStyle('width', COL_WIDTH);
	for(x=0; x < COLS; x++)
		max[x] = 0;

	children.each(function(child){
		var i, w;
		var size = child.getSize();
		i = 0;
		for(x=0; x < COLS; x++)
			i = max[x] < max[i] ? x : i;

		child.setStyles({
			'left': i * (COL_WIDTH + GAP),
			'top': max[i]
		});
		max[i] += size.y + GAP;
	});
}