Javascript image banner nav: default image problem

Hello,

I am trying to implement a image banner navigation on my homepage. The problem is, the image displayed when the page first loads (img5, ‘Lone Worker’) is not the one I have set as the default image (img6). And in the first instance, the navigation only works if you start on the loaded item (‘Lone Worker’).

I would like img6 (6.png) to be image that is displayed when loading, and to be able to start navigating from any of the 5 nav items.

The relevant code is here.

Any help would be grealy appreciated, I’ve been trying to fix it for days.

Thanks,

Tom