//расчитывает ширину дива контейнера и прокручивает его до выделенного элемента и все
Controls.Pager = function (id, obj) {

    var _thisRef = this;

    function _getSelf() { return $('#' + _thisRef.id); }

    function _getItemsCont() { return _getSelf().find('div'); }

    function _getItems() { return _getSelf().find('a'); }

    function _getPanelWidth() {
        var panelWidth = 0;
        var items = _getItems();
        for (var i = 0; i < items.length; i++) {
            var item = $(items[i]);
            panelWidth += item.width() + (parseInt(item.css('padding-left')) || 0) + (parseInt(item.css('padding-right')) || 0)  + (parseInt(item.css('margin-left')) || 0) + (parseInt(item.css('margin-right')) || 0) + (parseInt(item.css('border-left-width')) || 0) + (parseInt(item.css('border-right-width')) || 0);
        }
        return panelWidth + 4 || 0;
    }

    this.scrollToSelected = function () {
        var leftOffset = 0;
        for (var i = 0; i < _getItems().length; i++) {
            var item = $(_getItems()[i]);
            leftOffset += item.width() + parseInt(item.css('padding-left')) + parseInt(item.css('padding-right')) + parseInt(item.css('margin-left')) + parseInt(item.css('margin-right'));
            if (item.attr('class') == 'selectedPage') {
                _getSelf().scrollLeft(leftOffset - 120);
                return;
            }
        }
    }
    this.id = id;
    this.init = function () {
        _getItemsCont().width(_getPanelWidth());
        _getItemsCont().css('min-width', '200px');
    }

    this.init();

}