Desarrollador en JavaScript

Buenas tardes, tengo un slider con 8 imágenes que tienen una carpeta en común en su src (img/banana/#.png, img/frutilla/#.png or img/manzana/#.png) que necesito que cambien cada vez que hago click en otra imagen que esta afuera del slider, esta también tiene una carpeta con el nombre de una fruta como src (banana, frutilla o manzana). Para agregar un poco más de dificultad, necesito que la imagen que funciona como cambiadora de las 8 imágenes del slider, también cambie parte de su src por el nombre de la fruta que tenían las 8 imágenes que cambió.

Entonces, si la imagen cambiadora que yo clickeé tiene "img/frutilla/1.png" como src y cambia el source de las 8 imágenes que tienen "img/banana/#.png", esta tiene que reemplazarse por "img/banana/1.png" y las 8 imágenes que tienen "img/banana/#.png", tienen que cambiarse a "img/frutilla/#.png". El problema es que siempre voy a tener dos imágenes cambiadoras, y necesito que detecten qué folder tienen las 8 imágenes del slider en su src, para que puedan ser reemplazadas por el de la imagen que yo clickeo. Los .png siempre mantienen su numeración, solo cambia el nombre de la carpeta que la contiene.

Dejo un https://jsfiddle.net/c6x439at/ para ver el código HTML y una imagen como ejemplo: https://i.stack.imgur.com/64kcp.png