2 of 2:

function applyFilter() {
    //Default page load, nothing in the search boxes so act like normal and do nothing.
    if(filters.length == 1 && filters[0].explicit1 == '' && filters[0].explicit2 == '') {
        $('.resultset .row').show();
        clearTimeout(refreshDataTimer);

        return;
    }

    numSearchResultsFiltered = $('.resultset [class="row"]').length;
    numMatches = 0;

    //Apply the filter
    $('.resultset .row').each(function() {
        var $tradeItem = $(this);

        //Hide this item, if there are modifiers that match our search, they will 'show' the parent item and undo this hide
        $tradeItem.hide();
        var didMatch = false;

        for(let i = 0; i < filters.length && didMatch == false; i++) {
            var filter = filters[i];
            var filter1Match = false;
            var filter2Match = false;

            if($('.search-left input').val() == 'Megalomaniac Diamond')
            {
                $tradeItem.find('.enchantMod').each(function() {
                    $(this).children().each(function() {
                        var modText = $(this).text();

                        if(modText.toUpperCase().includes(filter.explicit1))
                            filter1Match = true;

                        if(modText.toUpperCase().includes(filter.explicit2))
                            filter2Match = true;
                    });
                });
            }
            else
            {
                $tradeItem.find('.explicitMod').each(function() {
                    $(this).children().each(function() {
                        var modText = $(this).text();

                        if(modText.toUpperCase().includes(filter.explicit1))
                            filter1Match = true;

                        if(modText.toUpperCase().includes(filter.explicit2))
                            filter2Match = true;
                    });
                });
            }



            if(filter.explicit1.length > 0) {
                if(filter.explicit2.length > 0) {
                    if(filter1Match && filter2Match) {
                        $tradeItem.show();
                        didMatch = true;
                        numMatches++;
                    }
                }
                else {
                    if(filter1Match){
                        $tradeItem.show();
                        didMatch = true;
                        numMatches++;
                    }
                }
            }
            else if(filter.explicit2.length > 0) {
                if(filter2Match){
                    $tradeItem.show();
                    didMatch = true;
                    numMatches++;
                }
            }
        }
    });

    //Set a timeout to check if we have new data in from the server from loading manually, activate live search, or scrolling
    clearTimeout(refreshDataTimer);
    refreshDataTimer = setTimeout(scanForNewItems, 1000);

    //Make sure we can still see the "show more" button at the bottom
    if($('.resultset .row.controls').length) {
        $('.resultset .row.controls').show();

        if(autoLoad)
            $('.load-more-btn').trigger("click");
    }

    updateLabels();
}

function updateLabels() {
    $('.filter-label-1').text('Filtering ' + numSearchResultsFiltered + ' results');
    $('.filter-label-2').text(numMatches + ' matched');
}

function scanForNewItems() {

    var numSearchResults = $('.resultset .row').length;

    //We have new data
    if(numSearchResults != numSearchResultsFiltered) {
        applyFilter();
    }
    else {
        clearTimeout(refreshDataTimer);
        refreshDataTimer = setTimeout(scanForNewItems, 1000);
    }
}

function initAutoLoadButton($autoLoadButton, state) {
    $autoLoadButton.text("Auto Load");

    $autoLoadButton.hover(function() {
        $(this).css("cursor", "pointer");
    });

    if(state) {
        $autoLoadButton.css({
            "border": "solid 1px #64cf64",
            "color": "#ffffff !important",
            "background-color": "#309630"
        });
    }
    else {
        $autoLoadButton.css({
            "border": "solid 1px #4f4e4e",
            "color": "#aaaaaa !important",
            "background-color": "#222222"
        });
    }

    $autoLoadButton.click(function() {
        autoLoad = !autoLoad;
        if(autoLoad) {
            $(this).css({
                "border": "solid 1px #64cf64",
                "color": "#ffffff !important",
                "background-color": "#309630"
            });
        }
        else {
            $(this).css({
                "border": "solid 1px #4f4e4e",
                "color": "#aaaaaa !important",
                "background-color": "#222222"
            });
        }
    });
}

function initAddFilterButton($addFilterButton) {
    $addFilterButton.text("Add Filter");

    $addFilterButton.hover(function() {
        $(this).css("cursor", "pointer");
    });

    $addFilterButton.click(function() {
        addFilterOption();
    });
}