﻿function matchColumns(columnGroup, column) {

    if (!document.getElementById || !document.getElementsByTagName)
        return;

    var columnsContainer, divs, contDivs, maxHeight, divHeight, d;

    columnsContainer = document.getElementById(columnGroup);

    if (columnsContainer == null)
        return;

    //get all <div> elements in the column group container

    divs = columnsContainer.getElementsByTagName('div');

    contDivs = [];

    // initialize maximum height value 

    maxHeight = 0;

    // iterate over all <div> elements in the document

    var columnName = new RegExp("\\b" + column + "\\b");

    for (var i = 0; i < divs.length; i++) {

        // make collection with <div> elements with class attribute 'column'

        //if (/\bcolumn\b/.test(divs[i].className)) {
        if (columnName.test(divs[i].className)) {
        
            d = divs[i];

            contDivs[contDivs.length] = d;

            // determine height for <div> element 

            if (d.offsetHeight) {

                divHeight = d.offsetHeight;

            }

            else if (d.style.pixelHeight) {

                divHeight = d.style.pixelHeight;

            }

            // calculate maximum height 

            maxHeight = Math.max(maxHeight, divHeight);

        }
    }

    // assign maximum height value to all of container <div> elements 

    for (var i = 0; i < contDivs.length; i++) {

        contDivs[i].style.height = maxHeight + "px";
    }

}