function listhoverlistener(liselector, dtselector, currclass, mouseoverevent) {
	const firstli = document.queryselector(liselector + ':first-of-type');
	const firstdts = document.queryselectorall(dtselector + ':first-of-type');
	firstli.classlist.add(currclass);
	for(let i=0; i<firstdts.length; i++){
	  firstdts[i].classlist.add(currclass);
	}
	const lis = document.queryselectorall(liselector);
	for(let i=0; i<lis.length; i++){
	  lis[i].addeventlistener(mouseoverevent, function(){
		const index = i + 1;
		const dts = document.queryselectorall(dtselector + ':nth-of-type(' + index + ')');
		this.classlist.add(currclass);
		for(let j=0; j<dts.length; j++){
		  dts[j].classlist.add(currclass);
		}
		for(let k=0; k<lis.length; k++){
		  if(k !== i){
			lis[k].classlist.remove(currclass);
			const otherdts = document.queryselectorall(dtselector + ':nth-of-type(' + (k+1) + ')');
			for(let l=0; l<otherdts.length; l++){
			  otherdts[l].classlist.remove(currclass);
			}
		  }
		}
	  });
	};
}