(function() {
    'use strict';

    if (!!window.JVebScriptComponent)
        return;

    window.JVebScriptComponent = function(params) {
        this.formPosting = false;
        this.siteId = params.siteId || '';
        this.ajaxId = params.ajaxId || '';
        this.template = params.template || '';
        this.componentPath = params.componentPath || '';
        this.parameters = params.parameters || '';
        this.query = params.query || '';

        if (params.navParams)
        {
            this.navParams = {
                NavNum: params.navParams.NavNum || 1,
                NavPageNomer: parseInt(params.navParams.NavPageNomer) || 1,
                NavPageCount: parseInt(params.navParams.NavPageCount) || 1
            };
        }

        this.container = document.querySelector('[data-entity="' + params.container + '"]');
        this.showMoreButton = null;
        this.showMoreButtonMessage = null;

        if (params.lazyLoad)
        {
            this.showMoreButton = document.querySelector('[data-use="show-more-' + this.navParams.NavNum + '"]');
            this.showMoreButtonMessage = this.showMoreButton.innerHTML;
            BX.bind(this.showMoreButton, 'click', BX.proxy(this.showMore, this));
        }

        if (params.loadOnScroll)
        {
            BX.bind(window, 'scroll', BX.proxy(this.loadOnScroll, this));
        }
    };

    window.JVebScriptComponent.prototype =
        {
            checkButton: function()
            {
                if (this.showMoreButton)
                {
                    if (this.navParams.NavPageNomer == this.navParams.NavPageCount)
                    {
                        BX.remove(this.showMoreButton);
                    }
                }
            },

            enableButton: function()
            {
                if (this.showMoreButton)
                {
                    BX.removeClass(this.showMoreButton, 'disabled');
                    this.showMoreButton.innerHTML = this.showMoreButtonMessage;
                }
            },

            disableButton: function()
            {
                if (this.showMoreButton)
                {
                    BX.addClass(this.showMoreButton, 'disabled');
                    //this.showMoreButton.innerHTML = BX.message('BTN_MESSAGE_LAZY_LOAD_WAITER');
                }
            },

            loadOnScroll: function()
            {
                var scrollTop = BX.GetWindowScrollPos().scrollTop,
                    containerBottom = BX.pos(this.container).bottom;

                if (scrollTop + window.innerHeight > containerBottom)
                {
                    this.showMore();
                }
            },

            showMore: function()
            {
                if (this.navParams.NavPageNomer < this.navParams.NavPageCount)
                {
                    var data = {};
                    data['action'] = 'showMore';
                    data['PAGEN'] = this.navParams.NavNum;
                    data['PAGEN_' + this.navParams.NavNum] = this.navParams.NavPageNomer + 1;

                    if (!this.formPosting)
                    {
                        this.formPosting = true;
                        this.disableButton();


                        var query = '';
                        if(this.query)
                            query = '&q='+this.query;
                        history.pushState('', document.title, '?PAGEN_'+this.navParams.NavNum+'='+(this.navParams.NavPageNomer + 1)+query);
                        this.sendRequest(data);
                    }
                }
            },

            sendRequest: function(data)
            {
                var defaultData = {
                    siteId: this.siteId,
                    template: this.template,
                    parameters: this.parameters
                };

                if (this.ajaxId)
                {
                    defaultData.AJAX_ID = this.ajaxId;
                }

                /*сюда если надо дописываем параметры, куки и так далее*/

                BX.ajax({
                    url: this.componentPath + (document.location.href.indexOf('clear_cache=Y') !== -1 ? '?clear_cache=Y' : ''),
                    method: 'POST',
                    dataType: 'json',
                    timeout: 60,
                    data: BX.merge(defaultData, data),
                    onsuccess: BX.delegate(function(result){
                        if (!result || !result.JS)
                            return;

                        BX.ajax.processScripts(
                            BX.processHTML(result.JS).SCRIPT,
                            false,
                            BX.delegate(function(){this.showAction(result, data);}, this)
                        );
                    }, this)
                });
            },

            showAction: function(result, data)
            {
                if (!data)
                    return;

                switch (data.action)
                {
                    case 'showMore':
                        this.processShowMoreAction(result);
                        break;
                }
            },

            processShowMoreAction: function(result)
            {
                this.formPosting = false;
                this.enableButton();

                if (result)
                {
                    this.navParams.NavPageNomer++;
                    this.processItems(result.items);
                    this.processPagination(result.pagination);
                    this.checkButton();
                }
            },

            processItems: function(itemsHtml, position)
            {
                if (!itemsHtml)
                    return;

                var processed = BX.processHTML(itemsHtml, false),
                    temporaryNode = BX.create('DIV');

                var items, k, origRows;

                temporaryNode.innerHTML = processed.HTML;
                items = temporaryNode.querySelectorAll('[data-entity="items-row"]');

                if (items.length)
                {
                    this.showHeader(true);

                    for (k in items)
                    {
                        if (items.hasOwnProperty(k))
                        {
                            origRows = position ? this.container.querySelectorAll('[data-entity="items-row"]') : false;
                            items[k].style.opacity = 0;

                            if (origRows && BX.type.isDomNode(origRows[position[k]]))
                            {
                                origRows[position[k]].parentNode.insertBefore(items[k], origRows[position[k]]);
                            }
                            else
                            {
                                this.container.appendChild(items[k]);
                            }
                        }
                    }

                    new BX.easing({
                        duration: 2000,
                        start: {opacity: 0},
                        finish: {opacity: 100},
                        transition: BX.easing.makeEaseOut(BX.easing.transitions.quad),
                        step: function(state){
                            for (var k in items)
                            {
                                if (items.hasOwnProperty(k))
                                {
                                    items[k].style.opacity = state.opacity / 100;
                                }
                            }
                        },
                        complete: function(){
                            for (var k in items)
                            {
                                if (items.hasOwnProperty(k))
                                {
                                    items[k].removeAttribute('style');
                                }
                            }
                        }
                    }).animate();
                }

                BX.ajax.processScripts(processed.SCRIPT);
            },

            processPagination: function(paginationHtml)
            {
                if (!paginationHtml)
                    return;

                var pagination = document.querySelectorAll('[data-pagination-num="' + this.navParams.NavNum + '"]');
                for (var k in pagination)
                {
                    if (pagination.hasOwnProperty(k))
                    {
                        pagination[k].innerHTML = paginationHtml;
                    }
                }
            },

            showHeader: function(animate)
            {
                var parentNode = BX.findParent(this.container, {attr: {'data-entity': 'parent-container'}}),
                    header;

                if (parentNode && BX.type.isDomNode(parentNode))
                {
                    header = parentNode.querySelector('[data-entity="header"');

                    if (header && header.getAttribute('data-showed') != 'true')
                    {
                        header.style.display = '';

                        if (animate)
                        {
                            new BX.easing({
                                duration: 2000,
                                start: {opacity: 0},
                                finish: {opacity: 100},
                                transition: BX.easing.makeEaseOut(BX.easing.transitions.quad),
                                step: function(state){
                                    header.style.opacity = state.opacity / 100;
                                },
                                complete: function(){
                                    header.removeAttribute('style');
                                    header.setAttribute('data-showed', 'true');
                                }
                            }).animate();
                        }
                        else
                        {
                            header.style.opacity = 100;
                        }
                    }
                }
            }
        };
})();