<!-- [et_pb_line_break_holder] --> <script><!-- [et_pb_line_break_holder] -->function myFunction() {<!-- [et_pb_line_break_holder] --> // Declare variables<!-- [et_pb_line_break_holder] --> var input, filter, ul, li, a, i;<!-- [et_pb_line_break_holder] --> input = document.getElementById('myInput');<!-- [et_pb_line_break_holder] --> filter = input.value.toUpperCase();<!-- [et_pb_line_break_holder] --> ul = document.getElementById("myUL");<!-- [et_pb_line_break_holder] --> li = ul.getElementsByTagName('li');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> // Loop through all list items, and hide those who don't match the search query<!-- [et_pb_line_break_holder] --> for (i = 0; i < li.length; i++) {<!-- [et_pb_line_break_holder] --> a = li[i].getElementsByTagName("a")[0];<!-- [et_pb_line_break_holder] --> if (a.innerHTML.toUpperCase().indexOf(filter) > -1) {<!-- [et_pb_line_break_holder] --> li[i].style.display = "";<!-- [et_pb_line_break_holder] --> } else {<!-- [et_pb_line_break_holder] --> li[i].style.display = "none";<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> // OUR TEAM FILTER<!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] -->filterSelection("all")<!-- [et_pb_line_break_holder] -->function filterSelection(c) {<!-- [et_pb_line_break_holder] --> var x, i;<!-- [et_pb_line_break_holder] --> x = document.getElementsByClassName("filterDiv");<!-- [et_pb_line_break_holder] --> if (c == "all") c = "";<!-- [et_pb_line_break_holder] --> // Add the "show" class (display:block) to the filtered elements, and remove the "show" class from the elements that are not selected<!-- [et_pb_line_break_holder] --> for (i = 0; i < x.length; i++) {<!-- [et_pb_line_break_holder] --> w3RemoveClass(x[i], "show");<!-- [et_pb_line_break_holder] --> if (x[i].className.indexOf(c) > -1) w3AddClass(x[i], "show");<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Show filtered elements<!-- [et_pb_line_break_holder] -->function w3AddClass(element, name) {<!-- [et_pb_line_break_holder] --> var i, arr1, arr2;<!-- [et_pb_line_break_holder] --> arr1 = element.className.split(" ");<!-- [et_pb_line_break_holder] --> arr2 = name.split(" ");<!-- [et_pb_line_break_holder] --> for (i = 0; i < arr2.length; i++) {<!-- [et_pb_line_break_holder] --> if (arr1.indexOf(arr2[i]) == -1) {<!-- [et_pb_line_break_holder] --> element.className += " " + arr2[i];<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Hide elements that are not selected<!-- [et_pb_line_break_holder] -->function w3RemoveClass(element, name) {<!-- [et_pb_line_break_holder] --> var i, arr1, arr2;<!-- [et_pb_line_break_holder] --> arr1 = element.className.split(" ");<!-- [et_pb_line_break_holder] --> arr2 = name.split(" ");<!-- [et_pb_line_break_holder] --> for (i = 0; i < arr2.length; i++) {<!-- [et_pb_line_break_holder] --> while (arr1.indexOf(arr2[i]) > -1) {<!-- [et_pb_line_break_holder] --> arr1.splice(arr1.indexOf(arr2[i]), 1); <!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> }<!-- [et_pb_line_break_holder] --> element.className = arr1.join(" ");<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->// Add active class to the current control button (highlight it)<!-- [et_pb_line_break_holder] -->var btnContainer = document.getElementById("myBtnContainer");<!-- [et_pb_line_break_holder] -->var btns = btnContainer.getElementsByClassName("teamfilterbtn");<!-- [et_pb_line_break_holder] -->for (var i = 0; i < btns.length; i++) {<!-- [et_pb_line_break_holder] --> btns[i].addEventListener("click", function() {<!-- [et_pb_line_break_holder] --> var current = document.getElementsByClassName("active");<!-- [et_pb_line_break_holder] --> current[0].className = current[0].className.replace(" active", "");<!-- [et_pb_line_break_holder] --> this.className += " active";<!-- [et_pb_line_break_holder] --> });<!-- [et_pb_line_break_holder] -->}<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --> <!-- [et_pb_line_break_holder] --></script><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->