Need help with implementing a function on hover in Galleria.

Need help with implementing a function on hover in Galleria.

I have put together a galleria image gallery for a client, who has requested that the thumbnails along the bottom of the gallery scroll as the arrows on either end (see circled in picture) are hovered over.



I am new to javascript and jQuery, but I tried to customise the code to achieve this effect.



I managed to get the main image to change on hover of the thumbnail navigation, by adding the code below to galleria.classic.js - but of course I don't want the image to change, I want the thumbnails to scroll.

Here is a link to where I'm at so far.

I know I'm on the right lines but just don't know what needs to replace this.next(); and this.prev(); to get the thumbnails to move along.

  1. this.$('thumb-nav-right').hover(this.proxy(function() {
                this.next();
                }));
                               
           
            this.$('thumb-nav-left').hover(this.proxy(function() {
                this.prev();
                }))






Please help me!

Thanks!