Link ativo conforme muda o slider

Boa tarde,

Estou precisando de uma ajuda, sou novo em Javascript, Jquery, etc. Estou desenvolvendo um projeto e criei uma parte com Owl Carousel 2 onde o Slider muda conforme eu clico nos links do alfabeto. Ao clicar no link do alfabeto, o slider muda conforme o nome da pessoa e insere mais um link com o nome da pessoa abaixo do alfabeto, pois o alfabeto irá trazer o nome das pessoas conforme a primeira inicial de seu nome.

Preciso fazer o comportamento inverso, ou seja, que eu possa mudar o slide através das setas e o slider selecionado apareça selecionado no link do alfabeto e o nome da pessoa apareça abaixo dele.

Outra dúvida, eu fiz um Javascript grande para que quando eu clicasse em outro link, ele removesse os demais. Gostaria de saber se existe outra alternativa para simplificar esse código, pois acho que ficou muito repetitivo e grande.

Poderiam me ajudar?

Link do meu código: https://bit.ly/2J4CRJ5

Obrigado