☰

Munzee Map Filters

New way of catagorized filters

当前为 2021-11-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Munzee Map Filters
  3. // @namespace    http://tampermonkey.net/
  4. // @version      21.11.09.004
  5. // @description  New way of catagorized filters
  6. // @author       CzPeet
  7. // @match        https://www.munzee.com/specials*
  8. // @match        https://www.munzee.com/map*
  9. // @icon         https://www.google.com/s2/favicons?domain=munzee.com
  10. // @update       https://greasyfork.org/en/scripts/433078-munzee-map-filters
  11. // @grant        none
  12. // ==/UserScript==
  13.  
  14. $('head').append($("<style> .filterimg{height: 32px; margin-left: 3px; margin-right: 3px;} .filterdisabled{filter: grayscale(100%); opacity: 0.7;}  </style>"));
  15.  
  16. var isSpecialMapSite = document.location.href.includes('specials');
  17. var isMapLoading = false;
  18. var imgPrefix = "https://munzee.global.ssl.fastly.net/images/pins/";
  19. var filterImgsContainer = null;
  20. var filterIMGS = [];
  21. var rawFilterIMGS = [];
  22.  
  23. var categoryMainImages = ["megamouthful","otterpup", "theunicorn", "retiredunicorn", "icedragon", "poseidon", "flatrob", "beachflatrob", "phantomflatrob", "tuli", "zombietuli", "nomad", "sirprizewheel", "vikerkaar", "diamond", "spyderbot", "gardengnome", "gnomearcheryhood", "skyland10", "boxjellyfish", "bones", "fire", "poivirtualgarden", "zodiac-sun", "chinese_zodiac", "egyptianzodiacsun", "virtual_rainbow", "longsword", "mystery", "walkietalkiewatch", "qrewzee", "quizvirtual"];
  24. var categorizedFilterOrder = ["TongueTwisterDay","BabyAnimals", "Mythologicals", "RetiredMyths", "AlternaMyths", "ModernMyths", "FlatFriends", "FancyFlats", "PhantomFlats", "PouchCreations", "ZombiePouchs", "Nomads", "Gaming", "FunfinityStones", "Jewels", "MechZBouncers", "GardenGnomes", "GardenGnomeHats", "Destinations", "EvoBouncers", "Evoluations", "Scatters", "Places", "WesternZodiacs", "ChineseZodiacs", "EgyptianZodiacs", "ColouredVirtuals", "ClanWeapons", "Mysteries", "ZeecretWeapons", "Misc", "UnCategorized"];
  25. var categorizedFilterObject = {};
  26.  
  27. categorizedFilterObject.TongueTwisterDay=["megamouthful","tonguetwister","sheshells","babybubbles","woodchuckwood","freshfish"];
  28. categorizedFilterObject.BabyAnimals=["otterpup","giraffecalf","foal","babyraccoon","candycornpiglet"];
  29. categorizedFilterObject.Mythologicals=["theunicorn","hippocampunicorn","battleunicorn","candycornunicorn","leprechaun","dwarfleprechaun","goblinleprechaun","leprecorn","dragon","chinesedragon","wyverndragon","midnightdragon","yeti","reptoidyeti","lycanthropeyeti","monsteryeti","faun","centaurfaun","krampusfaun","hydra","cerberushydra","cthulhuhydra","pegasus","alicornpegasus","griffinpegasus","nightmarepegasus","cyclops","balorcyclops","minotaurcyclops","mermaid","hotspringmermaid","melusinemermaid","fairy","dryadfairy","wildfirefairy","banshee","harpybanshee","witchbanshee","nymph","elfnymph","vampirenymph"];
  30. categorizedFilterObject.RetiredMyths=["retiredunicorn","retiredleprechaun","retireddragon","retiredyeti","retiredfaun","retiredhydra","retiredpegasus","retiredcyclops","retiredmermaid","retiredfairy","retiredbanshee","retirednymph"];
  31. categorizedFilterObject.AlternaMyths=["cherub","chimera","fairygodmother","firepegasus","gnomeleprechaun","gorgon","icedragon","motherearth","ogre","rainbowunicorn","sasquatchyeti","siren"];
  32. categorizedFilterObject.ModernMyths=["aphrodite","glasses","shell-phone","poseidon","trident","lifebuoy","hades","bident","firestarter"];
  33. categorizedFilterObject.FlatFriends=["flatrob","flatmatt","flatlou","flathammock","flatdhs","flatdiscgolfbasket","flatflashlight","flattypewriter"];
  34. categorizedFilterObject.FancyFlats=["beachflatrob","coldflatrob","tuxflatrob","face-offflatmatt","footyflatmatt","matt'erupflatmatt","internationellesflatlou","polkadotflatlou","teamgbflatlou"];
  35. categorizedFilterObject.PhantomFlats=["phantomflatrob","phantomflatmatt","phantomflatlou"];
  36. categorizedFilterObject.PouchCreations=["tuli","tuliferno","tulimber","gleamingtuli","gleamingtuliferno","gleamingtulimber","vesi","vesial","vesisaur","gleamingvesi","gleamingvesial","gleamingvesisaur","muru","muruchi","murutain","gleamingmuru","gleamingmuruchi","gleamingmurutain","mitmegu","jootmegu","lokemegu","rohimegu","murinmegu","ohkmegu","urgasmegu","koobas","kartus","kabuhirm","pimedus","puffle","puflawn","pufrain","magnetus","elekjoud","elekter","elektrivool","hadavale"];
  37. categorizedFilterObject.ZombiePouchs=["zombietuli","zombievesi","zombiemuru","zombiepimedus","zombiepuffle","zombiemagnetus","zombieelekter"];
  38. categorizedFilterObject.Nomads=["nomad","nomadvirtual","nomadmystery","jewelthiefnomad","bellhopnomad","piratenomad","warriornomad","travelernomad","seasonalnomad","virtualflatnomad","coupechampionnomad","virtualzeecretagentnomad","zeecretagentnomad","virtualgamingnomad","gamingnomad","virtualjewelthiefnomad","virtualwarriornomad","virtualbellhopnomad","jason4zeesnomad","killermask"];
  39. categorizedFilterObject.Gaming=["surprise","prizewheel","scatter","rockpaperscissors","bowlingball","urbanfit","joystickphysical","joystickvirtual","sirprizewheel","maplechessset","walnutchessset"];
  40. categorizedFilterObject.FunfinityStones=["akvamariin","ametust","oniks","roosa","rubiin","safiir","smaragd","teemant","topaas","tsitriin","vikerkaar"];
  41. categorizedFilterObject.Jewels=["diamond","ruby","virtualemerald","aquamarinemunzee","topaz","virtual_amethyst","pinkdiamond","virtualsapphire","virtualcitrine","virtualonyx"];
  42. categorizedFilterObject.MechZBouncers=["spyderbot","arcticlasershark","botwurst","carafeborg","cybersaurusrex","cyborgsanta","dronut","fr057y","geologgersrumbot","gingermechman","goldenlasershark","goldncoinsrumbot","kingc0g","lasershark","mechanic4k3","monk3y","mumm33","negsrumbot","prim8","rud01ph","s4rc0ph4gus","sc4rab","scgsrumbot","steinbot","krampbot","31f","reindroid"];
  43. categorizedFilterObject.GardenGnomes=["gardengnome","archerygardengnome","astronautgardengnome","aussieexplorergardengnome","awardshowgardengnome","baseballgardengnome","basketballgardengnome","cricketgardengnome","footballgardengnome","goldminergardengnome","icehockeygardengnome","queen'sguardsmangardengnome","runninggardengnome","skateboardinggardengnome","soccergardengnome","cyclinggardengnome","esportsgardengnome"];
  44. categorizedFilterObject.GardenGnomeHats=["gnomearcheryhood","gnomeastronauthelmet","gnomeexplorerhat","10thmunzeebirthdayhat","gnomecatcherscap","gnomenogginnet","gnomeclubcap","gnometouchdowntopper","gnomeminerhat","gnomehockeyhelmet","gnomebearskinhat","gnomeheadphones","gnomeheelfliphat","gnomeheaderhat","cyclingcasquette","gnomegamingheadset"];
  45. categorizedFilterObject.Destinations=["vacationcondo","timesharemunzee","skyland","skyland1","skyland2","skyland3","skyland4","skyland5","skyland6","skyland7","skyland8","skyland9","skyland10","treehouse","treehouse1","treehouse2","treehouse3","treehouse4","treehouse5","treehouse6","treehouse7","treehouse8","treehouse9","treehouse10","3starresort","4starresort","5starresort","motel","1starmotel","2starmotel","3starmotel","hotel","2starhotel","3starhotel","4starhotel"];
  46. categorizedFilterObject.EvoBouncers=["boxjellyfish","goldenjellyfish","pb&jellyfish","limebutterfly","monarchbutterfly","morphobutterfly","poisondartfrog","tomatofrog","treefrog","seaturtle","snappingturtle","taekwondotortoise","honeybee","queenbee","wallabee"];
  47. categorizedFilterObject.Evoluations=["tomatoseed","tomatoplant","tomato","cornseed","cornstalk","earofcorn","carrotseed","carrotplant","carrot","peasseed","peasplant","peas","goldencarrotseed","goldencarrotplant","goldencarrot","calf","cow","milk","piglet","pig","bacon","colt","racehorse","championshiphorse","chick","chicken","eggs","leantoshed","gardenshed","barn","hoe","plow","tractor","farmer","farmerandwife","family","pottedplant","garden","field","seaweed","fish","shark","canoe","motorboat","submarine","egg","dinosaur","bones","firstwheel","penny-farthingbike","musclecar","lioncub","lion","kingofthejungle","safaritruck","safarivan","safaribus","coin","bagofcoins","treasurechest","planulalarva","polyp","polypwithbulbs","ephyralarva","butterflyegg","caterpillar","chrysalis","hatchedchrysalis","frogegg","tadpole","pollywog","froglet","turtleegg","turtlehatchling","juvenileturtle","adultturtle","beeeggs","beelarvae","beepupae","emptyhoneycomb","carnationseed","carnationgermination","carnationgrowth","carnationbud","pinkcarnationblossom","redcarnationblossom","violetcarnationblossom","whitecarnationblossom","yellowcarnationblossom","lilyseed","lilygermination","lilygrowth","lilybud","pinklilyblossom","violetlilyblossom","whitelilyblossom","tulipseed","tulipgermination","tulipgrowth","tulipbud","bluetulipblossom","pinktulipblossom","whitetulipblossom","roseseed","rosegermination","rosegrowth","rosebud","redroseblossom","violetroseblossom","whiteroseblossom","yellowroseblossom"];
  48. categorizedFilterObject.Scatters=["fire","frozengreenie","waterdroplet","feather","goldenfeather","charge","tree","redapple","cherryblossom","peach","pear","pecan","acorn","deadbranch","cardinalfeather","blackhole","planet","spaceship","lostkey","lostsock","meteor","satellite","scattered","boulder","flamingarrow","sc4rab","ankhartifact","ouroborosartifact","djedartifact","scarabartifact","eyeofraartifact","shenartifact","canopicjarartifact","sesenartifact","wasscepterartifact","sistrumartifact","sistrumartifact","tyetartifact","eyeofhorusartifact","sweettreats","scgsresellerpackage","geologgersresellerpackage","gold'ncoinsresellerpackage","negsresellerpackage","cloverleaf","goldenclover","snowball","dossier","infraredvirtual","lasertrail1","lasertrail2","lasertrail3","pixelpresent","undercoveragent","liaisonagent","maplepawn","mapleknight","maplebishop","maplerook","maplequeen","mapleking","walnutpawn","walnutknight","walnutbishop","walnutrook","walnutqueen","walnutking","leapfrog","munch-man","runzeerob","goldcoin","fly","ghostzee","1stroll","bowling-1stroll","2ndroll","bowling-2ndroll","trickortreat","flamingpumpkin"];
  49. categorizedFilterObject.Places=["poiairport","poisports","poiuniversity","poimuseum","poiwildlife","poihistoricalplace","poilibrary","poifirstresponders","poifaithplace","poihospital","poipostoffice","poicemetery","poiuniqueattraction","poivirtualgarden","poicinema","poitransportation","poiplaypark","poibank","poibeach","poicampground","poigolf","poidrinkdepot","poipet","poientertainment"];
  50. categorizedFilterObject.WesternZodiacs=["aries","taurus","gemini","cancer","leo","virgo","libra","scorpio","sagittarius","capricorn","aquarius","pisces"];
  51. categorizedFilterObject.ChineseZodiacs=["ratchinesezodiac","oxchinesezodiac","tigerchinesezodiac","rabbitchinesezodiac","dragonchinesezodiac","snakechinesezodiac","horsechinesezodiac","goatchinesezodiac","monkeychinesezodiac","roosterchinesezodiac","dogchinesezodiac","pigchinesezodiac"];
  52. categorizedFilterObject.EgyptianZodiacs=["nile","amon-ra","osiris","thoth","horus","seth","anubis","sekhmet","bastet","mut"];
  53. categorizedFilterObject.ColouredVirtuals=["virtual_rainbow","virtual","virtual_timberwolf","virtual_silver","virtual_gray","virtual_black","virtual_orchid","virtual_wisteria","virtual_purple_mountains_majesty","virtual_violet","virtual_plum","virtual_blue_violet","virtual_blue","virtual_cadet_blue","virtual_periwinkle","virtual_cornflower","virtual_blue_green","virtual_pacific_blue","virtual_cerulean","virtual_robin_egg_blue","virtual_indigo","virtual_turquoise_blue","virtual_sea_green","virtual_granny_smith_apple","virtual_green","virtual_forest_green","virtual_asparagus","virtual_olive_green","virtual_yellow_green","virtual_green_yellow","virtual_spring_green","virtual_gold","virtual_yellow","virtual_goldenrod","virtual_dandelion","virtual_orange","virtual_burnt_orange","virtual_melon","virtual_pink","virtual_carnation_pink","virtual_mauvelous","virtual_salmon","virtual_tickle_me_pink","virtual_magenta","virtual_wild_strawberry","virtual_violet_red","virtual_red_violet","virtual_apricot","virtual_peach","virtual_macaroni_and_cheese","virtual_tan","virtual_burnt_sienna","virtual_bittersweet","virtual_red_orange","virtual_scarlet","virtual_red","virtual_brick_red","virtual_mahogany","virtual_chestnut","virtual_tumbleweed","virtual_raw_sienna","virtual_brown"];
  54. categorizedFilterObject.ClanWeapons=["mace","longsword","battleaxe","thehammer","crossbow","catapult","shield"];
  55. categorizedFilterObject.Mysteries=["mystery","firemystery","icemystery","earthmystery","watermystery","airmystery","electricmystery","voidmystery"];
  56. categorizedFilterObject.ZeecretWeapons=["briefcase","nightvisiongoggles","walkietalkiewatch","laserpen"];
  57. categorizedFilterObject.Misc=["munzee","owned","owned_virtual","captured","captured_virtual","maintenance","premium","trail","personal","eventindicator","virtual_trail","shamrock","event_trail","springseasonalmunzee","summerseasonalmunzee","fallseasonalmunzee","winterseasonalmunzee","temporaryvirtual","qrewzee","sleepzee","virtualshamrock","goldenticket","reseller","virtualreseller"];
  58. categorizedFilterObject.UnCategorized=[];
  59. var disabledFilterImgs = [];
  60.  
  61. function sleep(ms) {
  62.   return new Promise(resolve => setTimeout(resolve, ms));
  63. }
  64.  
  65. async function restructureImages() {
  66.  
  67.     //Wait until the progressbar is hidden
  68.     if (isSpecialMapSite && ($("#map-box-special-loading").is(':visible')) ||
  69.         !isSpecialMapSite && ($("#map-box-loading").is(':visible')))
  70.     {
  71.         return;
  72.     }
  73.  
  74.     //remove original filter_all button
  75.     $('#filter_all').remove();
  76.  
  77.     if (!isSpecialMapSite)
  78.     {
  79.         var inputbar = $('#inputbar');
  80.         var filterimgsDiv = $('<div id="filterimgs"></div>');
  81.         inputbar.append(filterimgsDiv);
  82.     }
  83.  
  84.     filterImgsContainer = $('#filterimgs');
  85.     filterImgsContainer[0].addEventListener('mouseleave', deactivateFilterImages);
  86.  
  87.     //Filters label removed
  88.     if (isSpecialMapSite){
  89.         filterImgsContainer.prev().remove();
  90.     }
  91.  
  92.     //Collect original filter images or create filter images from map
  93.     filterIMGS = (isSpecialMapSite) ? filterImgsContainer[0].getElementsByClassName('filterimg') : createFilterImages(mapMarkers);
  94.  
  95.     //Sort into Categories
  96.     var filterHelper = CreateCategories();
  97.  
  98.     //Reload the new layout
  99.     filterImgsContainer.empty();
  100.     filterImgsContainer.html(filterHelper);
  101.     filterHelper = null;
  102.  
  103.     //mainImages update needed after map action
  104.     Array.from(document.getElementsByClassName('categoryDIV')).forEach(function(categDIV){
  105.         updateMainImage(categDIV);
  106.     });
  107.  
  108.     //Add to all img the click eventListener
  109.     Array.from(filterImgsContainer[0].getElementsByClassName('filterimg')).forEach(function(img) {
  110.       img.addEventListener('click', FilterImgClick);
  111.       img.setAttribute("style", "cursor:pointer");
  112.       img.setAttribute("title", img.currentSrc.substring(img.currentSrc.lastIndexOf("/")+1,img.currentSrc.lastIndexOf(".")));
  113.     });
  114.  
  115.     //all mainImages stuffs
  116.     Array.from(filterImgsContainer[0].getElementsByClassName('mainImage')).forEach(function(mainIMG){
  117.         if (isSpecialMapSite)
  118.         {
  119.             mainIMG.setAttribute("style", "border: solid grey 1px; width:63px; padding-right:3px; padding-top:3px; cursor:pointer");
  120.         }
  121.         else
  122.         {
  123.             mainIMG.setAttribute("style", "border: solid grey 1px; width:53px; padding-right:3px; padding-top:3px; cursor:pointer");
  124.         }
  125.         mainIMG.addEventListener('mouseover', activateFilterImages);
  126.         mainIMG.addEventListener('click', mainImageClick);
  127.     });
  128.  
  129.     //all categoryDIVs stuff
  130.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  131.         cDIV.setAttribute("style", "display: none; border: solid grey 1px; padding-top: 5px; padding-bottom: 5px; width: 100%");
  132.         cDIV.addEventListener('mouseleave', deactivateFilterImages);
  133.     });
  134.  
  135.     //refresh
  136.     refreshMap();
  137. }
  138.  
  139. function CreateCategories()
  140. {
  141.     //Div
  142.     var mainImageDIV = document.createElement('DIV');
  143.     mainImageDIV.setAttribute("id", "mainImageDIV");
  144.  
  145.     var categName = "" ;
  146.     var filterStructure = "";
  147.     for (var o = 0; o<categorizedFilterOrder.length; o++)
  148.     {
  149.         categName = categorizedFilterOrder[o];
  150.         var array = categorizedFilterObject[categName];
  151.  
  152.         //Div
  153.         var categDIV = document.createElement('DIV');
  154.         categDIV.setAttribute("id", categName+"_Category");
  155.         categDIV.setAttribute("class", "categoryDIV");
  156.  
  157.         var addedAtLeatOne = false;
  158.  
  159.         if (array.length > 0)
  160.         {
  161.             for (let a = 0; a < array.length; a++)
  162.             {
  163.                 for (let i = 0; i < filterIMGS.length; i++)
  164.                 {
  165.                     if (filterIMGS[i].src == imgPrefix + array[a] + ".png")
  166.                     {
  167.                         categDIV.appendChild(filterIMGS[i]);
  168.                         addedAtLeatOne = true;
  169.                     }
  170.                 }
  171.             }
  172.         }
  173.         else
  174.         {
  175.             for (let i = filterIMGS.length-1; i >= 0; i--)
  176.             {
  177.                 categDIV.appendChild(filterIMGS[i]);
  178.                 addedAtLeatOne = true;
  179.             }
  180.         }
  181.  
  182.         if (addedAtLeatOne)
  183.         {
  184.             filterStructure += categDIV.outerHTML;
  185.  
  186.             //main image
  187.             var categMainIMG = document.createElement('IMG');
  188.             categMainIMG.setAttribute("id", categName+'_MainIMG');
  189.             categMainIMG.setAttribute("title", categName);
  190.             categMainIMG.setAttribute("class", "mainImage");
  191.             categMainIMG.src = imgPrefix + categoryMainImages[o] + ".png";
  192.  
  193.             mainImageDIV.appendChild(categMainIMG);
  194.         }
  195.     }
  196.  
  197.     //Show/Hide all main image
  198.     var allOrnothingIMG = document.createElement('IMG');
  199.     allOrnothingIMG.setAttribute("id", 'ALL_MainIMG');
  200.     allOrnothingIMG.setAttribute("title", 'Show/Hide All Category');
  201.     allOrnothingIMG.setAttribute("class", "mainImage");
  202.     allOrnothingIMG.src = imgPrefix + "business.png";
  203.     mainImageDIV.appendChild(allOrnothingIMG);
  204.  
  205.     filterStructure = mainImageDIV.outerHTML + filterStructure;
  206.  
  207.     return filterStructure;
  208. }
  209.  
  210. function createFilterImages(markers)
  211. {
  212.     rawFilterIMGS = [];
  213.     let imgList = document.createDocumentFragment();
  214.     for (var mID in markers)
  215.     {
  216.         let src = markers[mID]._element.outerHTML.split("&quot;")[1];
  217.         if (!rawFilterIMGS.includes(src))
  218.         {
  219.             rawFilterIMGS.push(src);
  220.             var img = document.createElement('IMG');
  221.             img.setAttribute('class','filterimg');
  222.             img.setAttribute('src',src);
  223.             imgList.appendChild(img);
  224.         }
  225.     }
  226.  
  227.     return imgList.children;
  228. }
  229.  
  230. function mainImageClick(sender)
  231. {
  232.     //find related filterimgs
  233.     var categDIV = document.getElementById(sender.target.getAttribute("title")+"_Category");
  234.  
  235.     if (categDIV != null)
  236.     {
  237.         let imgs = categDIV.getElementsByTagName('img');
  238.  
  239.         if (sender.target.classList.contains("filterdisabled"))
  240.         {
  241.             //Set own state
  242.             sender.target.classList.remove("filterdisabled");
  243.  
  244.             //Set the related filterimg states
  245.             Array.from(imgs).forEach(function(img) {
  246.                 if (img.classList.contains("filterdisabled"))
  247.                 {
  248.                     enableFilter(img);
  249.                 }
  250.             });
  251.         }
  252.         else
  253.         {
  254.             //Set own state
  255.             sender.target.classList.add("filterdisabled");
  256.  
  257.             //Set the related filterimg states
  258.             Array.from(imgs).forEach(function(img) {
  259.                 if (!img.classList.contains("filterdisabled"))
  260.                 {
  261.                     disableFilter(img);
  262.                 }
  263.             });
  264.         }
  265.     }
  266.     else
  267.     {
  268.         let mimgs = document.getElementsByClassName('mainImage');
  269.         let imgs = document.getElementsByClassName('filterimg');
  270.         //Clicked on ALL button
  271.         if (sender.target.classList.contains("filterdisabled"))
  272.         {
  273.             //Set own state
  274.             sender.target.classList.remove("filterdisabled");
  275.  
  276.             //Set all category states
  277.             Array.from(mimgs).forEach(function(mimg) {
  278.                 mimg.classList.remove("filterdisabled");
  279.             });
  280.  
  281.             //Set all filterimg states
  282.             Array.from(imgs).forEach(function(img) {
  283.                 if (img.classList.contains("filterdisabled"))
  284.                 {
  285.                     enableFilter(img);
  286.                 }
  287.             });
  288.         }
  289.         else
  290.         {
  291.             //Set own state
  292.             sender.target.classList.add("filterdisabled");
  293.  
  294.             //Set all category states
  295.             Array.from(mimgs).forEach(function(mimg) {
  296.                 mimg.classList.add("filterdisabled");
  297.             });
  298.  
  299.             //Set all filterimg states
  300.             Array.from(imgs).forEach(function(img) {
  301.                 if (!img.classList.contains("filterdisabled"))
  302.                 {
  303.                     disableFilter(img);
  304.                 }
  305.             });
  306.         }
  307.     }
  308.  
  309.     refreshMap();
  310. }
  311.  
  312. function activateFilterImages(sender)
  313. {
  314.     //1st - Hide all
  315.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  316.         $(cDIV).hide();
  317.     });
  318.  
  319.     //2nd - Show the related
  320.     $(document.getElementById(sender.target.getAttribute("title")+"_Category")).show();
  321. }
  322.  
  323. function deactivateFilterImages(sender)
  324. {
  325.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  326.         $(cDIV).hide();
  327.     });
  328. }
  329.  
  330. function FilterImgClick(sender)
  331. {
  332.     if (sender.target.classList.contains("filterdisabled"))
  333.     {
  334.         enableFilter(sender.target);
  335.     }
  336.     else
  337.     {
  338.         disableFilter(sender.target);
  339.     }
  340.  
  341.     updateMainImage(sender.target.parentNode);
  342.  
  343.     refreshMap();
  344. }
  345.  
  346. function updateMainImage(containerDIV)
  347. {
  348.     var hide = true;
  349.     var relatedMainImage = $(document.getElementById(containerDIV.id.replace('Category', 'MainIMG')));
  350.     Array.from(containerDIV.getElementsByClassName('filterimg')).forEach(function(img){
  351.         hide &= img.classList.contains("filterdisabled");
  352.     });
  353.  
  354.     if (hide)
  355.     {
  356.         relatedMainImage.addClass("filterdisabled");
  357.     }
  358.     else
  359.     {
  360.         relatedMainImage.removeClass("filterdisabled");
  361.     }
  362.  
  363.     //ALL image handler
  364.     hide = true;
  365.      Array.from(containerDIV.parentNode.getElementsByClassName('mainImage')).forEach(function(mimg){
  366.         hide &= mimg.classList.contains("filterdisabled");
  367.     });
  368.  
  369.     if (hide)
  370.     {
  371.         $('#ALL_MainIMG').addClass("filterdisabled");
  372.     }
  373.     else
  374.     {
  375.         $('#ALL_MainIMG').removeClass("filterdisabled");
  376.     }
  377. }
  378.  
  379. //Enable 1 filterimg
  380. function enableFilter(target)
  381. {
  382.     target.classList.remove("filterdisabled");
  383.  
  384.     var pos = disabledFilterImgs.indexOf(target.src);
  385.     if (pos >= 0)
  386.     {
  387.         disabledFilterImgs.splice(pos, 1);
  388.     }
  389. }
  390.  
  391. //Disable 1 filterimg
  392. function disableFilter(target)
  393. {
  394.     target.classList.add("filterdisabled");
  395.  
  396.     if (disabledFilterImgs.indexOf(target.src) < 0)
  397.     {
  398.         disabledFilterImgs.push(target.src);
  399.     }
  400. }
  401.  
  402. function refreshMap()
  403. {
  404.     if (isSpecialMapSite)
  405.     {
  406.         for (let mID in mapMarkers)
  407.         {
  408.             if (disabledFilterImgs.includes(mapMarkers[mID].munzee_logo))
  409.             {
  410.                 $( "[data-index='" + mID + "']" ).hide();
  411.             }
  412.             else
  413.             {
  414.                 $( "[data-index='" + mID + "']" ).show();
  415.             }
  416.         }
  417.     }
  418.     else
  419.     {
  420.         for (let mID in mapMarkers)
  421.         {
  422.             if (disabledFilterImgs.includes(mapMarkers[mID]._element.outerHTML.split("&quot;")[1]))
  423.             {
  424.                 $( "[data-index='" + mID + "']" ).hide();
  425.             }
  426.             else
  427.             {
  428.                 $( "[data-index='" + mID + "']" ).show();
  429.             }
  430.         }
  431.     }
  432. }
  433.  
  434. $(document).ajaxSuccess(restructureImages);