$(document).ready(function() {
    /*if (location.href.indexOf('devmode') != -1) {
        $('#index_portfolio_holder, #clients_frame').css('backgroundColor', '#f90');
    }*/

    /* Top portfolio */
    function dFixPFBlocksWidth() {
        var list = $('#index_portfolio_holder .index_portfolio_block');
        var parent = $('#index_portfolio_wrapper');
        var blockWidth = 231;
        var bodyMargin = 562;
        var holderWidth = 0;
        var maxNum = 0;
        var restSpace = 0;
        var margin = 0;

        if ((list.length > 0) && (parent.length > 0)) {
            holderWidth = document.documentElement.clientWidth - bodyMargin - 4;
            if (holderWidth < blockWidth) {
                holderWidth = blockWidth;
            }
            $('#index_portfolio_holder').css('width', (holderWidth + 3) + 'px');

            maxNum = Math.floor(holderWidth / blockWidth);

            if (maxNum > list.length) {
                maxNum = list.length;
            }

            restSpace = holderWidth - (maxNum * blockWidth);

            if (restSpace > 4) {
                margin = Math.floor(restSpace / (maxNum * 2));

                list.css('margin-left', margin + 'px');
                list.css('margin-right', margin + 'px');
                $(list[list.length - 1]).css('margin-right', 0);
            }
        }
    }

    $(window).resize(dFixPFBlocksWidth);
    dFixPFBlocksWidth();

    /* Bottom clients */

    function dFixBlocksWidth() {
        var list = $('#clients_frame .td_div');
        var minWidth = 180;
        var margin = 4;
        var holderWidth = 0;
        var parent = $('#clients_frame_holder');
        var maxNum = 0;
        var curWidth = 0;

        if ((list.length > 0) && (parent.length > 0)) {
            holderWidth = Math.floor(parent.attr('offsetWidth') * 0.98);
            $('#clients_frame').css('width', (holderWidth + 3) + 'px');

            maxNum = Math.floor(holderWidth / minWidth);

            if (maxNum < list.length) {
                curWidth = Math.floor(holderWidth / maxNum);
            } else {
                curWidth = Math.floor(holderWidth / list.length);
            }

            if (curWidth > minWidth) {
                list.css('width', curWidth - margin);
            } else {
                list.css('width', minWidth - margin);
            }
        }
    }

    //$(window).resize(dFixBlocksWidth);

    //dFixBlocksWidth();
});