function renderItems() {
    $("#itemResult").html('<div class="row"><div id="col1" class="col-xs-4 itemColumn"></div><div id="col2" class="col-xs-4 itemColumn"></div><div id="col3" class="col-xs-4 itemColumn"></div></div>');
    for (var e in data)
        if ("default" != data[e].name && !("All" != tierFilter && tierFilter != data[e].tier || "All" != levelFilter && (levelFilter < data[e].level || levelFilter - 20 >= data[e].level) || -1 != data[e].name.indexOf("GM's") || -1 != data[e].name.indexOf("Builder's"))) {
            if ("null" == data[e].addedLore || null == data[e].addedLore) var t = "";
            else var t = data[e].addedLore;
            var a = "";
            $.each(data[e], function(t, l) {
                void 0 !== infoActual[t] && "undefined" !== infoActual[t] && "tier" !== t && "name" !== t && "addedLore" !== t && 0 !== l && "0-0" !== l && "null" !== l && null !== l && (a += "<li>" + formatInfo(t, l, data[e].identified) + " " + infoActual[t] + "</span></li>")
            });
            var l = "";
            $.each(data[e], function(e, t) {
                void 0 !== reqActual[e] && "undefined" !== reqActual[e] && "null" !== t && null !== t && 0 !== t && (l += "<li><strong>" + reqActual[e] + ":</strong> " + cleanValue(e, t) + "</li>")
            });
            var i = "";
            $.each(data[e], function(e, t) {
                void 0 !== basicActual[e] && "undefined" !== basicActual[e] && "null" !== t && null !== t && 0 !== t && "0-0" !== t && ("attackSpeed" == e ? i = "<li>" + cleanValue(e, t) + " " + basicActual[e].text + '</li></ul><ul class="item-basic">' + i : i += '<li><span style="color:#' + basicActual[e].color + '">' + basicActual[e].text + ": " + cleanValue(e, t) + "</span></li>")
            });
            var r;
            if (data[e].material && "" != data[e].material) {
                var s, n, o = data[e].material; - 1 != o.indexOf(":") ? (s = o.substring(0, o.indexOf(":")), n = o.substring(o.indexOf(":") + 1)) : s = o;
                var c = ".item-" + s + (n ? "-" + n : "");
                selectorExists(c) && (r = '<div class="ingameitem item-' + s + (n ? "-" + n : "") + '"></div>')
            } else {
                switch (data[e].type) {
                    case "Bow":
                        r = '<div class="ingameitem item-261-0"></div>';
                        break;
                    case "Wand":
                        r = '<div class="ingameitem item-280-0"></div>';
                        break;
                    case "Spear":
                        r = '<div class="ingameitem item-256-0"></div>';
                        break;
                    case "Dagger":
                        r = '<div class="ingameitem item-359-0"></div>';
                        break;
                    case "Helmet":
                        r = '<div class="armoritem armor-' + data[e].armorType.toLowerCase() + '-helmet"></div>';
                        break;
                    case "Chestplate":
                        r = '<div class="armoritem armor-' + data[e].armorType.toLowerCase() + '-chestplate"></div>';
                        break;
                    case "Leggings":
                        r = '<div class="armoritem armor-' + data[e].armorType.toLowerCase() + '-leggings"></div>';
                        break;
                    case "Boots":
                        r = '<div class="armoritem armor-' + data[e].armorType.toLowerCase() + '-boots"></div>';
                        break;
                    case "accessory":
                        r = '<div class="ingameitem item-189-0"></div>'
                }
                switch (data[e].accessoryType) {
                    case "Bracelet":
                        r = '<div class="ingameitem item-188-0"></div>'
                }
            }
            $(getShortestColumn()).append('<div class="item item-' + data[e].tier + '"><div class="text-strong item-name">' + (r ? r : "") + data[e].name + '</div><ul class="item-basic">' + i + '</ul><ul class="item-req">' + l + '</ul><ul class="item-info">' + a + "</ul>" + (0 != data[e].sockets ? '<ul class="item-powder"><li>[0/' + data[e].sockets + "] Powder Slot</li></ul>" : "") + '<ul class="item-tier"><li>' + data[e].tier + ' Item</li></ul><em class="item-lore">' + t + "</em></div>")
        }
    $(".item").length < 1 && $("#itemResult").html("<center><h5>No results found</h5></center>")
}