javascript code for horizontal menu interacting with swiper

I have a swiper ([login to view URL]) implementation. I want to have a simple horizontal scrolling menu like this: [login to view URL] Now the functionality: 1 - Menu must be integrated with swiper's pagination 2 - if the menu has "cat dog elephant turtle sparrow dynosaur hipopotamus" when user clicks in any element, menu should displace enough in horizontal direction so that one could see the clicked element and the elements next to it, at its left and at its right. So, if user clicks "dynosaur", "dynodur "span" chnges class (eg, bigger font-size) and menu contents move to the left so that one sees "... sparrow dynosaur hypopotamus" > elements to the left of "sparrow" can show or not, depending on the screen width. If user clicks hypopotamus, onde there is noting to its right, it will show at least "dynosaur" and "hypopotamus". Similar (inverted) logic if user clicks "dog" or cat. 3 - Also, when user swipes, the menu elements must change to proper position as if they had been clicked