☰

Munzee Map Filters

New way of catagorized filters

  1. // ==UserScript==
  2. // @name         Munzee Map Filters
  3. // @namespace    http://tampermonkey.net/
  4. // @version      23.08.08.001
  5. // @description  New way of catagorized filters
  6. // @author       CzPeet
  7. // @license      MIT
  8. // @match        https://www.munzee.com/specials*
  9. // @match        https://www.munzee.com/map*
  10. // @icon         https://www.google.com/s2/favicons?domain=munzee.com
  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 = ["frogcubimal","godzeelagardenhedge","gardenhedge","dinerjukebox","aceofhearts","aceofspades","aceofclubs","aceofdiamonds","sandstonepetrock","pizzabase","tophat","gardenflamingo","festivefeathers","megamouthful","otterpup", "s83Gnwh9i0Wyr4bFQh41z", "retiredunicorn", "icedragon", "poseidon", "treefolk", "flatrob", "beachflatrob", "phantomflatrob", "tuli", "zombietuli", "nomad", "sirprizewheel", "vikerkaar", "diamond", "spyderbot", "gardengnome", "gnomearcheryhood", "skyland10", "premiumskyland10", "boxjellyfish", "bones", "fire", "poivirtualgarden", "zodiac-sun", "chinese_zodiac", "egyptianzodiacsun", "celticzodiacfilter", "virtual_rainbow", "longsword", "mystery", "walkietalkiewatch", "qrewzee", "quizvirtual"];
  24. var categorizedFilterOrder = ["Cubimals","GardenHedge","GardenHedgeScatter","JukeBox","CardsOfHeart","CardsOfSpades","CardsOfClubs","CardsOfDiamonds","StonePets","PizzaParts","Hats","Flamingos","Feathers","TongueTwisterDay","BabyAnimals", "Mythologicals", "RetiredMyths", "AlternaMyths", "ModernMyths", "StorylandMyth", "FlatFriends", "FancyFlats", "PhantomFlats", "PouchCreations", "ZombiePouchs", "Nomads", "Gaming", "FunfinityStones", "Jewels", "MechZBouncers", "GardenGnomes", "GardenGnomeHats", "Destinations", "PremiumDestinations", "EvoBouncers", "Evoluations", "Scatters", "Places", "WesternZodiacs", "ChineseZodiacs", "EgyptianZodiacs", "CelticZodiac", "ColouredVirtuals", "ClanWeapons", "Mysteries", "Zeecrets", "Misc", "UnCategorized"];
  25.  
  26. var categorizedFilterObject = {};
  27. categorizedFilterObject.Cubimals=["rubecubimal","greeterbotcubimal","foxcubimal","ilmenskiejonescubimal","frogcubimal","rookcubimal","smugglercubimal","chickrcubimal","bureaucratcubimal","firebogcubimal","fireflycubimal","emo-bearcubimal","yeticubimal","maintenancebotcubimal","cactuscubimal","gnomecubimal","cactuscubimal","chickcubimal"];
  28. categorizedFilterObject.GardenHedge=["gardenhedge","godzeelagardenhedge","rabbitgardenhedge","kangaroogardenhedge","dragongardenhedge","beargardenhedge","spacemanateegardenhedge","froggardenhedge","swangardenhedge","swanflower","fishgardenhedge","unicorngardenhedge","liongardenhedge"];
  29. categorizedFilterObject.GardenHedgeScatter=["gardenhedge","firelily","bunnybloom","kangaroopaws","dragonlily","teddybearsunflower","alienflower","johnnyjumpupflower","waterlilyflower","hydrangeaflower","dandelionflower"];
  30. categorizedFilterObject.Flamingos=["gardenflamingo","newyeargardenflamingo","astronautgardenflamingo","queen'sguardsmangardenflamingo","aussieexplorergardenflamingo","goldminergardenflamingo","valentinesgardenflamingo","luckygardenflamingo","foolishgardenflamingo","graduategardenflamingo","marchharegardenflamingo","birthdaygardenflamingo","alohagardenflamingo","motoristgardenflamingo","oktoberfestgardenflamingo","flaminghost","giftinggardenflamingo","gobblinggardenflamingo","flamingofloatie","unicornflamingofloatie"];
  31. categorizedFilterObject.Feathers=["festivefeathers","spaceflightfeathers","bearskinfeathers","crikeyfeathers","flannelfeathers","lovelyfeathers","fortunefeathers","funnyfeathers","goldsealfeathers","madfeathers","confettifeathers","tropicalfeathers","fearlessfeathers","bavarianfeathers","spookyfeathers","holly-dayfeathers","paperfeathers","flocktail","frozenflocktail"];
  32. categorizedFilterObject.GardenGnomes=["gardengnome","archerygardengnome","astronautgardengnome","aussieexplorergardengnome","awardshowgardengnome","baseballgardengnome","basketballgardengnome","cricketgardengnome","footballgardengnome","goldminergardengnome","icehockeygardengnome","queen'sguardsmangardengnome","runninggardengnome","skateboardinggardengnome","soccergardengnome","cyclinggardengnome","esportsgardengnome","skiinggardengnome","stonegardengnome","newyearsevegardengnome","madhattergardengnome"];
  33. categorizedFilterObject.GardenGnomeHats=["gnomearcheryhood","gnomeastronauthelmet","gnomeexplorerhat","10thmunzeebirthdayhat","gnomecatcherscap","gnomenogginnet","gnomeclubcap","gnometouchdowntopper","gnomeminerhat","gnomehockeyhelmet","gnomebearskinhat","gnomeheadphones","gnomeheelfliphat","gnomeheaderhat","cyclingcasquette","gnomegamingheadset","gnometoquetopper","gnomecountdowncap","madhattergnomehat"];
  34. categorizedFilterObject.Mythologicals=["s83Gnwh9i0Wyr4bFQh41z","theunicorn","hippocampunicorn","battleunicorn","candycornunicorn","skeleunicorn","skatingunicorn","k9G2vYr7tzE9jbF24p1es","leprechaun","dwarfleprechaun","goblinleprechaun","leprecorn","ladyleprechaun","u8bD2jH1vosFq9lmR3x82","dragon","chinesedragon","wyverndragon","midnightdragon","j2b8M9stR1zogH9w1Yve6","yeti","reptoidyeti","lycanthropeyeti","monsteryeti","joggingyeti","whiterabbit","l9fJ2nY74naE7hf1wZ9ju","faun","centaurfaun","krampusfaun","fardarrigfaun","kingofheartsfaun","fitnessfaun","n3bT8xUw29Lvrp4Nsw01nb","hydra","cerberushydra","cthulhuhydra","oillipheisthydra","skelehydra","n4K2c8hdP5qy3Fx8hfDw8","legacypegasus","pegasus","alicornpegasus","griffinpegasus","nightmarepegasus","q8xo3F1Md0F2s9wK8cTe1m","cyclops","balorcyclops","minotaurcyclops","recyclops","skelecyclops","h3sOn8cF1x9pG4buf18Seb","mermaid","hotspringmermaid","melusinemermaid","merrymermaid","skelemermaid","aquarobicsmermaid","d9H2nFq8p4Vyrh1Au7kxef","fairy","dryadfairy","wildfirefairy","sugarplumfairy","wF8b2z9fH3Qpr7nGd8kYw3","legacybanshee","banshee","harpybanshee","witchbanshee","queenofheartsbanshee","ghostofchristmasfuture","a8F3j91g0xQxrG2MsaC5pd","legacynymph","nymph","elfnymph","vampirenymph","snowqueen"];
  35. categorizedFilterObject.RetiredMyths=["retiredunicorn","retiredleprechaun","retireddragon","retiredyeti","retiredfaun","retiredhydra","retiredpegasus","retiredcyclops","retiredmermaid","retiredfairy","retiredbanshee","retirednymph"];
  36. categorizedFilterObject.AlternaMyths=["cherub","chimera","fairygodmother","firepegasus","gnomeleprechaun","gorgon","icedragon","motherearth","ogre","rainbowunicorn","sasquatchyeti","siren"];
  37. categorizedFilterObject.ModernMyths=["aphrodite","glasses","shell-phone","poseidon","trident","lifebuoy","hades","bident","firestarter","zeus","multimeter","lightningbolt"];
  38. categorizedFilterObject.StorylandMyth=["treefolk","jabberwock","owlbear","dodecahedron","deye"];
  39. categorizedFilterObject.FlatFriends=["flatrob","flatmatt","flatlou","flathammock","flatdhs","flatdiscgolfbasket","flatflashlight","flattypewriter","flatmurray","flatrum","flatcats","backtozeefuturetape","flatfindertape","qretaceouscamptape","specterdirectortape","flatvan"];
  40. categorizedFilterObject.FancyFlats=["robastzee","beachflatrob","coldflatrob","tuxflatrob","face-offflatmatt","footyflatmatt","matt'erupflatmatt","internationellesflatlou","polkadotflatlou","teamgbflatlou"];
  41. categorizedFilterObject.PhantomFlats=["phantomflatrob","phantomflatmatt","phantomflatlou"];
  42. 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","sparbee","sparfox"];
  43. categorizedFilterObject.ZombiePouchs=["zombietuli","zombievesi","zombiemuru","zombiepimedus","zombiepuffle","zombiemagnetus","zombieelekter"];
  44. categorizedFilterObject.Nomads=["nomad","nomadvirtual","nomadmystery","jewelthiefnomad","bellhopnomad","piratenomad","warriornomad","travelernomad","seasonalnomad","virtualflatnomad","coupechampionnomad","virtualzeecretagentnomad","zeecretagentnomad","virtualgamingnomad","gamingnomad","virtualjewelthiefnomad","virtualwarriornomad","virtualbellhopnomad","jason4zeesnomad","killermask"];
  45. categorizedFilterObject.Gaming=["surprise","prizewheel","scatter","rockpaperscissors","bowlingball","urbanfit","joystickphysical","joystickvirtual","sirprizewheel","maplechessset","walnutchessset"];
  46. categorizedFilterObject.FunfinityStones=["akvamariin","ametust","oniks","roosa","rubiin","safiir","smaragd","teemant","topaas","tsitriin","vikerkaar"];
  47. categorizedFilterObject.Jewels=["diamond","ruby","virtualemerald","aquamarinemunzee","topaz","virtual_amethyst","pinkdiamond","virtualsapphire","virtualcitrine","virtualonyx"];
  48. categorizedFilterObject.MechZBouncers=["spyderbot","tr33t0pp3r","abominablesn0wmachine","sn0wbomb","arcticlasershark","botwurst","carafeborg","cybersaurusrex","cyborgsanta","dronut","fr057y","geologgersrumbot","gingermechman","goldenlasershark","goldncoinsrumbot","gwrench","h3adl3ssh0rs3man","kingc0g","lasershark","loc04lmotive","mechanic4k3","monk3y","mumm33","negsrumbot","prim8","rud01ph","s4rc0ph4gus","sc4rab","scgsrumbot","steinbot","krampbot","31f","reindroid","breadbot","toast33","rougebot","heartthrobots","obot","xbot","eros404","l0v3bug","shamrocknrolla","blarneybeats","m0th3rb04rd","c00k13s","fathertim3","hourglass","bananaborg","p33l","p3n9u1n","m4ck3rel","emperorp3n9u1n","kingm4ck3rel","r3x-0-skeleton","f0ssil", "bl0ss0m", "sun", "7ul1p", "r053", "paintedr053", "m1lkman", "s33dl1n9", "spr0u7", "c4t3rp1ll4r", "butt3rfry", "cappi", "ch3shirecat", "robocado", "zee-3p0", "tintopper", "arf2d2","leashsaber","h0ta1rballoon","pyropellar","countcalcula","battery","chugboat","ancore","lanchop","turkey","turkeyring","y1n","y4ng","y1ny4ng","sc4l3","str1p3","b00mbox","t4p3","freddifr0g","bloterfly","t0t0","rubyscripter","wingedmonkey","twist3dsist3r","psyclone","d4rthvardeman","lasersaber","pr1nc3sslou-a","bikebuns","kitchens1nk","pl8","sugarsentry","pepperminuteman","screwge","candlestick","runedtable","runedstaff"];
  49. categorizedFilterObject.Destinations=["vacationcondo","timesharemunzee","skyland","skyland1","skyland2","skyland3","skyland4","skyland5","skyland6","skyland7","skyland8","skyland9","skyland10","skyland11","skyland12","skyland13","skyland14","treehouse","treehouse1","treehouse2","treehouse3","treehouse4","treehouse5","treehouse6","treehouse7","treehouse8","treehouse9","treehouse10","treehouse11","treehouse12","treehouse13","treehouse14","scrapstar","scrapstar1","scrapstar2","scrapstar3","scrapstar4","scrapstar5","scrapstar6","scrapstar7","scrapstar8","scrapstar9","scrapstar10","scrapstar11","scrapstar12","scrapstar13","scrapstar14","3starresort","4starresort","5starresort","motel","1starmotel","2starmotel","3starmotel","hotel","2starhotel","3starhotel","4starhotel","tpobpub","tpobpub1","tpobpub2","tpobpub3","tpobpub4","tpobpub5","tpobpub6","tpobpub7","tpobpub8","tpobpub9","tpobpub10","tpobpub11","tpobpub12","teapob","teapob1","teapob2","teapob3","teapob4","teapob5","teapob6","teapob7","gingerbouncehouse","gingerbouncehouse1","gingerbouncehouse2","gingerbouncehouse3","gingerbouncehouse4","gingerbouncehouse5","gingerbouncehouse6","gingerbouncehouse7","gingerbouncehouse8","gingerbouncehouse9","gingerbouncehouse10","gingerbouncehouse11","gingerbouncehouse12","tunnelofhugz6","tunnelofhugz1","tunnelofhugz2","tunnelofhugz3","tunnelofhugz4","tunnelofhugz5","tunnelofhugz6","tunnelofhugz7","tunnelofhugz8","tunnelofhugz9","tunnelofhugz10","tunnelofhugz11","tunnelofhugz12"];
  50. categorizedFilterObject.PremiumDestinations=["premiumskyland","premiumskyland1","premiumskyland2","premiumskyland3","premiumskyland4","premiumskyland5","premiumskyland6","premiumskyland7","premiumskyland8","premiumskyland9","premiumskyland10","premiumskyland11","premiumskyland12","premiumskyland13","premiumskyland14","premiumtreehouse","premiumtreehouse1","premiumtreehouse2","premiumtreehouse3","premiumtreehouse4","premiumtreehouse5","premiumtreehouse6","premiumtreehouse7","premiumtreehouse8","premiumtreehouse9","premiumtreehouse10","premiumtreehouse11","premiumtreehouse12","premiumtreehouse13","premiumtreehouse14"];
  51. categorizedFilterObject.EvoBouncers=["boxjellyfish","goldenjellyfish","pb&jellyfish","limebutterfly","monarchbutterfly","morphobutterfly","poisondartfrog","tomatofrog","treefrog","seaturtle","snappingturtle","taekwondotortoise","honeybee","queenbee","wallabee"];
  52. 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","lean-toshed","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","ducknest","duckegg","duckling","mallard","swan","quack","telegram","creditcard","brickphone"];
  53. 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","lasertrail1","lasertrail2","lasertrail3","pixelpresent","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","n1nj4st4r","floatinghead","sm0kemessage","sm0kesong","s.p.i.l.t.milk","paintedpetal","trinityknot","celticcrossknot","loveknot","daraknot"];
  54. 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","poimemorial","poigym","poipharmacy"];
  55. categorizedFilterObject.WesternZodiacs=["aries","taurus","gemini","cancer","leo","virgo","libra","scorpio","sagittarius","capricorn","aquarius","pisces"];
  56. categorizedFilterObject.ChineseZodiacs=["ratchinesezodiac","oxchinesezodiac","tigerchinesezodiac","rabbitchinesezodiac","dragonchinesezodiac","snakechinesezodiac","horsechinesezodiac","goatchinesezodiac","monkeychinesezodiac","roosterchinesezodiac","dogchinesezodiac","pigchinesezodiac"];
  57. categorizedFilterObject.EgyptianZodiacs=["nile","amon-ra","osiris","thoth","horus","seth","anubis","sekhmet","bastet","mut","geb","isis"];
  58. categorizedFilterObject.CelticZodiac=["celticwolf","celticfalcon","celticstag","celticbull","celticfox","celticadder","celticcat"];
  59. 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"];
  60. categorizedFilterObject.ClanWeapons=["mace","longsword","battleaxe","thehammer","crossbow","catapult","shield","trojanunicorn"];
  61. categorizedFilterObject.Mysteries=["mystery","firemystery","icemystery","earthmystery","watermystery","airmystery","electricmystery","voidmystery"];
  62. categorizedFilterObject.Zeecrets=["briefcase","nightvisiongoggles","walkietalkiewatch","laserpen","infraredvirtual","undercoveragent","liaisonagent","physicalmasterofdisguise","virtualmasterofdisguise"];
  63. 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"];
  64.  
  65. categorizedFilterObject.JukeBox=["dinerjukebox","sodafountainjukebox","gnomedoubt","thepremiums-meetthepremiums","nullvana-mythslikezeespirit","queen(ofhearts)","zeetles-evosubmarine","u.t.l.-straightouttacapons","pinkfloymingo","munz&amp;roses-welcometozeejungle","momunzees,mocaproblems","bonjozee-wantedzedoralive","munz&amp;roses-welcometozeejungle","zeezeetop","n'zeenc","themunzees","thecapenters","zeezer-greeniealbum"];
  66. categorizedFilterObject.CardsOfHeart=["aceofhearts","twoofhearts","threeofhearts","fourofhearts","fiveofhearts","sixofhearts","sevenofhearts","eightofhearts","nineofhearts","tenofhearts","knaveofhearts","queenofhearts","kingofhearts"];
  67. categorizedFilterObject.CardsOfSpades=["aceofspades","twoofspades","threeofspades","fourofspades","fiveofspades","sixofspades","sevenofspades","eightofspades","nineofspades","tenofspades","jackofspades","queenofspades","kingofspades"];
  68. categorizedFilterObject.CardsOfClubs=["aceofclubs","twoofclubs","threeofclubs","fourofclubs","fiveofclubs","sixofclubs","sevenofclubs","eightofclubs","nineofclubs","tenofclubs","jackofclubs","queenofclubs","kingofclubs"];
  69. categorizedFilterObject.CardsOfDiamonds=["aceofdiamonds","twoofdiamonds","threeofdiamonds","fourofdiamonds","fiveofdiamonds","sixofdiamonds","sevenofdiamonds","eightofdiamonds","nineofdiamonds","tenofdiamonds","jackofdiamonds","queenofdiamonds","kingofdiamonds"];
  70. categorizedFilterObject.StonePets=["sandstonepetrock","lightwoodpaintbrush","darkwoodpaintbrush","limestonepetrock","aquamarinepaintbucket","purplepaintbucket","orangepaintbucket","greenpaintbucket"];
  71. categorizedFilterObject.PizzaParts=["pizzabase","tomatopaste","cutpeppers","pepperoni","spicybeef","gratedcheese","olives","jalapenos","ham","redonions","chickentopping","pineapplechunks","mushrooms"];
  72. categorizedFilterObject.Hats=["tophat","chefhat","snowtrapperhat","cowboyhat","safarihat","beret","deerstalkerhat","pinwheelhat","raccoonskincap","beeantennae","truckercap","captainhat"];
  73. categorizedFilterObject.TongueTwisterDay=["megamouthful","tonguetwister","sheshells","babybubbles","woodchuckwood","freshfish","irishwristwatch","botterbutter"];
  74. categorizedFilterObject.BabyAnimals=["otterpup","giraffecalf","foal","babyraccoon","candycornpiglet"];
  75.  
  76. categorizedFilterObject.UnCategorized=[];
  77. var disabledFilterImgs = [];
  78.  
  79. function sleep(ms) {
  80.   return new Promise(resolve => setTimeout(resolve, ms));
  81. }
  82.  
  83. async function restructureImages() {
  84.  
  85.     //Wait until the progressbar is hidden
  86.     if (isSpecialMapSite && ($("#map-box-special-loading").is(':visible')) ||
  87.         !isSpecialMapSite && ($("#map-box-loading").is(':visible')))
  88.     {
  89.         return;
  90.     }
  91.  
  92.     //remove original filter_all button
  93.     $('#filter_all').remove();
  94.  
  95.     if (!isSpecialMapSite)
  96.     {
  97.         var inputbar = $('#inputbar');
  98.         var filterimgsDiv = $('<div id="filterimgs"></div>');
  99.         inputbar.append(filterimgsDiv);
  100.     }
  101.  
  102.     filterImgsContainer = $('#filterimgs');
  103.     filterImgsContainer[0].addEventListener('mouseleave', deactivateFilterImages);
  104.  
  105.     //Filters label removed
  106.     if (isSpecialMapSite){
  107.         filterImgsContainer.prev().remove();
  108.     }
  109.  
  110.     //Collect original filter images or create filter images from map
  111.     filterIMGS = (isSpecialMapSite) ? filterImgsContainer[0].getElementsByClassName('filterimg') : createFilterImages(mapMarkers);
  112.  
  113.     //Sort into Categories
  114.     var filterHelper = CreateCategories();
  115.  
  116.     //Reload the new layout
  117.     filterImgsContainer.empty();
  118.     filterImgsContainer.html(filterHelper);
  119.     filterHelper = null;
  120.  
  121.     //mainImages update needed after map action
  122.     Array.from(document.getElementsByClassName('categoryDIV')).forEach(function(categDIV){
  123.         updateMainImage(categDIV);
  124.     });
  125.  
  126.     //Add to all img the click eventListener
  127.     Array.from(filterImgsContainer[0].getElementsByClassName('filterimg')).forEach(function(img) {
  128.       img.addEventListener('click', FilterImgClick);
  129.       img.setAttribute("style", "cursor:pointer");
  130.       img.setAttribute("title", img.currentSrc.substring(img.currentSrc.lastIndexOf("/")+1,img.currentSrc.lastIndexOf(".")));
  131.     });
  132.  
  133.     //all mainImages stuffs
  134.     Array.from(filterImgsContainer[0].getElementsByClassName('mainImage')).forEach(function(mainIMG){
  135.         if (isSpecialMapSite)
  136.         {
  137.             mainIMG.setAttribute("style", "border: solid grey 1px; width:63px; padding-right:3px; padding-top:3px; cursor:pointer");
  138.         }
  139.         else
  140.         {
  141.             mainIMG.setAttribute("style", "border: solid grey 1px; width:53px; padding-right:3px; padding-top:3px; cursor:pointer");
  142.         }
  143.         mainIMG.addEventListener('mouseover', activateFilterImages);
  144.         mainIMG.addEventListener('click', mainImageClick);
  145.     });
  146.  
  147.     //all categoryDIVs stuff
  148.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  149.         cDIV.setAttribute("style", "display: none; border: solid grey 1px; padding-top: 5px; padding-bottom: 5px; width: 100%");
  150.         cDIV.addEventListener('mouseleave', deactivateFilterImages);
  151.     });
  152.  
  153.     //refresh
  154.     refreshMap();
  155. }
  156.  
  157. function CreateCategories()
  158. {
  159.     //Div
  160.     var mainImageDIV = document.createElement('DIV');
  161.     mainImageDIV.setAttribute("id", "mainImageDIV");
  162.  
  163.     var categName = "" ;
  164.     var filterStructure = "";
  165.     for (var o = 0; o<categorizedFilterOrder.length; o++)
  166.     {
  167.         categName = categorizedFilterOrder[o];
  168.         var array = categorizedFilterObject[categName];
  169.  
  170.         //Div
  171.         var categDIV = document.createElement('DIV');
  172.         categDIV.setAttribute("id", categName+"_Category");
  173.         categDIV.setAttribute("class", "categoryDIV");
  174.  
  175.         var addedAtLeatOne = false;
  176.  
  177.         if (array.length > 0)
  178.         {
  179.             for (let a = 0; a < array.length; a++)
  180.             {
  181.                 for (let i = 0; i < filterIMGS.length; i++)
  182.                 {
  183.                     if (filterIMGS[i].src == imgPrefix + array[a] + ".png")
  184.                     {
  185.                         categDIV.appendChild(filterIMGS[i]);
  186.                         addedAtLeatOne = true;
  187.                     }
  188.                 }
  189.             }
  190.         }
  191.         else
  192.         {
  193.             for (let i = filterIMGS.length-1; i >= 0; i--)
  194.             {
  195.                 categDIV.appendChild(filterIMGS[i]);
  196.                 addedAtLeatOne = true;
  197.             }
  198.         }
  199.  
  200.         if (addedAtLeatOne)
  201.         {
  202.             filterStructure += categDIV.outerHTML;
  203.  
  204.             //main image
  205.             var categMainIMG = document.createElement('IMG');
  206.             categMainIMG.setAttribute("id", categName+'_MainIMG');
  207.             categMainIMG.setAttribute("title", categName);
  208.             categMainIMG.setAttribute("class", "mainImage");
  209.             categMainIMG.src = imgPrefix + categoryMainImages[o] + ".png";
  210.  
  211.             mainImageDIV.appendChild(categMainIMG);
  212.         }
  213.     }
  214.  
  215.     //Show/Hide all main image
  216.     var allOrnothingIMG = document.createElement('IMG');
  217.     allOrnothingIMG.setAttribute("id", 'ALL_MainIMG');
  218.     allOrnothingIMG.setAttribute("title", 'Show/Hide All Category');
  219.     allOrnothingIMG.setAttribute("class", "mainImage");
  220.     allOrnothingIMG.src = imgPrefix + "business.png";
  221.     mainImageDIV.appendChild(allOrnothingIMG);
  222.  
  223.     filterStructure = mainImageDIV.outerHTML + filterStructure;
  224.  
  225.     return filterStructure;
  226. }
  227.  
  228. function createFilterImages(markers)
  229. {
  230.     rawFilterIMGS = [];
  231.     let imgList = document.createDocumentFragment();
  232.     for (var mID in markers)
  233.     {
  234.         let src = markers[mID]._element.outerHTML.split("&quot;")[1];
  235.         if (!rawFilterIMGS.includes(src))
  236.         {
  237.             rawFilterIMGS.push(src);
  238.             var img = document.createElement('IMG');
  239.             img.setAttribute('class','filterimg');
  240.             img.setAttribute('src',src);
  241.             imgList.appendChild(img);
  242.         }
  243.     }
  244.  
  245.     return imgList.children;
  246. }
  247.  
  248. function mainImageClick(sender)
  249. {
  250.     //find related filterimgs
  251.     var categDIV = document.getElementById(sender.target.getAttribute("title")+"_Category");
  252.  
  253.     if (categDIV != null)
  254.     {
  255.         let imgs = categDIV.getElementsByTagName('img');
  256.  
  257.         if (sender.target.classList.contains("filterdisabled"))
  258.         {
  259.             //Set own state
  260.             sender.target.classList.remove("filterdisabled");
  261.  
  262.             //Set the related filterimg states
  263.             Array.from(imgs).forEach(function(img) {
  264.                 if (img.classList.contains("filterdisabled"))
  265.                 {
  266.                     enableFilter(img);
  267.                 }
  268.             });
  269.         }
  270.         else
  271.         {
  272.             //Set own state
  273.             sender.target.classList.add("filterdisabled");
  274.  
  275.             //Set the related filterimg states
  276.             Array.from(imgs).forEach(function(img) {
  277.                 if (!img.classList.contains("filterdisabled"))
  278.                 {
  279.                     disableFilter(img);
  280.                 }
  281.             });
  282.         }
  283.     }
  284.     else
  285.     {
  286.         let mimgs = document.getElementsByClassName('mainImage');
  287.         let imgs = document.getElementsByClassName('filterimg');
  288.         //Clicked on ALL button
  289.         if (sender.target.classList.contains("filterdisabled"))
  290.         {
  291.             //Set own state
  292.             sender.target.classList.remove("filterdisabled");
  293.  
  294.             //Set all category states
  295.             Array.from(mimgs).forEach(function(mimg) {
  296.                 mimg.classList.remove("filterdisabled");
  297.             });
  298.  
  299.             //Set all filterimg states
  300.             Array.from(imgs).forEach(function(img) {
  301.                 if (img.classList.contains("filterdisabled"))
  302.                 {
  303.                     enableFilter(img);
  304.                 }
  305.             });
  306.         }
  307.         else
  308.         {
  309.             //Set own state
  310.             sender.target.classList.add("filterdisabled");
  311.  
  312.             //Set all category states
  313.             Array.from(mimgs).forEach(function(mimg) {
  314.                 mimg.classList.add("filterdisabled");
  315.             });
  316.  
  317.             //Set all filterimg states
  318.             Array.from(imgs).forEach(function(img) {
  319.                 if (!img.classList.contains("filterdisabled"))
  320.                 {
  321.                     disableFilter(img);
  322.                 }
  323.             });
  324.         }
  325.     }
  326.  
  327.     refreshMap();
  328. }
  329.  
  330. function activateFilterImages(sender)
  331. {
  332.     //1st - Hide all
  333.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  334.         $(cDIV).hide();
  335.     });
  336.  
  337.     //2nd - Show the related
  338.     $(document.getElementById(sender.target.getAttribute("title")+"_Category")).show();
  339. }
  340.  
  341. function deactivateFilterImages(sender)
  342. {
  343.     Array.from(filterImgsContainer[0].getElementsByClassName('categoryDIV')).forEach(function(cDIV){
  344.         $(cDIV).hide();
  345.     });
  346. }
  347.  
  348. function FilterImgClick(sender)
  349. {
  350.     if (sender.target.classList.contains("filterdisabled"))
  351.     {
  352.         enableFilter(sender.target);
  353.     }
  354.     else
  355.     {
  356.         disableFilter(sender.target);
  357.     }
  358.  
  359.     updateMainImage(sender.target.parentNode);
  360.  
  361.     refreshMap();
  362. }
  363.  
  364. function updateMainImage(containerDIV)
  365. {
  366.     var hide = true;
  367.     var relatedMainImage = $(document.getElementById(containerDIV.id.replace('Category', 'MainIMG')));
  368.     Array.from(containerDIV.getElementsByClassName('filterimg')).forEach(function(img){
  369.         hide &= img.classList.contains("filterdisabled");
  370.     });
  371.  
  372.     if (hide)
  373.     {
  374.         relatedMainImage.addClass("filterdisabled");
  375.     }
  376.     else
  377.     {
  378.         relatedMainImage.removeClass("filterdisabled");
  379.     }
  380.  
  381.     //ALL image handler
  382.     hide = true;
  383.      Array.from(containerDIV.parentNode.getElementsByClassName('mainImage')).forEach(function(mimg){
  384.         hide &= mimg.classList.contains("filterdisabled");
  385.     });
  386.  
  387.     if (hide)
  388.     {
  389.         $('#ALL_MainIMG').addClass("filterdisabled");
  390.     }
  391.     else
  392.     {
  393.         $('#ALL_MainIMG').removeClass("filterdisabled");
  394.     }
  395. }
  396.  
  397. //Enable 1 filterimg
  398. function enableFilter(target)
  399. {
  400.     target.classList.remove("filterdisabled");
  401.  
  402.     var pos = disabledFilterImgs.indexOf(target.src);
  403.     if (pos >= 0)
  404.     {
  405.         disabledFilterImgs.splice(pos, 1);
  406.     }
  407. }
  408.  
  409. //Disable 1 filterimg
  410. function disableFilter(target)
  411. {
  412.     target.classList.add("filterdisabled");
  413.  
  414.     if (disabledFilterImgs.indexOf(target.src) < 0)
  415.     {
  416.         disabledFilterImgs.push(target.src);
  417.     }
  418. }
  419.  
  420. function refreshMap()
  421. {
  422.     if (isSpecialMapSite)
  423.     {
  424.         for (let mID in mapMarkers)
  425.         {
  426.             if (disabledFilterImgs.includes(mapMarkers[mID].munzee_logo))
  427.             {
  428.                 $( "[data-index='" + mID + "']" ).hide();
  429.             }
  430.             else
  431.             {
  432.                 $( "[data-index='" + mID + "']" ).show();
  433.             }
  434.         }
  435.     }
  436.     else
  437.     {
  438.         for (let mID in mapMarkers)
  439.         {
  440.             if (disabledFilterImgs.includes(mapMarkers[mID]._element.outerHTML.split("&quot;")[1]))
  441.             {
  442.                 $( "[data-index='" + mID + "']" ).hide();
  443.             }
  444.             else
  445.             {
  446.                 $( "[data-index='" + mID + "']" ).show();
  447.             }
  448.         }
  449.     }
  450. }
  451.  
  452. $(document).ajaxSuccess(restructureImages);