var WPUltimatePostGrid = WPUltimatePostGrid || {};

WPUltimatePostGrid.post_type = null;
WPUltimatePostGrid.filter_possible = false;
WPUltimatePostGrid.premium_features_used = [];

WPUltimatePostGrid.initForm = function() {
    // General selects
    jQuery('.wpupg-select2').select2wpupg({
        width: '100%'
    });

    // Multiselect with order
    jQuery('select.wpupg_filter_taxonomy').on('select2wpupg:select', function (evt) {
        var element = evt.params.data.element;
        var $element = jQuery(element);

        $element.detach();
        jQuery(this).append($element);
        jQuery(this).trigger('change');
    });

    // Datepicker
    jQuery('#wpupg_rules').find('.wpupg-date').datepicker();

    // Sliders
    var slider_args = {
        start: 1,
        step: 1,
        range: {
            'min': 1,
            'max': 500
        },
        behaviour: 'tap-drag',
        format: wNumb({
            decimals: 0
        })
    };

    var posts_per_page = jQuery('#wpupg_pagination_pages_posts_per_page');
    slider_args.start = posts_per_page.val();
    jQuery('#wpupg_pagination_pages_posts_per_page_slider').noUiSlider(slider_args).Link('lower').to(posts_per_page);

    var infinite_posts = jQuery('#wpupg_pagination_infinite_load_initial_posts');
    slider_args.start = infinite_posts.val();
    jQuery('#wpupg_pagination_infinite_load_initial_posts_slider').noUiSlider(slider_args).Link('lower').to(infinite_posts);

    var posts_on_scroll = jQuery('#wpupg_pagination_infinite_load_posts_on_scroll');
    slider_args.start = posts_on_scroll.val();
    jQuery('#wpupg_pagination_infinite_load_posts_on_scroll_slider').noUiSlider(slider_args).Link('lower').to(posts_on_scroll);

    var initial_posts = jQuery('#wpupg_pagination_load_more_initial_posts');
    slider_args.start = initial_posts.val();
    jQuery('#wpupg_pagination_load_more_initial_posts_slider').noUiSlider(slider_args).Link('lower').to(initial_posts);

    var posts_on_click = jQuery('#wpupg_pagination_load_more_posts_on_click');
    slider_args.start = posts_on_click.val();
    jQuery('#wpupg_pagination_load_more_posts_on_click_slider').noUiSlider(slider_args).Link('lower').to(posts_on_click);

    var initial_posts_filter = jQuery('#wpupg_pagination_load_filter_initial_posts');
    slider_args.start = initial_posts_filter.val();
    jQuery('#wpupg_pagination_load_filter_initial_posts_slider').noUiSlider(slider_args).Link('lower').to(initial_posts_filter);

    slider_args = {
        start: 0,
        step: 1,
        range: {
            'min': 0,
            'max': 50
        },
        behaviour: 'tap-drag',
        format: wNumb({
            decimals: 0
        })
    };

    var isotope_margin_vertical = jQuery('#wpupg_isotope_filter_style_margin_vertical');
    slider_args.start = isotope_margin_vertical.val();
    jQuery('#wpupg_isotope_filter_style_margin_vertical_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedIsotopeFilterStyle();
        }
    }).Link('lower').to(isotope_margin_vertical);

    var isotope_margin_horizontal = jQuery('#wpupg_isotope_filter_style_margin_horizontal');
    slider_args.start = isotope_margin_horizontal.val();
    jQuery('#wpupg_isotope_filter_style_margin_horizontal_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedIsotopeFilterStyle();
        }
    }).Link('lower').to(isotope_margin_horizontal);

    var isotope_padding_vertical = jQuery('#wpupg_isotope_filter_style_padding_vertical');
    slider_args.start = isotope_padding_vertical.val();
    jQuery('#wpupg_isotope_filter_style_padding_vertical_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedIsotopeFilterStyle();
        }
    }).Link('lower').to(isotope_padding_vertical);

    var isotope_padding_horizontal = jQuery('#wpupg_isotope_filter_style_padding_horizontal');
    slider_args.start = isotope_padding_horizontal.val();
    jQuery('#wpupg_isotope_filter_style_padding_horizontal_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedIsotopeFilterStyle();
        }
    }).Link('lower').to(isotope_padding_horizontal);

    var isotope_border_width = jQuery('#wpupg_isotope_filter_style_border_width');
    slider_args.start = isotope_border_width.val();
    jQuery('#wpupg_isotope_filter_style_border_width_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedIsotopeFilterStyle();
        }
    }).Link('lower').to(isotope_border_width);

    
    var pagination_margin_vertical = jQuery('#wpupg_pagination_style_margin_vertical');
    slider_args.start = pagination_margin_vertical.val();
    jQuery('#wpupg_pagination_style_margin_vertical_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedPaginationStyle();
        }
    }).Link('lower').to(pagination_margin_vertical);

    var pagination_margin_horizontal = jQuery('#wpupg_pagination_style_margin_horizontal');
    slider_args.start = pagination_margin_horizontal.val();
    jQuery('#wpupg_pagination_style_margin_horizontal_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedPaginationStyle();
        }
    }).Link('lower').to(pagination_margin_horizontal);

    var pagination_padding_vertical = jQuery('#wpupg_pagination_style_padding_vertical');
    slider_args.start = pagination_padding_vertical.val();
    jQuery('#wpupg_pagination_style_padding_vertical_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedPaginationStyle();
        }
    }).Link('lower').to(pagination_padding_vertical);

    var pagination_padding_horizontal = jQuery('#wpupg_pagination_style_padding_horizontal');
    slider_args.start = pagination_padding_horizontal.val();
    jQuery('#wpupg_pagination_style_padding_horizontal_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedPaginationStyle();
        }
    }).Link('lower').to(pagination_padding_horizontal);

    var pagination_border_width = jQuery('#wpupg_pagination_style_border_width');
    slider_args.start = pagination_border_width.val();
    jQuery('#wpupg_pagination_style_border_width_slider').noUiSlider(slider_args).on({
        slide: function() {
            WPUltimatePostGrid.changedPaginationStyle();
        }
    }).Link('lower').to(pagination_border_width);

    // Color Pickers
    jQuery('#wpupg_isotope_filter_style_background_color').wpColorPicker({
            change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
        });
    jQuery('#wpupg_isotope_filter_style_background_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_background_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_text_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_text_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_text_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_border_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_border_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });
    jQuery('#wpupg_isotope_filter_style_border_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedIsotopeFilterStyle(); }
    });

    jQuery('#wpupg_pagination_style_background_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_background_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_background_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_text_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_text_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_text_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_border_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_border_active_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });
    jQuery('#wpupg_pagination_style_border_hover_color').wpColorPicker({
        change: function () { WPUltimatePostGrid.changedPaginationStyle(); }
    });

    // Initial State
    WPUltimatePostGrid.changedType();
    WPUltimatePostGrid.changedPostType();
    WPUltimatePostGrid.changedTaxonomy();
    WPUltimatePostGrid.changedOrderBy();
    WPUltimatePostGrid.changedLimitPosts();
    WPUltimatePostGrid.changedLimitTerms();
    WPUltimatePostGrid.initRules();
    WPUltimatePostGrid.changedFilterType();
    WPUltimatePostGrid.changedShowCount();
    WPUltimatePostGrid.changedMultiselect();
    WPUltimatePostGrid.changedLimitFilterTerms();
    WPUltimatePostGrid.changedDropdownLabels();
    WPUltimatePostGrid.changedIsotopeFilterStyle();
    WPUltimatePostGrid.changedIsotopeFilterText();
    WPUltimatePostGrid.changedLayoutMode();
    WPUltimatePostGrid.changedPaginationStyle();
    WPUltimatePostGrid.changedPaginationType();
    WPUltimatePostGrid.changedPaginationText();

    // Events
    jQuery('#wpupg_type').on('change', function() { WPUltimatePostGrid.changedType(); });
    jQuery('#wpupg_post_types').on('change', function() { WPUltimatePostGrid.changedPostType(); });
    jQuery('#wpupg_taxonomies').on('change', function() { WPUltimatePostGrid.changedTaxonomy(); });
    jQuery('#wpupg_order_by').on('change', function() { WPUltimatePostGrid.changedOrderBy(); });
    jQuery('#wpupg_limit_posts').on('change', function() { WPUltimatePostGrid.changedLimitPosts(); });
    jQuery('#wpupg_limit_terms').on('change', function() { WPUltimatePostGrid.changedLimitTerms(); });
    jQuery('#wpupg_add_rule').on('click', function(e) { e.preventDefault(); WPUltimatePostGrid.addRule(); });
    jQuery('.wpupg_rule_delete').on('click', function(e) { e.preventDefault(); WPUltimatePostGrid.removeRule(jQuery(this).parents('tr').attr('data-rule')); });
    jQuery('.wpupg_rule_field').on('change', function(e) { WPUltimatePostGrid.changedRuleField(jQuery(this).parents('tr').attr('data-rule')); });
    jQuery('.rule_container_wpupg_general_date').find('select').on('change', function(e) { WPUltimatePostGrid.changedDateRule(jQuery(this).parents('tr').attr('data-rule')); });
    jQuery('.wpupg-date').on('change', function(e) { WPUltimatePostGrid.changedDateRule(jQuery(this).parents('tr').attr('data-rule')); });
    jQuery('#wpupg_filter_type').on('change', function() { WPUltimatePostGrid.changedFilterType(); });
    jQuery('#wpupg_filter_count').on('change', function() { WPUltimatePostGrid.changedShowCount(); });
    jQuery('#wpupg_filter_multiselect').on('change', function() { WPUltimatePostGrid.changedMultiselect(); });
    jQuery('.wpupg_filter_taxonomy').on('change', function() { WPUltimatePostGrid.changedLimitFilterTerms(); WPUltimatePostGrid.changedDropdownLabels(); });
    jQuery('#wpupg_filter_limit').on('change', function() { WPUltimatePostGrid.changedLimitFilterTerms(); });
    jQuery('#wpupg_layout_mode').on('change', function() { WPUltimatePostGrid.changedLayoutMode(); });
    jQuery('#wpupg_pagination_type').on('change', function() { WPUltimatePostGrid.changedPaginationType(); });
    jQuery('#wpupg_pagination_load_more_button_text').on('change keyup', function() { WPUltimatePostGrid.changedPaginationText(); });

    isotope_margin_vertical.on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    isotope_margin_horizontal.on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    isotope_padding_vertical.on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    isotope_padding_horizontal.on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    isotope_border_width.on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    jQuery('#wpupg_isotope_filter_style_alignment').on('change', function() { WPUltimatePostGrid.changedIsotopeFilterStyle(); });
    jQuery('#wpupg_isotope_filter_style_all_button_text').on('change keyup', function() { WPUltimatePostGrid.changedIsotopeFilterText(); });

    pagination_margin_vertical.on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });
    pagination_margin_horizontal.on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });
    pagination_padding_vertical.on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });
    pagination_padding_horizontal.on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });
    pagination_border_width.on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });
    jQuery('#wpupg_pagination_style_alignment').on('change', function() { WPUltimatePostGrid.changedPaginationStyle(); });

    jQuery('.wpupg-filter-isotope-term').hover(function() {
        if(!jQuery(this).hasClass('active')) {
            var background_hover_color = jQuery('#wpupg_isotope_filter_style_background_hover_color').wpColorPicker('color');
            var text_hover_color = jQuery('#wpupg_isotope_filter_style_text_hover_color').wpColorPicker('color');
            var border_hover_color = jQuery('#wpupg_isotope_filter_style_border_hover_color').wpColorPicker('color');

            jQuery(this)
                .css('background-color', background_hover_color)
                .css('color', text_hover_color)
                .css('border-color', border_hover_color)
            ;
        }
    }, function() {
        if(!jQuery(this).hasClass('active')) {
            var background_color = jQuery('#wpupg_isotope_filter_style_background_color').wpColorPicker('color');
            var text_color = jQuery('#wpupg_isotope_filter_style_text_color').wpColorPicker('color');
            var border_color = jQuery('#wpupg_isotope_filter_style_border_color').wpColorPicker('color');

            jQuery(this)
                .css( 'background-color', background_color )
                .css( 'color', text_color)
                .css( 'border-color', border_color )
            ;
        }
    });

    jQuery('.wpupg-pagination-term').hover(function() {
        if(!jQuery(this).hasClass('active')) {
            var background_hover_color = jQuery('#wpupg_pagination_style_background_hover_color').wpColorPicker('color');
            var text_hover_color = jQuery('#wpupg_pagination_style_text_hover_color').wpColorPicker('color');
            var border_hover_color = jQuery('#wpupg_pagination_style_border_hover_color').wpColorPicker('color');

            jQuery(this)
                .css('background-color', background_hover_color)
                .css('color', text_hover_color)
                .css('border-color', border_hover_color)
            ;
        }
    }, function() {
        if(!jQuery(this).hasClass('active')) {
            var background_color = jQuery('#wpupg_pagination_style_background_color').wpColorPicker('color');
            var text_color = jQuery('#wpupg_pagination_style_text_color').wpColorPicker('color');
            var border_color = jQuery('#wpupg_pagination_style_border_color').wpColorPicker('color');

            jQuery(this)
                .css( 'background-color', background_color )
                .css( 'color', text_color)
                .css( 'border-color', border_color )
            ;
        }
    });
};

WPUltimatePostGrid.changedType = function() {
    var type = jQuery('#wpupg_type').find(':selected').val();

    if( type == 'terms' ) {
        WPUltimatePostGrid.checkPremiumFeatures('type', true);
        jQuery('#wpupg_meta_box_data_source_terms').show();

        jQuery('#wpupg_meta_box_data_source').hide();
        jQuery('#wpupg_meta_box_limit_terms').show();
        jQuery('#wpupg_meta_box_limit_posts').hide();
        jQuery('#wpupg_meta_box_filter').hide();
        jQuery('#wpupg_meta_box_isotope_filter').hide();
        jQuery('#wpupg_meta_box_pagination').hide();
        jQuery('#wpupg_meta_box_pagination_style').hide();

        WPUltimatePostGrid.changedLimitTerms();
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('type', false);
        jQuery('#wpupg_meta_box_data_source_terms').hide();

        jQuery('#wpupg_meta_box_data_source').show();
        jQuery('#wpupg_meta_box_limit_terms').hide();
        jQuery('#wpupg_meta_box_limit_posts').show();
        jQuery('#wpupg_meta_box_filter').show();
        jQuery('#wpupg_meta_box_isotope_filter').show();
        jQuery('#wpupg_meta_box_pagination').show();
        jQuery('#wpupg_meta_box_pagination_style').show();

        WPUltimatePostGrid.changedLimitPosts();
        WPUltimatePostGrid.changedFilterType();
        WPUltimatePostGrid.changedPaginationType();
    }
};

WPUltimatePostGrid.changedTaxonomy = function() {
    var taxonomy = jQuery('#wpupg_taxonomies').find(':selected').val();

    jQuery('#wpupg_form_limit_terms').find('tr').hide();
    jQuery('#wpupg_form_limit_terms').find('tr#wpupg_form_limit_terms_' + taxonomy).show();
};

WPUltimatePostGrid.changedPostType = function() {
    var post_type = jQuery('#wpupg_post_types').find(':selected').val();

    jQuery('.wpupg_filter_taxonomy_container').hide();
    var container = jQuery('#wpupg_filter_taxonomy_' + post_type + '_container');

    if(container.length > 0) {
        jQuery('#wpupg_no_taxonomies').hide();
        jQuery('#wpupg_form_filter').show();
        container.show();
        WPUltimatePostGrid.filter_possible = true;
    } else {
        jQuery('#wpupg_no_taxonomies').show();
        jQuery('#wpupg_form_filter').hide();
        WPUltimatePostGrid.filter_possible = false;
    }

    WPUltimatePostGrid.changedFilterType();
    WPUltimatePostGrid.changedLimitFilterTerms();
    WPUltimatePostGrid.changedDropdownLabels();
};

WPUltimatePostGrid.changedOrderBy = function() {
    var order_by = jQuery('#wpupg_order_by').find(':selected').val();

    if(order_by == 'custom') {
        WPUltimatePostGrid.checkPremiumFeatures('order_by', true);
        jQuery('.wpupg_order_custom_key_container').show();
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('order_by', false);
        jQuery('.wpupg_order_custom_key_container').hide();
    }
};

WPUltimatePostGrid.changedLimitTerms = function() {
    if(jQuery('#wpupg_limit_terms').is(':checked')) {
        jQuery('#wpupg_meta_box_limit_terms').show();
    } else {
        jQuery('#wpupg_meta_box_limit_terms').hide();
    }
};

WPUltimatePostGrid.changedLimitPosts = function() {
    if(jQuery('#wpupg_limit_posts').is(':checked')) {
        WPUltimatePostGrid.checkPremiumFeatures('limit_posts', true);
        jQuery('#wpupg_meta_box_limit_posts').show();
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('limit_posts', false);
        jQuery('#wpupg_meta_box_limit_posts').hide();
    }
};

WPUltimatePostGrid.initRules = function() {
    jQuery('#wpupg_rules').find('tr').each(function() {
        var rule = jQuery(this);

        rule
            .find('select')
            .select2wpupg({
                width: '100%'
            })
        ;

        WPUltimatePostGrid.changedRuleField(rule.attr('data-rule'));
    });
};

WPUltimatePostGrid.addRule = function() {
    var rules = jQuery('#wpupg_rules');
    var rule_id = rules.find('tr:last').attr('data-rule');
    rule_id = rule_id == undefined ? 1 : parseInt(rule_id) + 1;

    var new_rule = jQuery('#wpupg_rule_placeholder').find('tr').first().clone(true);

    new_rule
        .appendTo(rules)
        .attr('id', function(index, val) {
            return val.replace(/(\d+)/, rule_id);
        })
        .attr('data-rule', function(index, val) {
            return val.replace(/(\d+)/, rule_id);
        })
        .find('select, input')
        .attr('name', function(index, val) {
            return val.replace(/(\d+)/, rule_id);
        })
        .attr('id', function(index, val) {
            return val.replace(/(\d+)/, rule_id);
        })
    ;

    new_rule
        .find('select')
        .select2wpupg({
            width: '100%'
        })
    ;

    new_rule.find('.wpupg-date').datepicker();

    WPUltimatePostGrid.changedRuleField(rule_id);
    WPUltimatePostGrid.changedDateRule(rule_id);
};

WPUltimatePostGrid.removeRule = function(id) {
    if(id != '0') {
        jQuery('#wpupg_rule_' + id).remove();
    }
};

WPUltimatePostGrid.changedRuleField = function(id) {
    var row = jQuery('#wpupg_rule_' + id);
    var field = jQuery('#wpupg_limit_posts_rule_field_' + id).val();
    field = field.replace('|','_');



    row.find('.rule_container').hide();
    row.find('.rule_container_' + field).show();
};

WPUltimatePostGrid.changedDateRule = function(id) {
    var condition = jQuery('#wpupg_limit_posts_rule_values_wpupg_general_date_condition_' + id).find(':selected').val();
    var date = jQuery('#wpupg_limit_posts_rule_values_wpupg_general_date_date_' + id).val();
    jQuery('#wpupg_limit_posts_rule_values_wpupg_general_date_' + id).val(condition + ';' + date);
};

WPUltimatePostGrid.changedFilterType = function() {
    var filter_type = jQuery('#wpupg_filter_type').find(':selected').val();
    var filter_type_search = false;

    if(filter_type.substring(0,5) == 'text_') {
        filter_type = filter_type.substring(5);
        filter_type_search = true;
    }

    // Hide & Show Filter Settings
    if(filter_type == 'none' || filter_type == 'text') {
        jQuery('#wpupg_form_filter').find('tr').not('.wpupg_no_filter').hide();
    } else {
        jQuery('#wpupg_form_filter').find('tr').not('.wpupg_no_filter').show();
    }

    // Premium only filters
    if(filter_type == 'dropdown' || filter_type == 'text') {
        WPUltimatePostGrid.checkPremiumFeatures('filter_type', true);
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('filter_type', false);
    }

    // Hide & Show Filter Styles
    jQuery('#wpupg_meta_box_isotope_filter').hide();
    jQuery('#wpupg_meta_box_text_filter').hide();
    jQuery('#wpupg_meta_box_dropdown_filter').hide();

    if(WPUltimatePostGrid.filter_possible) {
        jQuery('#wpupg_meta_box_' + filter_type + '_filter').show();

        if(filter_type_search) {
            jQuery('#wpupg_meta_box_text_filter').show();
        }
    }

    WPUltimatePostGrid.changedLimitFilterTerms();
    WPUltimatePostGrid.changedDropdownLabels();
};

WPUltimatePostGrid.changedShowCount = function() {
    var show_count = jQuery('#wpupg_filter_count').is(':checked');

    if(show_count) {
        WPUltimatePostGrid.checkPremiumFeatures('show_count', true);
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('show_count', false);
    }
};

WPUltimatePostGrid.changedMultiselect = function() {
    var multiselect = jQuery('#wpupg_filter_multiselect').is(':checked');

    if(multiselect) {
        WPUltimatePostGrid.checkPremiumFeatures('multiselect', true);
        jQuery('.wpupg_multiselect').show();
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('multiselect', false);
        jQuery('.wpupg_multiselect').hide();
    }
};

WPUltimatePostGrid.changedLimitFilterTerms = function() {
    var limit_terms = jQuery('#wpupg_filter_limit').is(':checked');
    var post_type = jQuery('#wpupg_post_types').find(':selected').val();
    var taxonomies = jQuery('#wpupg_filter_taxonomy_' + post_type).val();

    if( !jQuery.isArray( taxonomies ) ) {
        taxonomies = [taxonomies];
    }

    if(limit_terms && taxonomies) {
        jQuery('.wpupg_limit_terms').show();
        jQuery('.wpupg_filter_terms_taxonomy').hide();

        for(var i = 0; i < taxonomies.length; i++) {
            jQuery('#wpupg_filter_terms_taxonomy_' + taxonomies[i]).show();
        }
    } else {
        jQuery('.wpupg_limit_terms').hide();
    }
};

WPUltimatePostGrid.changedDropdownLabels = function() {
    var filter_type = jQuery('#wpupg_filter_type').find(':selected').val();
    var post_type = jQuery('#wpupg_post_types').find(':selected').val();
    var taxonomies = jQuery('#wpupg_filter_taxonomy_' + post_type).val();

    if(filter_type.substring(0,5) == 'text_') {
        filter_type = filter_type.substring(5);
    }

    if( !jQuery.isArray( taxonomies ) ) {
        taxonomies = [taxonomies];
    }

    if(filter_type == 'dropdown' && taxonomies) {
        jQuery('.wpupg_dropdown_labels').show();
        jQuery('.wpupg_filter_dropdown_labels_taxonomy').hide();

        for(var i = 0; i < taxonomies.length; i++) {
            jQuery('#wpupg_filter_dropdown_label_taxonomy_' + taxonomies[i]).show();
        }
    } else {
        jQuery('.wpupg_dropdown_labels').hide();
    }
};

WPUltimatePostGrid.changedIsotopeFilterStyle = function() {
    var margin_vertical = parseInt(jQuery('#wpupg_isotope_filter_style_margin_vertical').val());
    var margin_horizontal = parseInt(jQuery('#wpupg_isotope_filter_style_margin_horizontal').val());
    var padding_vertical = parseInt(jQuery('#wpupg_isotope_filter_style_padding_vertical').val());
    var padding_horizontal = parseInt(jQuery('#wpupg_isotope_filter_style_padding_horizontal').val());
    var border_width = parseInt(jQuery('#wpupg_isotope_filter_style_border_width').val());

    var background_color = jQuery('#wpupg_isotope_filter_style_background_color').wpColorPicker('color');
    var text_color = jQuery('#wpupg_isotope_filter_style_text_color').wpColorPicker('color');
    var border_color = jQuery('#wpupg_isotope_filter_style_border_color').wpColorPicker('color');

    var alignment = jQuery('#wpupg_isotope_filter_style_alignment').find(':selected').val();
    jQuery('#wpupg_filter_preview_isotope_filter_style').css('text-align', alignment);

    jQuery('.wpupg-filter-isotope-term')
        .css( 'margin', margin_vertical + 'px ' + margin_horizontal + 'px' )
        .css( 'padding', padding_vertical + 'px ' + padding_horizontal + 'px' )
        .css( 'background-color', background_color )
        .css( 'color', text_color )
        .css( 'border', border_width + 'px solid ' + border_color )
    ;

    var background_active_color = jQuery('#wpupg_isotope_filter_style_background_active_color').wpColorPicker('color');
    var text_active_color = jQuery('#wpupg_isotope_filter_style_text_active_color').wpColorPicker('color');
    var border_active_color = jQuery('#wpupg_isotope_filter_style_border_active_color').wpColorPicker('color');

    jQuery('.wpupg-filter-isotope-term.active')
        .css( 'background-color', background_active_color )
        .css( 'color', text_active_color )
        .css( 'border', border_width + 'px solid ' + border_active_color )
    ;
};

WPUltimatePostGrid.changedIsotopeFilterText = function() {
    var text = jQuery('#wpupg_isotope_filter_style_all_button_text').val();

    if(text.length > 0) {
        jQuery('#wpupg_isotope_filter_style_all_button_text_preview').text(text).show();
    } else {
        jQuery('#wpupg_isotope_filter_style_all_button_text_preview').hide();
    }
};


WPUltimatePostGrid.changedLayoutMode = function() {
    var layout_mode = jQuery('#wpupg_layout_mode').find(':selected').val();

    if(layout_mode == 'masonry') {
        jQuery('.wpupg_masonry').show();
    } else {
        jQuery('.wpupg_masonry').hide();
    }
};

WPUltimatePostGrid.changedPaginationStyle = function() {
    var margin_vertical = parseInt(jQuery('#wpupg_pagination_style_margin_vertical').val());
    var margin_horizontal = parseInt(jQuery('#wpupg_pagination_style_margin_horizontal').val());
    var padding_vertical = parseInt(jQuery('#wpupg_pagination_style_padding_vertical').val());
    var padding_horizontal = parseInt(jQuery('#wpupg_pagination_style_padding_horizontal').val());
    var border_width = parseInt(jQuery('#wpupg_pagination_style_border_width').val());

    var background_color = jQuery('#wpupg_pagination_style_background_color').wpColorPicker('color');
    var text_color = jQuery('#wpupg_pagination_style_text_color').wpColorPicker('color');
    var border_color = jQuery('#wpupg_pagination_style_border_color').wpColorPicker('color');

    var alignment = jQuery('#wpupg_pagination_style_alignment').find(':selected').val();
    jQuery('.wpupg_filter_preview_pagination_style').css('text-align', alignment);

    jQuery('.wpupg-pagination-term')
        .css( 'margin', margin_vertical + 'px ' + margin_horizontal + 'px' )
        .css( 'padding', padding_vertical + 'px ' + padding_horizontal + 'px' )
        .css( 'background-color', background_color )
        .css( 'color', text_color )
        .css( 'border', border_width + 'px solid ' + border_color )
    ;

    var background_active_color = jQuery('#wpupg_pagination_style_background_active_color').wpColorPicker('color');
    var text_active_color = jQuery('#wpupg_pagination_style_text_active_color').wpColorPicker('color');
    var border_active_color = jQuery('#wpupg_pagination_style_border_active_color').wpColorPicker('color');

    jQuery('.wpupg-pagination-term.active')
        .css( 'background-color', background_active_color )
        .css( 'color', text_active_color )
        .css( 'border', border_width + 'px solid ' + border_active_color )
    ;
};

WPUltimatePostGrid.changedPaginationType = function() {
    var pagination_type = jQuery('#wpupg_pagination_type').find(':selected').val();

    // Hide & Show Pagination Settings
    jQuery('#wpupg_form_pagination').find('tbody').not('.wpupg_pagination_' + pagination_type).not('.wpupg_pagination_none').hide();
    jQuery('#wpupg_form_pagination').find('tbody.wpupg_pagination_' + pagination_type).show();

    // Premium only pagination
    if(pagination_type == 'none' || pagination_type == 'pages') {
        WPUltimatePostGrid.checkPremiumFeatures('pagination_type', false);
    } else {
        WPUltimatePostGrid.checkPremiumFeatures('pagination_type', true);
    }

    // Hide & Show Pagination Styles
    if(pagination_type != 'none' && pagination_type != 'infinite_load' && pagination_type != 'load_filter') {
        pagination_type = pagination_type == 'load_more_filter' ? 'load_more' : pagination_type;
        jQuery('#wpupg_meta_box_pagination_style').show().find('.wpupg_filter_preview').hide();
        jQuery('#wpupg_filter_preview_pagination_style_' + pagination_type).show();
    } else {
        jQuery('#wpupg_meta_box_pagination_style').hide();
    }
};

WPUltimatePostGrid.changedPaginationText = function() {
    var text = jQuery('#wpupg_pagination_load_more_button_text').val();
    jQuery('#wpupg_filter_preview_pagination_style_load_more').find('.wpupg-pagination-term').text(text);
};

WPUltimatePostGrid.checkPremiumFeatures = function(feature, using) {
    if(using) {
        WPUltimatePostGrid.premium_features_used.push(feature);
    } else {
        // Remove feature from array
        WPUltimatePostGrid.premium_features_used = jQuery.grep(WPUltimatePostGrid.premium_features_used, function(value) {
                return value != feature;
            });
    }

    if(WPUltimatePostGrid.premium_features_used.length > 0) {
        jQuery('#wpupg_meta_box_premium_only').show();
    } else {
        jQuery('#wpupg_meta_box_premium_only').hide();
    }
};

jQuery(document).ready(function($) {
    if($('#wpupg_meta_box_data_source').length > 0) {
        WPUltimatePostGrid.initForm();
    }
});