/// <reference path="jquery-1.5-vsdoc.js" />
$(document).ready(function () {
    //classname of the element
    $.fn.devideBlocks = function (wrapname, classname, blocks) {
        var $container = $(this).children('div');
        var totalWidth = $(this).width();
        var $tabs = $(wrapname, $container);
        var wrapWidth = $tabs.first().outerWidth();
        var usedWidth = 0;
        var leftmargin = 0;
        var numberOfBlocks = 0;
        var maxBlocks = blocks

        //a safety measure to show only 4 blocks and not 4+
        if ($tabs.length > maxBlocks) {
            numberOfBlocks = maxBlocks;
        } else {
            numberOfBlocks = $tabs.length;
        };

        //calculate used width of the blocks
        usedWidth = (numberOfBlocks * wrapWidth);
        //calculate the leftmargin we need to use
        leftmargin = Math.round((totalWidth - usedWidth) / (numberOfBlocks - 1));

        if ($tabs.length > 0) {
            var i = 0;
            $tabs.each(function () {
                var $wrapper = $(this);
                if (i == 0) {
                    $wrapper.css('margin-left', 0);
                } else if ((i == 1) && ($tabs.length == 2)) {
                    $wrapper.css('margin-left', leftmargin);
                    //a safety measure to show only 4 blocks and not 4+
                } else if ((i >= 4) && ($tabs.length >= 5)) {
                    $wrapper.css('display', 'none');
                } else {
                    $wrapper.css('margin-left', leftmargin);
                };

                i++;
            });
        };
        if ($.browser.msie) {
            if ($.browser.version == '6.0') $tabs.css('display', 'inline');
        };
    };
});