filterSelection("all", "None");
function filterSelection(c, name, id) {
	resetDropDownButtons();
	var i;
  var button = document.getElementById(id);
	if(button){
		button.innerText = name;
		addClass(button, "activebtn");
	}
  var alldistribusis = document.getElementsByClassName("filter");
	if (c == "all") {
    for (i = 0; i < alldistribusis.length; i++) {
      addClass(alldistribusis[i], "show");
    }
  }
  else {
    for (i = 0; i < alldistribusis.length; i++) {
      removeClass(alldistribusis[i], "show");
      if (alldistribusis[i].className.indexOf(c) > -1) {
        addClass(alldistribusis[i], "show");
      }
    }
  }
}

function resetDropDownButtons(){
	document.getElementById("Academicyear").innerText = "Academic year";
	document.getElementById("Term").innerText = "Term";
	document.getElementById("Course").innerText = "Course";
	allactivebuttons = document.getElementsByClassName("activebtn");
	for(var i = 0;allactivebuttons.length; i++) {
		removeClass(allactivebuttons[i], "activebtn");
	}
}
function addClass(element, name) {
  var i, arr1, arr2;
  arr1 = element.className.split(" ");
  arr2 = name.split(" ");
  for (i = 0; i < arr2.length; i++) {
    if (arr1.indexOf(arr2[i]) == -1) {element.className += " " + arr2[i];}
  }
}

function removeClass(element, name) {
  var i, arr1, arr2;
  arr1 = element.className.split(" ");
  arr2 = name.split(" ");
  for (i = 0; i < arr2.length; i++) {
    while (arr1.indexOf(arr2[i]) > -1) {
      arr1.splice(arr1.indexOf(arr2[i]), 1);
    }
  }
  element.className = arr1.join(" ");
}