Mousepad Comparison<\/title>\r\n <style>\r\n #comparison-table {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n padding: 20px;\r\n }\r\n\r\n .comparison-columns {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n max-width: 1200px;\r\n }\r\n\r\n .comparison-column {\r\n width: 45%;\r\n padding: 20px;\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n position: relative; \/* Added for dropdown position *\/\r\n }\r\n\r\n .comparison-column img {\r\n width: 200px;\r\n height: auto;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .dropdown-list {\r\n display: none;\r\n border: 1px solid #ccc;\r\n border-radius: 20px; \/* Rounded corners for dropdown *\/\r\n position: absolute;\r\n max-height: 450px; \/* Limited height for dropdown *\/\r\n overflow-y: auto;\r\n background-color: white;\r\n z-index: 1000;\r\n width: calc(100% - 20px); \/* Adjust width to match input field *\/\r\n left: 10px; \/* Align dropdown with input *\/\r\n }\r\n\r\n .dropdown-list div {\r\n padding: 5px;\r\n cursor: pointer;\r\n color: black; \/* Set text color of dropdown list items to black *\/\r\n }\r\n\r\n .dropdown-list div:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n select {\r\n border-radius: 50px; \/* Increased value for pill shape *\/\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n width: 95%;\r\n margin: 10px 0;\r\n }\r\n\r\n input[type=\"text\"] {\r\n border-radius: 50px; \/* Increased value for pill shape *\/\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n width: 95%;\r\n margin: 10px 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .comparison-columns {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .comparison-column {\r\n width: 80%;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"comparison-table\">\r\n <div class=\"comparison-columns\">\r\n \r\n <div class=\"comparison-column\" id=\"column1\">\r\n <label for=\"brand1-select\">Select Brand:<\/label>\r\n <select id=\"brand1-select\" onchange=\"filterMousepadsByBrand('brand1-select', 'item1-list')\">\r\n <option value=\"\">--Select Brand--<\/option>\r\n <option value=\"Artisan\">Artisan<\/option>\r\n <option value=\"4114\">4114<\/option>\r\n <option value=\"Corsair\">Corsair<\/option>\r\n <option value=\"Dornfinger\">Dornfinger<\/option>\r\n <option value=\"Endgame Gear\">Endgame Gear<\/option>\r\n <option value=\"FreeFallMFG\">FreeFall MFG<\/option>\r\n <option value=\"Gamesense\">Gamesense<\/option>\r\n <option value=\"Ghostglides\">Ghostglides<\/option>\r\n <option value=\"Gitoper\">Gitoper<\/option>\r\n <option value=\"Ikea\">Ikea<\/option>\r\n <option value=\"InfinityMice\">InfinityMice<\/option>\r\n <option value=\"Kanami\">Kanami<\/option>\r\n <option value=\"Kurosan\">Kurosan<\/option>\r\n <option value=\"LaOnda\">LaOnda<\/option>\r\n <option value=\"Lamzu\">Lamzu<\/option>\r\n <option value=\"Lethal Gaming Gear\">Lethal Gaming Gear<\/option>\r\n <option value=\"MadCATZ\">MadCATZ<\/option>\r\n <option value=\"Modmice\">Modmice<\/option>\r\n <option value=\"Mouser\">Mouser<\/option>\r\n <option value=\"Musashi\">Musashi<\/option>\r\n <option value=\"Odin Gaming\">Odin Gaming<\/option>\r\n <option value=\"Padsmith\">Padsmith<\/option>\r\n <option value=\"Quaoar\">Quaoar<\/option>\r\n <option value=\"Pulsar\">Pulsar<\/option>\r\n <option value=\"Sprint Gaming Gear\">Sprint Gaming Gear<\/option>\r\n <option value=\"Spyre\">Spyre<\/option>\r\n <option value=\"Superbeing Lab\">Superbeing Lab<\/option>\r\n <option value=\"Tenta\">Tenta<\/option>\r\n <option value=\"TJ Exclusives\">TJ Exclusives<\/option>\r\n <option value=\"Vaxee\">Vaxee<\/option>\r\n <option value=\"Wraith\">Wraith<\/option>\r\n <option value=\"XrayPad\">XrayPad<\/option>\r\n <option value=\"Zowie\">Zowie<\/option>\r\n <\/select>\r\n\r\n <label for=\"item1-search\">Search Mousepad 1:<\/label>\r\n <input type=\"text\" id=\"item1-search\" onfocus=\"showAllMousepads('item1-list', 'brand1-select')\" \r\n oninput=\"filterMousepads('item1-search', 'item1-list', 'brand1-select')\" autocomplete=\"off\">\r\n <div id=\"item1-list\" class=\"dropdown-list\"><\/div>\r\n\r\n <h3 id=\"title-column1\">Artisan Zero soft<\/h3>\r\n <img decoding=\"async\" id=\"img-column1\" src=\"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\" alt=\"Artisan Zero Soft\" width=\"200\">\r\n <p id=\"brand-column1\">Brand: Artisan<\/p>\r\n <p id=\"name-column1\">Model: Zero soft<\/p>\r\n <p id=\"surface-column1\">Surface Type: Smooth<\/p>\r\n <p id=\"speed-column1\">Speed: Medium<\/p>\r\n <p id=\"thickness-column1\">Thickness: 4mm<\/p>\r\n <p id=\"dimensions-column1\">Dimensions: 490mm x 420mm<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"comparison-column\" id=\"column2\">\r\n <label for=\"brand2-select\">Select Brand:<\/label>\r\n <select id=\"brand2-select\" onchange=\"filterMousepadsByBrand('brand2-select', 'item2-list')\">\r\n <option value=\"\">--Select Brand--<\/option>\r\n <option value=\"Artisan\">Artisan<\/option>\r\n <option value=\"4114\">4114<\/option>\r\n <option value=\"Corsair\">Corsair<\/option>\r\n <option value=\"Dornfinger\">Dornfinger<\/option>\r\n <option value=\"Endgame Gear\">Endgame Gear<\/option>\r\n <option value=\"FreeFallMFG\">FreeFall MFG<\/option>\r\n <option value=\"Gamesense\">Gamesense<\/option>\r\n <option value=\"Ghostglides\">Ghostglides<\/option>\r\n <option value=\"Gitoper\">Gitoper<\/option>\r\n <option value=\"Ikea\">Ikea<\/option>\r\n <option value=\"InfinityMice\">InfinityMice<\/option>\r\n <option value=\"Kanami\">Kanami<\/option>\r\n <option value=\"Kurosan\">Kurosan<\/option>\r\n <option value=\"LaOnda\">LaOnda<\/option>\r\n <option value=\"Lamzu\">Lamzu<\/option>\r\n <option value=\"Lethal Gaming Gear\">Lethal Gaming Gear<\/option>\r\n <option value=\"MadCATZ\">MadCATZ<\/option>\r\n <option value=\"Modmice\">Modmice<\/option>\r\n <option value=\"Mouser\">Mouser<\/option>\r\n <option value=\"Musashi\">Musashi<\/option>\r\n <option value=\"Odin Gaming\">Odin Gaming<\/option>\r\n <option value=\"Padsmith\">Padsmith<\/option>\r\n <option value=\"Quaoar\">Quaoar<\/option>\r\n <option value=\"Pulsar\">Pulsar<\/option>\r\n <option value=\"Sprint Gaming Gear\">Sprint Gaming Gear<\/option>\r\n <option value=\"Spyre\">Spyre<\/option>\r\n <option value=\"Superbeing Lab\">Superbeing Lab<\/option>\r\n <option value=\"Tenta\">Tenta<\/option>\r\n <option value=\"TJ Exclusives\">TJ Exclusives<\/option>\r\n <option value=\"Vaxee\">Vaxee<\/option>\r\n <option value=\"Wraith\">Wraith<\/option>\r\n <option value=\"XrayPad\">XrayPad<\/option>\r\n <option value=\"Zowie\">Zowie<\/option>\r\n <\/select>\r\n\r\n <label for=\"item2-search\">Search Mousepad 2:<\/label>\r\n <input type=\"text\" id=\"item2-search\" onfocus=\"showAllMousepads('item2-list', 'brand2-select')\" \r\n oninput=\"filterMousepads('item2-search', 'item2-list', 'brand2-select')\" autocomplete=\"off\">\r\n <div id=\"item2-list\" class=\"dropdown-list\"><\/div>\r\n\r\n <h3 id=\"title-column2\">Artisan Zero soft<\/h3> \r\n <img decoding=\"async\" id=\"img-column2\" src=\"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\" alt=\"Artisan Zero Soft\" width=\"200\"> \r\n <p id=\"brand-column2\">Brand: Artisan<\/p> \r\n <p id=\"name-column2\">Model: Zero soft<\/p> \r\n <p id=\"surface-column2\">Surface Type: Smooth<\/p> \r\n <p id=\"speed-column2\">Speed: Medium<\/p> \r\n <p id=\"thickness-column2\">Thickness: 4mm<\/p> \r\n <p id=\"dimensions-column2\">Dimensions: 490mm x 420mm<\/p> \r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst mousepadsData = {\r\n Artisan_Zero: {\r\n title: \"Artisan Zero Soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Zero soft\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Aero: {\r\n title: \"4114 Aero\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/4114-Aero.png\", \/\/ Add the image path here\r\n brand: \"4114\",\r\n name: \"Aero\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Speed\",\r\n thickness: \"4mm\",\r\n padThickness: \"530mm x 490mm\",\r\n },\r\n\r\n Artisan_Hien: {\r\n title: \"Artisan Hien Soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Hien.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Hien\",\r\n surface: \"Rough\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Otsu: {\r\n title: \"Artisan Hayate Otsu\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Hayate-Otsu.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Hayate Otsu\",\r\n surface: \"Smooth\",\r\n speed: \"medium fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Raiden: {\r\n title: \"Artisan Raiden soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Raiden-100x.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Raiden\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Type99: {\r\n title: \"Artisan Type99\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Type99.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Type99 soft\",\r\n surface: \"Smooth\",\r\n speed: \"Slow\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Artisan_Key83: {\r\n title: \"Artisan Key83\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Rokakku.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Key83\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Artisan_Shidenkai: {\r\n title: \"Artisan Shidenkai\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Shidenkai-v2.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Shidenkai\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Corsair_MM350: {\r\n title: \"Corsair mm350\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Corsair\",\r\n name: \"mm330\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"5mm\",\r\n padThickness: \"900mm x 400mm\",\r\n },\r\n\r\n Dornfinger_Destroyer: {\r\n title: \"Dornfinger Destroyer\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Dornfinger-Destroyer.png\", \/\/ Example image URL\r\n brand: \"Dornfinger\",\r\n name: \"Destroyer\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Dornfinger_Cordura: {\r\n title: \"Dornfinger Cordura\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Dornfinger-Codura.png\", \/\/ Example image URL\r\n brand: \"Dornfinger\",\r\n name: \"Cordura\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"5mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n EndgameGear_MPX390: {\r\n title: \"Endgame Gear MPX390\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Endgame-Gear-mpx390.png\", \/\/ Example image URL\r\n brand: \"Endgame Gear\",\r\n name: \"MPX390\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"390mm x 390mm\",\r\n },\r\n\r\n FreeFallMFG_SvBaseControl: {\r\n title: \"FreeFall Sv Base Control\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Freefall-SV-Base-Control.png\", \/\/ Example image URL\r\n brand: \"FreeFallMFG\",\r\n name: \"Sv Base Control+\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"450mm x 450mm\",\r\n },\r\n\r\n Gamesense_Radar: {\r\n title: \"Gamesense Radar\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Gamesense-Radar.png\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Radar\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_Rush: {\r\n title: \"Gamesense Rush\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Rush\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_AimLabsRadar: {\r\n title: \"Gamesense Aimlabs Radar\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Aimlabs Radar\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_Sonar: {\r\n title: \"Gamesense Sonar\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Sonar\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"4.7mm\",\r\n padThickness: \"500mm x 400mm\",\r\n },\r\n\r\n GhostGlides_Focus: {\r\n title: \"Ghostglides Focus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/GhostGlides-Focus.png\", \/\/ Example image URL\r\n brand: \"Ghostglides\",\r\n name: \"Focus\",\r\n surface: \"Smooth\",\r\n speed: \"Control\/Hybrid\",\r\n thickness: \"4mm\",\r\n padThickness: \"500mm x 430mm\",\r\n },\r\n\r\n Gitoper_G2: {\r\n title: \"Gitoper G2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Gitoper-G@.png\", \/\/ Example image URL\r\n brand: \"Gitoper\",\r\n name: \"G2\",\r\n surface: \"Smooth\",\r\n speed: \"Hybrid\",\r\n thickness: \"3.5mm\",\r\n padThickness: \"490mm x 420mm\",\r\n },\r\n\r\n Ikea_Lanespelare: {\r\n title: \"Ikea Lanespelare\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Ikea-Laneshpere.png\", \/\/ Example image URL\r\n brand: \"Ikea\",\r\n name: \"Lanespelare\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"360mm x 440mm\",\r\n },\r\n\r\n InfinityMice_InfiniteControlv1: {\r\n title: \"InfinityMice Infinite Control v1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control v1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteControlv2: {\r\n title: \"InfinityMice Infinite Control v2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Infinite-Control-V2.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control v2\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\", \r\n },\r\n\r\n InfinityMice_InfiniteControlSample: {\r\n title: \"InfinityMice Infinite Control Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control Sample\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteSpeedv1: {\r\n title: \"InfinityMice Infinite Speed v1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Speed v1\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteSpeedv2: {\r\n title: \"InfinityMice Infinite Speed v2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Infinite-Speed-v2.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Speed v2\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteHybrid: {\r\n title: \"InfinityMice Infinite Hybrid\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Hybrid\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_Vagabond: {\r\n title: \"InfinityMice Vagabond\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/InfinityMice-Vagabond.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Vagabond\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3,5mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_Shogun: {\r\n title: \"InfinityMice Shogun\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/InfinityMice-Shogun.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Shogun\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n Kanami_Nana: {\r\n title: \"Kanami Nana\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Kanami-Tenshi.png\", \/\/ Example image URL\r\n brand: \"Kanami\",\r\n name: \"Nana\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Slow\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n Kurosun_Ninja: {\r\n title: \"Kurosan Ninja\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Kurosun-Ninja.png\", \/\/ Example image URL\r\n brand: \"Kurosan\",\r\n name: \"Ninja\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n LaOnda_Blitz: {\r\n title: \"LaOnda Blitz\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/La-Onda-Blitz.png\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Blitz\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"6mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Glaze: {\r\n title: \"LaOnda Glaze\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Glaze\",\r\n surface: \"Smooth\",\r\n speed: \"Controlled Glass\",\r\n thickness: \"3.3mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Pelz: {\r\n title: \"LaOnda Pelz\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/La-Onda-Pelz.png\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Pelz\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"490mm x 417mm\",\r\n },\r\n\r\n LaOnda_SmoothCriminal: {\r\n title: \"LaOnda Smooth Criminal\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Smooth Criminal\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Wallhaut: {\r\n title: \"LaOnda Wallhaut\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Wallhaut\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n Lamzu_Energon: {\r\n title: \"Lamzu Energon\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lamzu-Energon.png\", \/\/ Example image URL\r\n brand: \"Lamzu\",\r\n name: \"Energon\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_Saturn: {\r\n title: \"Lethal Gaming Gear Saturn\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnPro: {\r\n title: \"Lethal Gaming Gear Saturn Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnPro2023: {\r\n title: \"Lethal Gaming Gear Saturn Pro 2023\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro-2023.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro 2023\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnSample: {\r\n title: \"Lethal Gaming Gear Saturn Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro Sample\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n\r\n LGG_Venus: {\r\n title: \"Lethal Gaming Gear Venus\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Venus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_VenusPro: {\r\n title: \"Lethal Gaming Gear Venus Pro\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Venus Pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_Mercury: {\r\n title: \"Lethal Gaming Gear Mercury\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro-2023.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Mercury\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n MadCATZ_G38: {\r\n title: \"MadCATZ G.L.I.D.E 38\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/MadCATZ-G.L.I.D.E48.png\", \/\/ Example image URL\r\n brand: \"MadCATZ\",\r\n name: \"G.L.I.D.E 38\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"1.8mm\",\r\n padThickness:\"900mm x 400mm\",\r\n },\r\n\r\n ModMice_TenchiPro: {\r\n title: \"Modmice Tenchi Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/ModMice-Tenchi-Pro.png\", \/\/ Example image URL\r\n brand: \"Modmice\",\r\n name: \"Tenchi\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Mouser_Sphynx: {\r\n title: \"Mouser Sphynx\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Mouser-Sphynx.png\", \/\/ Example image URL\r\n brand: \"Mouser\",\r\n name: \"Sphynx\",\r\n surface: \"Smooth\",\r\n speed: \"Very Slow\",\r\n thickness: \"3mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Musashi_Void: {\r\n title: \"Musashi_Void\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Musashi-Void.png\", \/\/ Example image URL\r\n brand: \"Musashi\",\r\n name: \"Void\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n OdinGaming_AndromedaPro: {\r\n title: \"Odin Gaming Andromeda Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/OdinGaming-Andromeda-Pro.png\", \/\/ Example image URL\r\n brand: \"Odin Gaming\",\r\n name: \"Andromeda Pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Padsmiths_Empress: {\r\n title: \"Padsmith Empress\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Padsmith\",\r\n name: \"Empress\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n PattyCakes_KX100: {\r\n title: \"PattyCakes KX100\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"PattyCakes\",\r\n name: \"KX100\",\r\n surface: \"Smooth\",\r\n speed: \"Balance\",\r\n thickness: \"3mm\",\r\n padThickness:\"600mm x 470mm\",\r\n },\r\n\r\n ProjectArctica_V1: {\r\n title: \"Project Arctica V1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Project Arctica\",\r\n name: \"Arctica V1\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Pulsar_ES1: {\r\n title: \"Pulsar ES1\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Pulsar-ES1.png\", \/\/ Example image URL\r\n brand: \"Pulsar\",\r\n name: \"ES1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Pulsar_ES1: {\r\n title: \"Pulsar ES1\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Pulsar-ES1.png\", \/\/ Example image URL\r\n brand: \"Pulsar\",\r\n name: \"ES1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Quaoar_Neutron: {\r\n title: \"Quaoar\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Neutron.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Neutron\",\r\n surface: \"Smooth\",\r\n speed: \"Extrememly Slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n PureTrak_P51: {\r\n title: \"Puretrak\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Puretrak-P51.png\", \/\/ Example image URL\r\n brand: \"Puretrak\",\r\n name: \"P51\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n\r\n Quaoar_Perseus: {\r\n title: \"Quaoar Perseus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Perseus.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Perseus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Quaoar_Hercules: {\r\n title: \"Quaoar Hercules\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Hercules.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Hercules\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Medium\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n SkyPad_3: {\r\n title: \"Skypad 3.0 XL\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"SkyPad\",\r\n name: \"3.0 XL\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"3.6mm\",\r\n padThickness:\"400mm x 500mm\",\r\n },\r\n\r\n SprintGG_Alpha: {\r\n title: \"Sprint Gaming Gear Alpha\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/SGG-Alpha.png\", \/\/ Example image URL\r\n brand: \"Sprint Gaming Gear\",\r\n name: \"Alpha\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n SprintGG_Beta: {\r\n title: \"Sprint Gaming Gear Beta\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Sprint Gaming Gear\",\r\n name: \"Alpha\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Spyre_Loque: {\r\n title: \"Spyre Loque\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Spyre-Loque.png\", \/\/ Example image URL\r\n brand: \"Spyre\",\r\n name: \"Loque\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n SuperbeingLab_MemoriaPro: {\r\n title: \"Superbeing Lab Memoria Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Superbeing-Labs-Memoria-Pro.png\", \/\/ Example image URL\r\n brand: \"Superbeing Lab\",\r\n name: \"Memoria pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TentaX_ControlSample: {\r\n title: \"TentaX Control Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Control Sample\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TentaX_OctoGrip: {\r\n title: \"TentaX Octo Grip\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Tenta-X-Octo-Grip.png\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Octo Grip\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },TentaX_OctoSense: {\r\n title: \"TentaX Octo Sense\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Octo Sense\",\r\n surface: \"Smooth\",\r\n speed: \"Fast Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n TentaX_TheLastStand: {\r\n title: \"TentaX The Last Stand\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Tenta-X-Last-Stand.png\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"The Last Stand\",\r\n surface: \"Smooth\",\r\n speed: \"Hybrid\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TJ_CerapadKin: {\r\n title: \"TJ exclusives Cerapad Kin\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"TJ Exclusives\",\r\n name: \"Cerapad Kin\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Controlled Glass\",\r\n thickness: \"4mm\",\r\n padThickness:\"335mm-305mm - 605mm x 405mm\",\r\n },\r\n\r\n Vaxee_PA: {\r\n title: \"Vaxee PA\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Vaxee-PA.png\", \/\/ Example image URL\r\n brand: \"Vaxee\",\r\n name: \"PA\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"470mm x 390mm\",\r\n },\r\n\r\n Wraith_Cosmic: {\r\n title: \"Wraith Cosmic\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Wraith\",\r\n name: \"Cosmic\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Wraith_CosmicV2: {\r\n title: \"Wraith Cosmic V2\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Wraith\",\r\n name: \"Cosmic V2\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Xraypad_Equate: {\r\n title: \"XrayPad Equate\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-Equate.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Equate\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Xraypad_EquatePlusV2: {\r\n title: \"XrayPad Equate Plus V2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-Equate-Plus-V@.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Equate Plus V2\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Xraypad_ACPlus: {\r\n title: \"Xraypad Aqua Control Plus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Plus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Xraypad_ACPro: {\r\n title: \"XrayPad Aqua Control Pro Mid\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC-Pro-Mid.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Pro Mid\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n\r\n Xraypad_ACZero: {\r\n title: \"XrayPad Aqua Control Zero\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC-Zero.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Zero\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"360mm x 300mm - 550mm x 1200mm\",\r\n },\r\n\r\n Zowie_GSR: {\r\n title: \"Zowie GSR\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Zowie-GSR.png\", \/\/ Example image URL\r\n brand: \"Zowie\",\r\n name: \"GSR\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Zowie_GSRII: {\r\n title: \"Zowie GSR II\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Zowie-GSR-2.png\", \/\/ Example image URL\r\n brand: \"Zowie\",\r\n name: \"GSR II\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n }\r\n};\r\n\r\n\/\/ Function to filter mousepads based on brand selection and update the dropdown\r\nfunction filterMousepadsByBrand(brandSelectId, listId) {\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n const listContainer = document.getElementById(listId);\r\n \r\n \/\/ Clear the mousepad dropdown\r\n listContainer.innerHTML = '';\r\n\r\n \/\/ If a brand is selected, filter mousepads by that brand\r\n const padsToShow = Object.keys(mousepadsData).filter(pad => {\r\n return mousepadsData[pad].brand === selectedBrand;\r\n });\r\n\r\n \/\/ Populate dropdown with filtered mousepads\r\n padsToShow.forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the list after selection\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n\r\n \/\/ Show the dropdown if there are filtered mousepads\r\n listContainer.style.display = padsToShow.length > 0 ? 'block' : 'none';\r\n}\r\n\r\n\/\/ Show all mousepads when the input is focused\r\n\/\/ Show all mousepads when the input is focused or when no brand is selected\r\nfunction showAllMousepads(listId, brandSelectId) {\r\n const listContainer = document.getElementById(listId);\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n\r\n \/\/ Clear the list first\r\n listContainer.innerHTML = '';\r\n\r\n \/\/ Populate dropdown with all mousepads if no brand is selected.\r\n if (!selectedBrand) {\r\n Object.keys(mousepadsData).forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the dropdown\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n listContainer.style.display = 'block'; \/\/ Show the dropdown with all pads\r\n } else {\r\n \/\/ Populate dropdown with mousepads matching the selected brand if a brand is selected\r\n Object.keys(mousepadsData).forEach(pad => {\r\n if (mousepadsData[pad].brand === selectedBrand) {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the dropdown\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n }\r\n });\r\n listContainer.style.display = 'block'; \/\/ Show the dropdown\r\n }\r\n}\r\n\r\n\/\/ Function to filter mousepads based on the search input\r\nfunction filterMousepads(inputId, listId, brandSelectId) {\r\n const inputValue = document.getElementById(inputId).value.toLowerCase();\r\n const listContainer = document.getElementById(listId);\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n\r\n listContainer.innerHTML = ''; \/\/ Clear the list first\r\n\r\n const padsToShow = Object.keys(mousepadsData).filter(pad => {\r\n return (!selectedBrand || mousepadsData[pad].brand === selectedBrand) && \r\n mousepadsData[pad].title.toLowerCase().includes(inputValue);\r\n });\r\n\r\n padsToShow.forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(inputId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the list after selection\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n\r\n listContainer.style.display = padsToShow.length === 0 ? 'none' : 'block'; \/\/ Show\/hide based on results\r\n}\r\n\r\n\/\/ Update the column when a mousepad is selected\r\nfunction updateColumn(columnId, selectedPad) {\r\n const data = mousepadsData[selectedPad];\r\n\r\n if (data) {\r\n document.getElementById(`title-${columnId}`).textContent = data.title;\r\n document.getElementById(`img-${columnId}`).src = data.img;\r\n document.getElementById(`img-${columnId}`).alt = data.title;\r\n document.getElementById(`brand-${columnId}`).textContent = `Brand: ${data.brand}`;\r\n document.getElementById(`name-${columnId}`).textContent = `Model: ${data.name}`;\r\n document.getElementById(`surface-${columnId}`).textContent = `Surface Type: ${data.surface}`;\r\n document.getElementById(`speed-${columnId}`).textContent = `Speed: ${data.speed}`;\r\n document.getElementById(`thickness-${columnId}`).textContent = `Thickness: ${data.thickness}`;\r\n document.getElementById(`dimensions-${columnId}`).textContent = `Dimensions: ${data.padThickness}`;\r\n }\r\n}\r\n\r\n\/\/ Optional: Close dropdown when clicking outside\r\nwindow.onclick = function(event) {\r\n if (!event.target.matches('.dropdown-list') && !event.target.matches('input, select')) {\r\n document.querySelectorAll('.dropdown-list').forEach(list => list.style.display = 'none');\r\n }\r\n};\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mousepad Comparison Select Brand: –Select Brand–Artisan4114CorsairDornfingerEndgame GearFreeFall MFGGamesenseGhostglidesGitoperIkeaInfinityMiceKanamiKurosanLaOndaLamzuLethal Gaming GearMadCATZModmiceMouserMusashiOdin GamingPadsmithQuaoarPulsarSprint Gaming GearSpyreSuperbeing LabTentaTJ ExclusivesVaxeeWraithXrayPadZowie Search Mousepad 1: Artisan Zero soft Brand: Artisan Model: Zero soft Surface Type: Smooth Speed: Medium Thickness: 4mm Dimensions: 490mm x 420mm Select Brand: –Select Brand–Artisan4114CorsairDornfingerEndgame GearFreeFall MFGGamesenseGhostglidesGitoperIkeaInfinityMiceKanamiKurosanLaOndaLamzuLethal Gaming GearMadCATZModmiceMouserMusashiOdin GamingPadsmithQuaoarPulsarSprint Gaming GearSpyreSuperbeing LabTentaTJ ExclusivesVaxeeWraithXrayPadZowie Search Mousepad 2: Artisan Zero […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getpay24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":170,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Mousepad Comparison<\/title>\r\n <style>\r\n #comparison-table {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 20px;\r\n padding: 20px;\r\n }\r\n\r\n .comparison-columns {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n max-width: 1200px;\r\n }\r\n\r\n .comparison-column {\r\n width: 45%;\r\n padding: 20px;\r\n border: 1px solid #ccc;\r\n border-radius: 8px;\r\n text-align: center;\r\n box-sizing: border-box;\r\n position: relative; \/* Added for dropdown position *\/\r\n }\r\n\r\n .comparison-column img {\r\n width: 200px;\r\n height: auto;\r\n margin-bottom: 20px;\r\n }\r\n\r\n .dropdown-list {\r\n display: none;\r\n border: 1px solid #ccc;\r\n border-radius: 20px; \/* Rounded corners for dropdown *\/\r\n position: absolute;\r\n max-height: 450px; \/* Limited height for dropdown *\/\r\n overflow-y: auto;\r\n background-color: white;\r\n z-index: 1000;\r\n width: calc(100% - 20px); \/* Adjust width to match input field *\/\r\n left: 10px; \/* Align dropdown with input *\/\r\n }\r\n\r\n .dropdown-list div {\r\n padding: 5px;\r\n cursor: pointer;\r\n color: black; \/* Set text color of dropdown list items to black *\/\r\n }\r\n\r\n .dropdown-list div:hover {\r\n background-color: #f0f0f0;\r\n }\r\n\r\n select {\r\n border-radius: 50px; \/* Increased value for pill shape *\/\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n width: 95%;\r\n margin: 10px 0;\r\n }\r\n\r\n input[type=\"text\"] {\r\n border-radius: 50px; \/* Increased value for pill shape *\/\r\n padding: 10px;\r\n border: 1px solid #ccc;\r\n width: 95%;\r\n margin: 10px 0;\r\n }\r\n\r\n @media (max-width: 768px) {\r\n .comparison-columns {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n\r\n .comparison-column {\r\n width: 80%;\r\n margin-bottom: 20px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"comparison-table\">\r\n <div class=\"comparison-columns\">\r\n \r\n <div class=\"comparison-column\" id=\"column1\">\r\n <label for=\"brand1-select\">Select Brand:<\/label>\r\n <select id=\"brand1-select\" onchange=\"filterMousepadsByBrand('brand1-select', 'item1-list')\">\r\n <option value=\"\">--Select Brand--<\/option>\r\n <option value=\"Artisan\">Artisan<\/option>\r\n <option value=\"4114\">4114<\/option>\r\n <option value=\"Corsair\">Corsair<\/option>\r\n <option value=\"Dornfinger\">Dornfinger<\/option>\r\n <option value=\"Endgame Gear\">Endgame Gear<\/option>\r\n <option value=\"FreeFallMFG\">FreeFall MFG<\/option>\r\n <option value=\"Gamesense\">Gamesense<\/option>\r\n <option value=\"Ghostglides\">Ghostglides<\/option>\r\n <option value=\"Gitoper\">Gitoper<\/option>\r\n <option value=\"Ikea\">Ikea<\/option>\r\n <option value=\"InfinityMice\">InfinityMice<\/option>\r\n <option value=\"Kanami\">Kanami<\/option>\r\n <option value=\"Kurosan\">Kurosan<\/option>\r\n <option value=\"LaOnda\">LaOnda<\/option>\r\n <option value=\"Lamzu\">Lamzu<\/option>\r\n <option value=\"Lethal Gaming Gear\">Lethal Gaming Gear<\/option>\r\n <option value=\"MadCATZ\">MadCATZ<\/option>\r\n <option value=\"Modmice\">Modmice<\/option>\r\n <option value=\"Mouser\">Mouser<\/option>\r\n <option value=\"Musashi\">Musashi<\/option>\r\n <option value=\"Odin Gaming\">Odin Gaming<\/option>\r\n <option value=\"Padsmith\">Padsmith<\/option>\r\n <option value=\"Quaoar\">Quaoar<\/option>\r\n <option value=\"Pulsar\">Pulsar<\/option>\r\n <option value=\"Sprint Gaming Gear\">Sprint Gaming Gear<\/option>\r\n <option value=\"Spyre\">Spyre<\/option>\r\n <option value=\"Superbeing Lab\">Superbeing Lab<\/option>\r\n <option value=\"Tenta\">Tenta<\/option>\r\n <option value=\"TJ Exclusives\">TJ Exclusives<\/option>\r\n <option value=\"Vaxee\">Vaxee<\/option>\r\n <option value=\"Wraith\">Wraith<\/option>\r\n <option value=\"XrayPad\">XrayPad<\/option>\r\n <option value=\"Zowie\">Zowie<\/option>\r\n <\/select>\r\n\r\n <label for=\"item1-search\">Search Mousepad 1:<\/label>\r\n <input type=\"text\" id=\"item1-search\" onfocus=\"showAllMousepads('item1-list', 'brand1-select')\" \r\n oninput=\"filterMousepads('item1-search', 'item1-list', 'brand1-select')\" autocomplete=\"off\">\r\n <div id=\"item1-list\" class=\"dropdown-list\"><\/div>\r\n\r\n <h3 id=\"title-column1\">Artisan Zero soft<\/h3>\r\n <img decoding=\"async\" id=\"img-column1\" src=\"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\" alt=\"Artisan Zero Soft\" width=\"200\">\r\n <p id=\"brand-column1\">Brand: Artisan<\/p>\r\n <p id=\"name-column1\">Model: Zero soft<\/p>\r\n <p id=\"surface-column1\">Surface Type: Smooth<\/p>\r\n <p id=\"speed-column1\">Speed: Medium<\/p>\r\n <p id=\"thickness-column1\">Thickness: 4mm<\/p>\r\n <p id=\"dimensions-column1\">Dimensions: 490mm x 420mm<\/p>\r\n <\/div>\r\n\r\n \r\n <div class=\"comparison-column\" id=\"column2\">\r\n <label for=\"brand2-select\">Select Brand:<\/label>\r\n <select id=\"brand2-select\" onchange=\"filterMousepadsByBrand('brand2-select', 'item2-list')\">\r\n <option value=\"\">--Select Brand--<\/option>\r\n <option value=\"Artisan\">Artisan<\/option>\r\n <option value=\"4114\">4114<\/option>\r\n <option value=\"Corsair\">Corsair<\/option>\r\n <option value=\"Dornfinger\">Dornfinger<\/option>\r\n <option value=\"Endgame Gear\">Endgame Gear<\/option>\r\n <option value=\"FreeFallMFG\">FreeFall MFG<\/option>\r\n <option value=\"Gamesense\">Gamesense<\/option>\r\n <option value=\"Ghostglides\">Ghostglides<\/option>\r\n <option value=\"Gitoper\">Gitoper<\/option>\r\n <option value=\"Ikea\">Ikea<\/option>\r\n <option value=\"InfinityMice\">InfinityMice<\/option>\r\n <option value=\"Kanami\">Kanami<\/option>\r\n <option value=\"Kurosan\">Kurosan<\/option>\r\n <option value=\"LaOnda\">LaOnda<\/option>\r\n <option value=\"Lamzu\">Lamzu<\/option>\r\n <option value=\"Lethal Gaming Gear\">Lethal Gaming Gear<\/option>\r\n <option value=\"MadCATZ\">MadCATZ<\/option>\r\n <option value=\"Modmice\">Modmice<\/option>\r\n <option value=\"Mouser\">Mouser<\/option>\r\n <option value=\"Musashi\">Musashi<\/option>\r\n <option value=\"Odin Gaming\">Odin Gaming<\/option>\r\n <option value=\"Padsmith\">Padsmith<\/option>\r\n <option value=\"Quaoar\">Quaoar<\/option>\r\n <option value=\"Pulsar\">Pulsar<\/option>\r\n <option value=\"Sprint Gaming Gear\">Sprint Gaming Gear<\/option>\r\n <option value=\"Spyre\">Spyre<\/option>\r\n <option value=\"Superbeing Lab\">Superbeing Lab<\/option>\r\n <option value=\"Tenta\">Tenta<\/option>\r\n <option value=\"TJ Exclusives\">TJ Exclusives<\/option>\r\n <option value=\"Vaxee\">Vaxee<\/option>\r\n <option value=\"Wraith\">Wraith<\/option>\r\n <option value=\"XrayPad\">XrayPad<\/option>\r\n <option value=\"Zowie\">Zowie<\/option>\r\n <\/select>\r\n\r\n <label for=\"item2-search\">Search Mousepad 2:<\/label>\r\n <input type=\"text\" id=\"item2-search\" onfocus=\"showAllMousepads('item2-list', 'brand2-select')\" \r\n oninput=\"filterMousepads('item2-search', 'item2-list', 'brand2-select')\" autocomplete=\"off\">\r\n <div id=\"item2-list\" class=\"dropdown-list\"><\/div>\r\n\r\n <h3 id=\"title-column2\">Artisan Zero soft<\/h3> \r\n <img decoding=\"async\" id=\"img-column2\" src=\"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\" alt=\"Artisan Zero Soft\" width=\"200\"> \r\n <p id=\"brand-column2\">Brand: Artisan<\/p> \r\n <p id=\"name-column2\">Model: Zero soft<\/p> \r\n <p id=\"surface-column2\">Surface Type: Smooth<\/p> \r\n <p id=\"speed-column2\">Speed: Medium<\/p> \r\n <p id=\"thickness-column2\">Thickness: 4mm<\/p> \r\n <p id=\"dimensions-column2\">Dimensions: 490mm x 420mm<\/p> \r\n <\/div>\r\n <\/div>\r\n<\/div>\r\n\r\n<script>\r\nconst mousepadsData = {\r\n Artisan_Zero: {\r\n title: \"Artisan Zero Soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Zero.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Zero soft\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Aero: {\r\n title: \"4114 Aero\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/4114-Aero.png\", \/\/ Add the image path here\r\n brand: \"4114\",\r\n name: \"Aero\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Speed\",\r\n thickness: \"4mm\",\r\n padThickness: \"530mm x 490mm\",\r\n },\r\n\r\n Artisan_Hien: {\r\n title: \"Artisan Hien Soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Hien.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Hien\",\r\n surface: \"Rough\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Otsu: {\r\n title: \"Artisan Hayate Otsu\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Hayate-Otsu.png\", \/\/ Add the image path here\r\n brand: \"Artisan\",\r\n name: \"Hayate Otsu\",\r\n surface: \"Smooth\",\r\n speed: \"medium fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Raiden: {\r\n title: \"Artisan Raiden soft\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Raiden-100x.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Raiden\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n Artisan_Type99: {\r\n title: \"Artisan Type99\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Type99.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Type99 soft\",\r\n surface: \"Smooth\",\r\n speed: \"Slow\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Artisan_Key83: {\r\n title: \"Artisan Key83\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Rokakku.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Key83\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Artisan_Shidenkai: {\r\n title: \"Artisan Shidenkai\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Artisan-Shidenkai-v2.png\", \/\/ Example image URL\r\n brand: \"Artisan\",\r\n name: \"Shidenkai\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Corsair_MM350: {\r\n title: \"Corsair mm350\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Corsair\",\r\n name: \"mm330\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"5mm\",\r\n padThickness: \"900mm x 400mm\",\r\n },\r\n\r\n Dornfinger_Destroyer: {\r\n title: \"Dornfinger Destroyer\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Dornfinger-Destroyer.png\", \/\/ Example image URL\r\n brand: \"Dornfinger\",\r\n name: \"Destroyer\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"420mm x 490mm\",\r\n },\r\n\r\n Dornfinger_Cordura: {\r\n title: \"Dornfinger Cordura\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Dornfinger-Codura.png\", \/\/ Example image URL\r\n brand: \"Dornfinger\",\r\n name: \"Cordura\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"5mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n EndgameGear_MPX390: {\r\n title: \"Endgame Gear MPX390\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Endgame-Gear-mpx390.png\", \/\/ Example image URL\r\n brand: \"Endgame Gear\",\r\n name: \"MPX390\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"390mm x 390mm\",\r\n },\r\n\r\n FreeFallMFG_SvBaseControl: {\r\n title: \"FreeFall Sv Base Control\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Freefall-SV-Base-Control.png\", \/\/ Example image URL\r\n brand: \"FreeFallMFG\",\r\n name: \"Sv Base Control+\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"450mm x 450mm\",\r\n },\r\n\r\n Gamesense_Radar: {\r\n title: \"Gamesense Radar\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Gamesense-Radar.png\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Radar\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_Rush: {\r\n title: \"Gamesense Rush\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Rush\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_AimLabsRadar: {\r\n title: \"Gamesense Aimlabs Radar\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Aimlabs Radar\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3mm\",\r\n padThickness: \"500mm x 500mm\",\r\n },\r\n\r\n Gamesense_Sonar: {\r\n title: \"Gamesense Sonar\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Gamesense\",\r\n name: \"Sonar\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"4.7mm\",\r\n padThickness: \"500mm x 400mm\",\r\n },\r\n\r\n GhostGlides_Focus: {\r\n title: \"Ghostglides Focus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/GhostGlides-Focus.png\", \/\/ Example image URL\r\n brand: \"Ghostglides\",\r\n name: \"Focus\",\r\n surface: \"Smooth\",\r\n speed: \"Control\/Hybrid\",\r\n thickness: \"4mm\",\r\n padThickness: \"500mm x 430mm\",\r\n },\r\n\r\n Gitoper_G2: {\r\n title: \"Gitoper G2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Gitoper-G@.png\", \/\/ Example image URL\r\n brand: \"Gitoper\",\r\n name: \"G2\",\r\n surface: \"Smooth\",\r\n speed: \"Hybrid\",\r\n thickness: \"3.5mm\",\r\n padThickness: \"490mm x 420mm\",\r\n },\r\n\r\n Ikea_Lanespelare: {\r\n title: \"Ikea Lanespelare\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Ikea-Laneshpere.png\", \/\/ Example image URL\r\n brand: \"Ikea\",\r\n name: \"Lanespelare\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"360mm x 440mm\",\r\n },\r\n\r\n InfinityMice_InfiniteControlv1: {\r\n title: \"InfinityMice Infinite Control v1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control v1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteControlv2: {\r\n title: \"InfinityMice Infinite Control v2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Infinite-Control-V2.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control v2\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\", \r\n },\r\n\r\n InfinityMice_InfiniteControlSample: {\r\n title: \"InfinityMice Infinite Control Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Control Sample\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteSpeedv1: {\r\n title: \"InfinityMice Infinite Speed v1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Speed v1\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteSpeedv2: {\r\n title: \"InfinityMice Infinite Speed v2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Infinite-Speed-v2.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Speed v2\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_InfiniteHybrid: {\r\n title: \"InfinityMice Infinite Hybrid\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Infinite Hybrid\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_Vagabond: {\r\n title: \"InfinityMice Vagabond\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/InfinityMice-Vagabond.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Vagabond\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3,5mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n InfinityMice_Shogun: {\r\n title: \"InfinityMice Shogun\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/InfinityMice-Shogun.png\", \/\/ Example image URL\r\n brand: \"InfinityMice\",\r\n name: \"Shogun\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n Kanami_Nana: {\r\n title: \"Kanami Nana\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Kanami-Tenshi.png\", \/\/ Example image URL\r\n brand: \"Kanami\",\r\n name: \"Nana\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Slow\",\r\n thickness: \"4mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n Kurosun_Ninja: {\r\n title: \"Kurosan Ninja\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Kurosun-Ninja.png\", \/\/ Example image URL\r\n brand: \"Kurosan\",\r\n name: \"Ninja\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness: \"490mm x 490mm\",\r\n },\r\n\r\n LaOnda_Blitz: {\r\n title: \"LaOnda Blitz\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/La-Onda-Blitz.png\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Blitz\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"6mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Glaze: {\r\n title: \"LaOnda Glaze\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Glaze\",\r\n surface: \"Smooth\",\r\n speed: \"Controlled Glass\",\r\n thickness: \"3.3mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Pelz: {\r\n title: \"LaOnda Pelz\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/La-Onda-Pelz.png\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Pelz\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"490mm x 417mm\",\r\n },\r\n\r\n LaOnda_SmoothCriminal: {\r\n title: \"LaOnda Smooth Criminal\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Smooth Criminal\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n LaOnda_Wallhaut: {\r\n title: \"LaOnda Wallhaut\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"LaOnda\",\r\n name: \"Wallhaut\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"600mm x 500mm\",\r\n },\r\n\r\n Lamzu_Energon: {\r\n title: \"Lamzu Energon\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lamzu-Energon.png\", \/\/ Example image URL\r\n brand: \"Lamzu\",\r\n name: \"Energon\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_Saturn: {\r\n title: \"Lethal Gaming Gear Saturn\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnPro: {\r\n title: \"Lethal Gaming Gear Saturn Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnPro2023: {\r\n title: \"Lethal Gaming Gear Saturn Pro 2023\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro-2023.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro 2023\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_SaturnSample: {\r\n title: \"Lethal Gaming Gear Saturn Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Saturn Pro Sample\",\r\n surface: \"Smooth\",\r\n speed: \"medium slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n\r\n LGG_Venus: {\r\n title: \"Lethal Gaming Gear Venus\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Venus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_VenusPro: {\r\n title: \"Lethal Gaming Gear Venus Pro\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Venus Pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n LGG_Mercury: {\r\n title: \"Lethal Gaming Gear Mercury\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Lethal-Saturn-Pro-2023.png\", \/\/ Example image URL\r\n brand: \"Lethal Gaming Gear\",\r\n name: \"Mercury\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n MadCATZ_G38: {\r\n title: \"MadCATZ G.L.I.D.E 38\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/MadCATZ-G.L.I.D.E48.png\", \/\/ Example image URL\r\n brand: \"MadCATZ\",\r\n name: \"G.L.I.D.E 38\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"1.8mm\",\r\n padThickness:\"900mm x 400mm\",\r\n },\r\n\r\n ModMice_TenchiPro: {\r\n title: \"Modmice Tenchi Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/ModMice-Tenchi-Pro.png\", \/\/ Example image URL\r\n brand: \"Modmice\",\r\n name: \"Tenchi\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Mouser_Sphynx: {\r\n title: \"Mouser Sphynx\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Mouser-Sphynx.png\", \/\/ Example image URL\r\n brand: \"Mouser\",\r\n name: \"Sphynx\",\r\n surface: \"Smooth\",\r\n speed: \"Very Slow\",\r\n thickness: \"3mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Musashi_Void: {\r\n title: \"Musashi_Void\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Musashi-Void.png\", \/\/ Example image URL\r\n brand: \"Musashi\",\r\n name: \"Void\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n OdinGaming_AndromedaPro: {\r\n title: \"Odin Gaming Andromeda Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/OdinGaming-Andromeda-Pro.png\", \/\/ Example image URL\r\n brand: \"Odin Gaming\",\r\n name: \"Andromeda Pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Padsmiths_Empress: {\r\n title: \"Padsmith Empress\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Padsmith\",\r\n name: \"Empress\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n PattyCakes_KX100: {\r\n title: \"PattyCakes KX100\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"PattyCakes\",\r\n name: \"KX100\",\r\n surface: \"Smooth\",\r\n speed: \"Balance\",\r\n thickness: \"3mm\",\r\n padThickness:\"600mm x 470mm\",\r\n },\r\n\r\n ProjectArctica_V1: {\r\n title: \"Project Arctica V1\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Project Arctica\",\r\n name: \"Arctica V1\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Pulsar_ES1: {\r\n title: \"Pulsar ES1\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Pulsar-ES1.png\", \/\/ Example image URL\r\n brand: \"Pulsar\",\r\n name: \"ES1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Pulsar_ES1: {\r\n title: \"Pulsar ES1\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Pulsar-ES1.png\", \/\/ Example image URL\r\n brand: \"Pulsar\",\r\n name: \"ES1\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Quaoar_Neutron: {\r\n title: \"Quaoar\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Neutron.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Neutron\",\r\n surface: \"Smooth\",\r\n speed: \"Extrememly Slow\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n PureTrak_P51: {\r\n title: \"Puretrak\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Puretrak-P51.png\", \/\/ Example image URL\r\n brand: \"Puretrak\",\r\n name: \"P51\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n\r\n Quaoar_Perseus: {\r\n title: \"Quaoar Perseus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Perseus.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Perseus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n Quaoar_Hercules: {\r\n title: \"Quaoar Hercules\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Quaoar-Hercules.png\", \/\/ Example image URL\r\n brand: \"Quaoar\",\r\n name: \"Hercules\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Medium\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n SkyPad_3: {\r\n title: \"Skypad 3.0 XL\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"SkyPad\",\r\n name: \"3.0 XL\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Fast\",\r\n thickness: \"3.6mm\",\r\n padThickness:\"400mm x 500mm\",\r\n },\r\n\r\n SprintGG_Alpha: {\r\n title: \"Sprint Gaming Gear Alpha\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/SGG-Alpha.png\", \/\/ Example image URL\r\n brand: \"Sprint Gaming Gear\",\r\n name: \"Alpha\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n SprintGG_Beta: {\r\n title: \"Sprint Gaming Gear Beta\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Sprint Gaming Gear\",\r\n name: \"Alpha\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Medium Fast\",\r\n thickness: \"3mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Spyre_Loque: {\r\n title: \"Spyre Loque\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Spyre-Loque.png\", \/\/ Example image URL\r\n brand: \"Spyre\",\r\n name: \"Loque\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n SuperbeingLab_MemoriaPro: {\r\n title: \"Superbeing Lab Memoria Pro\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Superbeing-Labs-Memoria-Pro.png\", \/\/ Example image URL\r\n brand: \"Superbeing Lab\",\r\n name: \"Memoria pro\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TentaX_ControlSample: {\r\n title: \"TentaX Control Sample\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Control Sample\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TentaX_OctoGrip: {\r\n title: \"TentaX Octo Grip\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Tenta-X-Octo-Grip.png\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Octo Grip\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },TentaX_OctoSense: {\r\n title: \"TentaX Octo Sense\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"Octo Sense\",\r\n surface: \"Smooth\",\r\n speed: \"Fast Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n TentaX_TheLastStand: {\r\n title: \"TentaX The Last Stand\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Tenta-X-Last-Stand.png\", \/\/ Example image URL\r\n brand: \"Tenta\",\r\n name: \"The Last Stand\",\r\n surface: \"Smooth\",\r\n speed: \"Hybrid\",\r\n thickness: \"4mm\",\r\n padThickness:\"490mm x 420mm\",\r\n },\r\n\r\n TJ_CerapadKin: {\r\n title: \"TJ exclusives Cerapad Kin\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"TJ Exclusives\",\r\n name: \"Cerapad Kin\",\r\n surface: \"Smooth Glass\",\r\n speed: \"Controlled Glass\",\r\n thickness: \"4mm\",\r\n padThickness:\"335mm-305mm - 605mm x 405mm\",\r\n },\r\n\r\n Vaxee_PA: {\r\n title: \"Vaxee PA\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Vaxee-PA.png\", \/\/ Example image URL\r\n brand: \"Vaxee\",\r\n name: \"PA\",\r\n surface: \"Smooth\",\r\n speed: \"Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"470mm x 390mm\",\r\n },\r\n\r\n Wraith_Cosmic: {\r\n title: \"Wraith Cosmic\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Wraith\",\r\n name: \"Cosmic\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Wraith_CosmicV2: {\r\n title: \"Wraith Cosmic V2\",\r\n img: \"\", \/\/ Example image URL\r\n brand: \"Wraith\",\r\n name: \"Cosmic V2\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Xraypad_Equate: {\r\n title: \"XrayPad Equate\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-Equate.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Equate\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Xraypad_EquatePlusV2: {\r\n title: \"XrayPad Equate Plus V2\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-Equate-Plus-V@.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Equate Plus V2\",\r\n surface: \"Smooth\",\r\n speed: \"fast\",\r\n thickness: \"4mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Xraypad_ACPlus: {\r\n title: \"Xraypad Aqua Control Plus\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Plus\",\r\n surface: \"Smooth\",\r\n speed: \"Medium\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n Xraypad_ACPro: {\r\n title: \"XrayPad Aqua Control Pro Mid\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC-Pro-Mid.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Pro Mid\",\r\n surface: \"Smooth\",\r\n speed: \"Fast\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"450mm x 450mm\",\r\n },\r\n\r\n\r\n Xraypad_ACZero: {\r\n title: \"XrayPad Aqua Control Zero\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Xraypad-AC-Zero.png\", \/\/ Example image URL\r\n brand: \"XrayPad\",\r\n name: \"Aqua Control Zero\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Control\",\r\n thickness: \"4mm\",\r\n padThickness:\"360mm x 300mm - 550mm x 1200mm\",\r\n },\r\n\r\n Zowie_GSR: {\r\n title: \"Zowie GSR\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Zowie-GSR.png\", \/\/ Example image URL\r\n brand: \"Zowie\",\r\n name: \"GSR\",\r\n surface: \"Smooth\",\r\n speed: \"Slow Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n },\r\n\r\n Zowie_GSRII: {\r\n title: \"Zowie GSR II\",\r\n img: \"https:\/\/getpay24.com\/wp-content\/uploads\/2024\/12\/Zowie-GSR-2.png\", \/\/ Example image URL\r\n brand: \"Zowie\",\r\n name: \"GSR II\",\r\n surface: \"Smooth\",\r\n speed: \"Medium Control\",\r\n thickness: \"3.5mm\",\r\n padThickness:\"500mm x 500mm\",\r\n }\r\n};\r\n\r\n\/\/ Function to filter mousepads based on brand selection and update the dropdown\r\nfunction filterMousepadsByBrand(brandSelectId, listId) {\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n const listContainer = document.getElementById(listId);\r\n \r\n \/\/ Clear the mousepad dropdown\r\n listContainer.innerHTML = '';\r\n\r\n \/\/ If a brand is selected, filter mousepads by that brand\r\n const padsToShow = Object.keys(mousepadsData).filter(pad => {\r\n return mousepadsData[pad].brand === selectedBrand;\r\n });\r\n\r\n \/\/ Populate dropdown with filtered mousepads\r\n padsToShow.forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the list after selection\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n\r\n \/\/ Show the dropdown if there are filtered mousepads\r\n listContainer.style.display = padsToShow.length > 0 ? 'block' : 'none';\r\n}\r\n\r\n\/\/ Show all mousepads when the input is focused\r\n\/\/ Show all mousepads when the input is focused or when no brand is selected\r\nfunction showAllMousepads(listId, brandSelectId) {\r\n const listContainer = document.getElementById(listId);\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n\r\n \/\/ Clear the list first\r\n listContainer.innerHTML = '';\r\n\r\n \/\/ Populate dropdown with all mousepads if no brand is selected.\r\n if (!selectedBrand) {\r\n Object.keys(mousepadsData).forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the dropdown\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n listContainer.style.display = 'block'; \/\/ Show the dropdown with all pads\r\n } else {\r\n \/\/ Populate dropdown with mousepads matching the selected brand if a brand is selected\r\n Object.keys(mousepadsData).forEach(pad => {\r\n if (mousepadsData[pad].brand === selectedBrand) {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(brandSelectId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the dropdown\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n }\r\n });\r\n listContainer.style.display = 'block'; \/\/ Show the dropdown\r\n }\r\n}\r\n\r\n\/\/ Function to filter mousepads based on the search input\r\nfunction filterMousepads(inputId, listId, brandSelectId) {\r\n const inputValue = document.getElementById(inputId).value.toLowerCase();\r\n const listContainer = document.getElementById(listId);\r\n const brandSelect = document.getElementById(brandSelectId);\r\n const selectedBrand = brandSelect.value;\r\n\r\n listContainer.innerHTML = ''; \/\/ Clear the list first\r\n\r\n const padsToShow = Object.keys(mousepadsData).filter(pad => {\r\n return (!selectedBrand || mousepadsData[pad].brand === selectedBrand) && \r\n mousepadsData[pad].title.toLowerCase().includes(inputValue);\r\n });\r\n\r\n padsToShow.forEach(pad => {\r\n const div = document.createElement('div');\r\n div.textContent = mousepadsData[pad].title;\r\n div.onclick = () => {\r\n updateColumn(inputId.includes('1') ? 'column1' : 'column2', pad);\r\n listContainer.innerHTML = ''; \/\/ Clear the list after selection\r\n listContainer.style.display = 'none'; \/\/ Hide the list\r\n };\r\n listContainer.appendChild(div);\r\n });\r\n\r\n listContainer.style.display = padsToShow.length === 0 ? 'none' : 'block'; \/\/ Show\/hide based on results\r\n}\r\n\r\n\/\/ Update the column when a mousepad is selected\r\nfunction updateColumn(columnId, selectedPad) {\r\n const data = mousepadsData[selectedPad];\r\n\r\n if (data) {\r\n document.getElementById(`title-${columnId}`).textContent = data.title;\r\n document.getElementById(`img-${columnId}`).src = data.img;\r\n document.getElementById(`img-${columnId}`).alt = data.title;\r\n document.getElementById(`brand-${columnId}`).textContent = `Brand: ${data.brand}`;\r\n document.getElementById(`name-${columnId}`).textContent = `Model: ${data.name}`;\r\n document.getElementById(`surface-${columnId}`).textContent = `Surface Type: ${data.surface}`;\r\n document.getElementById(`speed-${columnId}`).textContent = `Speed: ${data.speed}`;\r\n document.getElementById(`thickness-${columnId}`).textContent = `Thickness: ${data.thickness}`;\r\n document.getElementById(`dimensions-${columnId}`).textContent = `Dimensions: ${data.padThickness}`;\r\n }\r\n}\r\n\r\n\/\/ Optional: Close dropdown when clicking outside\r\nwindow.onclick = function(event) {\r\n if (!event.target.matches('.dropdown-list') && !event.target.matches('input, select')) {\r\n document.querySelectorAll('.dropdown-list').forEach(list => list.style.display = 'none');\r\n }\r\n};\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mousepad Comparison Select Brand: –Select Brand–Artisan4114CorsairDornfingerEndgame GearFreeFall MFGGamesenseGhostglidesGitoperIkeaInfinityMiceKanamiKurosanLaOndaLamzuLethal Gaming GearMadCATZModmiceMouserMusashiOdin GamingPadsmithQuaoarPulsarSprint Gaming GearSpyreSuperbeing LabTentaTJ ExclusivesVaxeeWraithXrayPadZowie Search Mousepad 1: Artisan Zero soft Brand: Artisan Model: Zero soft Surface Type: Smooth Speed: Medium Thickness: 4mm Dimensions: 490mm x 420mm Select Brand: –Select Brand–Artisan4114CorsairDornfingerEndgame GearFreeFall MFGGamesenseGhostglidesGitoperIkeaInfinityMiceKanamiKurosanLaOndaLamzuLethal Gaming GearMadCATZModmiceMouserMusashiOdin GamingPadsmithQuaoarPulsarSprint Gaming GearSpyreSuperbeing LabTentaTJ ExclusivesVaxeeWraithXrayPadZowie Search Mousepad 2: Artisan Zero […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-78","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getpay24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=78"}],"version-history":[{"count":170,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions"}],"predecessor-version":[{"id":493,"href":"https:\/\/getpay24.com\/index.php?rest_route=\/wp\/v2\/pages\/78\/revisions\/493"}],"wp:attachment":[{"href":"https:\/\/getpay24.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}