var totalHeight = 0;
var leftColumnArray = [];
var rightColumnArray = [];

$(document).ready(function() {
	prepareColumns();
})

function prepareColumns(){
	var listSections = $(".section");
	
	for (var i = 0; i < listSections.length; i++) { 
		totalHeight += $(listSections[i]).height();
	}
	
	var columnHeight = totalHeight / 2;
	var heightCounter = 0;
	
	if (listSections.length > 1) {
		for (var i = 0; i < listSections.length; i++) {
			heightCounter += $(listSections[i]).height();
			
			if (heightCounter < (columnHeight + ($(listSections[0]).height() / 2))) {
				leftColumnArray.push($(listSections[i]));
			}
			else if (heightCounter >= (columnHeight + ($(listSections[0]).height() / 2))) {
				rightColumnArray.push($(listSections[i]));
			}
		}
	}
	else {
		leftColumnArray.push($(listSections[0]));
	}
	
	fillColumns();
}

function fillColumns() {
	$('#content').append('<div id="leftColumn"></div>');
	$('#content').append('<div id="rightColumn"></div>');
	
	for (var i = 0; i < leftColumnArray.length; i++) {
		$(leftColumnArray[i]).appendTo('#leftColumn');
	}
	
	for (var i = 0; i < rightColumnArray.length; i++) {
		$(rightColumnArray[i]).appendTo('#rightColumn');
	}
}