var anythingOrder = anythingOrder || {params: {}, texts: {}};

jQuery(document).ready(function ($, undefined) {
    var _spin = $('.wp-list-table .column-anything-order .dashicons'),

        _list = $('#the-list').sortable({
            cursor: 'auto',
            cursorAt: {left: -10, top: 0},
            scrollSpeed: 10,
            appendTo: document.body,
            cancel: '.no-items,.inline-editor',
            placeholder: 'sortable-placeholder',
            handle: '.column-anything-order',
            revert: false,
            helper: function (e, item) {
                var parent = item.parent(),
                    cols = item.children(':visible').length,
                    width = item.find('.row-title').closest('th, td').width(),
                    helper = [],
                    selecteds = item;

                if (item.hasClass('selected')) {
                    selecteds = parent.children('.selected');
                } else {
                    item.addClass('selected').siblings().removeClass('selected');
                }

                item
                    .data('anything-order-cols', cols)
                    .data('anything-order-selecteds', selecteds.removeClass('selected').clone())
                    .show();

                selecteds
                    .addClass('sorting')
                    .each(function () {
                        helper.push('<div>' + $(this).find('.row-title').text() + '</div>')
                    });

                return $('<div>' + helper.join('') + '</div>').data('anything-order-helper', helper).width(width);
            },
            start: function (e, ui) {
                var cols = ui.item.data('anything-order-cols'),
                    html = ui.helper.data('anything-order-pos', ui.position).data('anything-order-helper');

                ui.item.show();
                ui.placeholder.html('<td colspan="' + cols + '">' + html.join('') + '</td>');
            },
            stop: function (e, ui) {
                if ($(this).hasClass('cancel')) {
                    $(this).removeClass('cancel');
                    getItems().filter('.sorting').removeClass('sorting');
                } else {
                    ui.item.after(ui.item.data('anything-order-selecteds').addClass('sorted')).remove();
                    getItems()
                        .filter('.sorting').remove().end()
                        .removeClass('alternate')
                        .filter(':nth-child(2n+1)').addClass('alternate');

                    doUpdate(getIds($('#the-list').find('.anything-order-id')));
                }

                refresh();

            },
            update: function (e, ui) {
                ui.item.data('anything-order-update', true);
            }
        }),

        startUpdate = function () {
            _spin.addClass('spinner');
            _list.sortable('disable');
        },

        doUpdate = function (ids) {
            startUpdate();
            anythingOrder.params.ids = ids || [];
            anythingOrder.params.order = perPage * (currentPage - 1) + 1;
            $.post(window.ajaxurl, anythingOrder.params, function (r) {
                var json = JSON.parse(r);

                if (json.redirect) {
                    window.location.href = json.redirect
                }

                if (anythingOrder.params.ids.length) {
                    setTimeout(function () {
                        getItems().filter('.sorted').removeClass('sorted');
                    }, 300)
                }
                endUpdate();
            })
        },

        endUpdate = function () {
           _list.sortable('enable');
           _spin.removeClass('spinner');
        },

        getItems = function () {
            return _list.children('tr:not(.inline-editor)');
        },

        select = function (e) {
        var $tr = $(this).parents('tr');

           if(e.shiftKey){
                var items = getItems(),
                    from  = items.index(items.filter('.selected').first()),
                    to    = items.index( $tr );

                if(-1 == from){
                    $tr.toggleClass('selected');
                }else{
                    if(from > to){
                        to = [from, from = items.index( $tr )][0]
                    }
                    items.slice(from, to+1).addClass('selected');
                }
            } else {
               $tr.toggleClass('selected');
           }

        },

        getIds = function (e) {
            var ids = [];
            for (var i = 0; i < e.length; i++) {
                ids.push(e[i].innerHTML);
            }
            return ids.join(',')
        },

        cancelSort = function ( e ) {
            if (e.which === 27 || e.keyCode === 27) {
                if (getItems().filter('.sorting').length > 0) {
                    _list.addClass('cancel').sortable('cancel');
                    $(document).mouseup();
                }
            }
        },

        _pref = $('input[name="anything-order-hide"]', '#adv-settings'),

        _resetSelect = $('#bulk-action-selector-top, #bulk-action-selector-bottom'),

        bulkOptionValue = anythingOrder.params.bulk_option_value,

        _resetOption = _resetSelect.children('option[value="'+ bulkOptionValue +'"]'),

        _reset = $('#doaction, #doaction2').on('click', function () {
            var $this = $(this),
                $currentSelect = $this.prev();
            if (bulkOptionValue === $currentSelect.val() ) {
                if (confirm(anythingOrder.texts.confirmReset)) {
                    doUpdate();
                }
                return false;
            }
        }),




        refresh = function () {

            _list.sortable(_pref.prop('checked')  ? 'enable' : 'disable');

            if (_pref.prop('checked')) {
                _resetOption.removeAttr('disabled');
            } else {
                _resetSelect.each(function () {
                    var $this = $(this);
                    if (bulkOptionValue === $this.val()) {
                        $this.val('-1');
                    }
                });
                _resetOption.attr('disabled', 'disabled');
            }

        },

        currentPage = $('.tablenav.top .pagination-links .current-page').val() || 1,

        perPage = $('#adv-settings').find('.screen-per-page').val(),

        revertInline = function () {
            if (undefined != window[anythingOrder.params.inline]) {
                window[anythingOrder.params.inline].revert();
            }
        },

        init = function () {
            $(document)
                .on('mousedown.anythig-order', '#the-list > tr:not(.inline-editor)', revertInline)
                .on('click.anythig-order', '#the-list .column-anything-order', select )
                .on('keyup', cancelSort )
                .ajaxSend(function (e, xhr, o, undefined) {
                    if (-1 == o.data.indexOf('screen_id=') && undefined != window.pagenow) {
                        o.data += '&screen_id=' + window.pagenow
                    }
                });

            _pref.on('click.anythig-order', refresh);

            refresh();

        };

    init()
});