Распределение элементов в 2 колонки по ширине

window.onload = function() {
    var container = document.querySelector('.test');
    var elements = container.querySelectorAll('.test_item');
    var columns = {
        elements: [],
        margin: 20,
        elementWidth: container.clientWidth / 2 - 10,
        left: {
            height: container.offsetTop,
            position: container.offsetLeft,
            length: 0,
        },
        right: {
            height: container.offsetTop,
            position: container.offsetLeft + container.clientWidth / 2 + 10,
            length: 0
        },
        setElement: function(type, element) {
            var self = this[type];
            if (typeof(self) != 'object') {
                return;
            }
            this.elements.push(element);
            element.style.top = self.height + 'px';
            element.style.left = self.position + 'px';
            element.style.width = this.elementWidth + 'px';
            self.height += element.clientHeight + this.margin;
            self.length++;
        },
        prepare: function(element) {
            for (var i = 0, count = this.elements.length; i < count; i++) {
                elements[i].style.display = 'block';
                elements[i].style.position = 'absolute';
                elements[i].style.margin = '0';
            }
        }
    }
    for (var i = 0, count = elements.length; i < count; i++) {
        columns.setElement(columns.left.height < columns.right.height ? 'left' : 'right', elements[i]);
    }
    columns.prepare();
}