' );\n\t\t\t\t},\n\t\t\t\te => {\n\t\t\t\t\t$( '#map-popup' ).remove();\n\t\t\t\t}\n\t\t\t).mousemove( e => {\n\t\t\t\tconst left = e.pageX - $map.offset().left;\n\t\t\t\tconst top = e.pageY - $map.offset().top - 40;\n\t\t\t\t$( '#map-popup' ).css( { left, top } );\n\t\t\t} );\n\t\t}\n\t};\n};\n\nmapSearch( jQuery ).init();\n\n\n// District map add class to current district\nconst activeDistrict = ( $ ) => {\n\tconst $map = $( '#state-map' );\n\n\treturn {\n\t\tinit() {\n\t\t\tif ( ! $map.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tconst district = $map.attr( 'data-district' );\n\n\t\t\tif ( district ) {\n\t\t\t\t$( '#' + district ).addClass( 'active' );\n\t\t\t}\n\t\t}\n\t};\n};\n\nactiveDistrict( jQuery ).init();\n\n// Selects with value selected icon\nconst selectIcon = ( $ ) => {\n\tconst $select = $( '.filter-panel .custom-select' );\n\n\treturn {\n\t\tinit() {\n\t\t\t$select.each( ( i, e ) => {\n\t\t\t\tconst $currentSelect = $( e );\n\t\t\t\tconst currentVal = $currentSelect.val();\n\n\t\t\t\tif ( currentVal !== '' ) {\n\t\t\t\t\t$currentSelect.addClass( 'has-value' );\n\t\t\t\t}\n\t\t\t} );\n\t\t}\n\t};\n};\n\nselectIcon( jQuery ).init();\n\n// Key races filters\nconst keyRacesFilters = ( $ ) => {\n\tconst $form = $( '#key-races-form' );\n\tconst $stateSelect = $( '#state-select' );\n\tconst $districtSelect = $( '#district-select' );\n\tconst slug = 'key-races';\n\n\tconst onStateSelect = ( state ) => {\n\t\tif ( state !== '' ) {\n\t\t\twindow.location = `/${ slug }/${ state }`;\n\t\t} else {\n\t\t\twindow.location = `/${ slug }/`;\n\t\t}\n\t};\n\n\tconst onDistrictSelect = ( district ) => {\n\t\tconst state = $stateSelect.val();\n\n\t\tif ( district === '' ) {\n\t\t\twindow.location = `/${ slug }/${ state }`;\n\t\t} else {\n\t\t\twindow.location = `/${ slug }/${ state }/${ district }`;\n\t\t}\n\t};\n\n\treturn {\n\t\tinit() {\n\t\t\tif ( ! $form.length ) {\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tthis.bind();\n\t\t},\n\t\tbind() {\n\t\t\t$stateSelect.on( 'change', e => {\n\t\t\t\tonStateSelect( $( e.currentTarget ).val() );\n\t\t\t} );\n\n\t\t\t$districtSelect.on( 'change', e => {\n\t\t\t\tonDistrictSelect( $( e.currentTarget ).val() );\n\t\t\t} );\n\t\t}\n\t};\n};\n\nkeyRacesFilters( jQuery ).init();\n\n\n(function($) {\n\t\"use strict\";\n\n\t$('.reset-selects').on('change', function() {\n\t\tvar formId = $(this).data('form_id');\n\t\tconsole.log($(this).attr('id'));\n\t\t$('#' + formId + ' select:not(#' + $(this).attr('id') + ')').val(\"\");\n\t\tthis.form.submit();\n\t});\n\n})(jQuery);\n\nfunction autocomplete(inp, mapData) {\n\t/*the autocomplete function takes two arguments,\nthe text field element and an array of possible autocompleted values:*/\n\tvar arr = Object.keys( mapData );\n\tconsole.log(arr);\n\tvar currentFocus;\n\t/*execute a function when someone writes in the text field:*/\n\tinp.addEventListener(\"input\", function(e) {\n\t\tvar a, b, i, val = this.value;\n\t\t/*close any already open lists of autocompleted values*/\n\t\tcloseAllLists();\n\t\tif (!val) { return false;}\n\t\tcurrentFocus = -1;\n\t\t/*create a DIV element that will contain the items (values):*/\n\t\ta = document.createElement(\"DIV\");\n\t\ta.setAttribute(\"id\", this.id + \"autocomplete-list\");\n\t\ta.setAttribute(\"class\", \"autocomplete-items\");\n\t\t/*append the DIV element as a child of the autocomplete container:*/\n\t\tthis.parentNode.appendChild(a);\n\t\t/*for each item in the array...*/\n\t\tfor (i = 0; i < arr.length; i++) {\n\t\t\t/*check if the item starts with the same letters as the text field value:*/\n\t\t\tif (arr[i].substr(0, val.length).toUpperCase() == val.toUpperCase()) {\n\t\t\t\t/*create a DIV element for each matching element:*/\n\t\t\t\tb = document.createElement(\"a\");\n\t\t\t\tvar urlslug = mapData[arr[i]].replace('-', '/');\n\t\t\t\tb.setAttribute(\"href\", \"/key-races/\" + urlslug);\n\t\t\t\t/*make the matching letters bold:*/\n\t\t\t\tb.innerHTML = \"\" + arr[i].substr(0, val.length) + \"\";\n\t\t\t\tb.innerHTML += arr[i].substr(val.length);\n\t\t\t\t/*insert a input field that will hold the current array item's value:*/\n\t\t\t\tb.innerHTML += \"\" + mapData[arr[i]] + \"\";\n\t\t\t\tb.innerHTML += \"\";\n\t\t\t\t/*execute a function when someone clicks on the item value (DIV element):*/\n\t\t\t\tb.addEventListener(\"click\", function(e) {\n\t\t\t\t\t/*insert the value for the autocomplete text field:*/\n\t\t\t\t\tinp.value = this.getElementsByTagName(\"input\")[0].value;\n\t\t\t\t\t/*close the list of autocompleted values,\n\t\t(or any other open lists of autocompleted values:*/\n\t\t\t\t\tcloseAllLists();\n\t\t\t\t});\n\t\t\t\ta.appendChild(b);\n\t\t\t}\n\t\t}\n\t});\n\t/*execute a function presses a key on the keyboard:*/\n\tinp.addEventListener(\"keydown\", function(e) {\n\t\tvar x = document.getElementById(this.id + \"autocomplete-list\");\n\t\tif (x) x = x.getElementsByTagName(\"div\");\n\t\tif (e.keyCode == 40) {\n\t\t\t/*If the arrow DOWN key is pressed,\n\tincrease the currentFocus variable:*/\n\t\t\tcurrentFocus++;\n\t\t\t/*and and make the current item more visible:*/\n\t\t\taddActive(x);\n\t\t} else if (e.keyCode == 38) { //up\n\t\t\t/*If the arrow UP key is pressed,\n\tdecrease the currentFocus variable:*/\n\t\t\tcurrentFocus--;\n\t\t\t/*and and make the current item more visible:*/\n\t\t\taddActive(x);\n\t\t} else if (e.keyCode == 13) {\n\t\t\t/*If the ENTER key is pressed, prevent the form from being submitted,*/\n\t\t\te.preventDefault();\n\t\t\tif (currentFocus > -1) {\n\t\t\t\t/*and simulate a click on the \"active\" item:*/\n\t\t\t\tif (x) x[currentFocus].click();\n\t\t\t}\n\t\t}\n\t});\n\tfunction addActive(x) {\n\t\t/*a function to classify an item as \"active\":*/\n\t\tif (!x) return false;\n\t\t/*start by removing the \"active\" class on all items:*/\n\t\tremoveActive(x);\n\t\tif (currentFocus >= x.length) currentFocus = 0;\n\t\tif (currentFocus < 0) currentFocus = (x.length - 1);\n\t\t/*add class \"autocomplete-active\":*/\n\t\tx[currentFocus].classList.add(\"autocomplete-active\");\n\t}\n\tfunction removeActive(x) {\n\t\t/*a function to remove the \"active\" class from all autocomplete items:*/\n\t\tfor (var i = 0; i < x.length; i++) {\n\t\t\tx[i].classList.remove(\"autocomplete-active\");\n\t\t}\n\t}\n\tfunction closeAllLists(elmnt) {\n\t\t/*close all autocomplete lists in the document,\n except the one passed as an argument:*/\n\t\tvar x = document.getElementsByClassName(\"autocomplete-items\");\n\t\tfor (var i = 0; i < x.length; i++) {\n\t\t\tif (elmnt != x[i] && elmnt != inp) {\n\t\t\t\tx[i].parentNode.removeChild(x[i]);\n\t\t\t}\n\t\t}\n\t}\n\t/*execute a function when someone clicks in the document:*/\n\tdocument.addEventListener(\"click\", function (e) {\n\t\tcloseAllLists(e.target);\n\t});\n}\n\nautocomplete(document.getElementById(\"myInput\"), window.autocompleteData);\n\n"]}