﻿/*	simpleColumns -
 *	JQuery plugin to split a list into 2 lists 
 *	so they can be displayed as columns
 */

(function ($) {

    $.fn.simpleColumns = function (options) {
        var settings = {};

        return this.each(function () {
            if (($(this).children().size() == 1) && $(this).children().eq(0).is('ul')) {
                if (options) {
                    $.extend(settings, options);
                }

                var $OriginalList = $(this).children().eq(0);

                var $ClearMe = $("<div class='clear-me' />");
                var $FirstCol = $("<ul class='simpleColumnsCol " + $OriginalList.attr('class') + "' />");
                var $SecondCol = $("<ul class='simpleColumnsCol " + $OriginalList.attr('class') + "' />");

                var $ColBox = $('<div class="simpleColumnsContainer" />');
                $(this).append($ColBox);

                $ColBox.append($FirstCol);
                $ColBox.append($SecondCol);
                $ColBox.append($ClearMe);

                $SecondCol.append($OriginalList.children());

                $OriginalList.remove();

                if ($SecondCol.children().size() > 0) {
                    while ($FirstCol.height() < $SecondCol.height()) {
                        $FirstCol.append($SecondCol.children().first());
                    }
                }
            }
        });

    };

})(jQuery);

