$(window).load(function () {
    // all heights the same
	var height_navi = $('.navi').height();
	var height_col1 = $('.col1').height();
	var height_col2 = $('.col2').height();
	var height_col3 = $('.col3').height();

	var max_height = Math.max(height_navi, height_col1, height_col2, height_col3);
	$('.navi, .col1, .col2, .col3').height(max_height);

    // this part only for the home page
    var $subContentBoxes = $('.col2 .subContentBox');

    var last_index = $subContentBoxes.length - 1;
    var remaining_height = max_height;

    $subContentBoxes.each(function (i, e) {
        if (i != last_index)
        {
            remaining_height -= $(e).outerHeight(true);
        }
        else
        {
            $(e).height(remaining_height);
        }
    });
});