function BuildTOC(areaId, toc, tagName, gridSize) {
    var tocId = "#" + toc;
    var list = $("#" + areaId + " " + tagName).get();
    var columnItemsAmount = Math.ceil(list.length / gridSize);
    var column = '';
    for (var i = 0; i < list.length; i++) {
        if (i == 0 || i % columnItemsAmount == 0) {
            var isLast = (list.length - i) <= columnItemsAmount;
            column += "<div class='grid-" + 24 / gridSize;
            if (isLast) {
                column += " lastgridchild";
            }
            column += "'>";
            column += "<ul>";
        }
        var current = $(list[i]);
        current.attr("id", "title" + i);
        column += "<li><a id='link" + i + "' href='#title" + i + "'>" + current.html() + "</a></li>";
        if ((i+1) % columnItemsAmount == 0 || i == list.length - 1) {
            column += "</ul>";
            column += "</div>";
            $(tocId).append(column);
            column = '';
        }
    }
    $(tocId).append("<br class='clear' />");
}