I have simple image rollovers as my navigation. I would like to get each navigation image to be it's highlighted image version when I'm viewing it's anchored section. If I'm in the "events" section, I would like the "events" image to show up as it's highlighted version. I've seen tutorials on how to incorporate it with css and whatnot, but I don't know how to make it work with images.

Can I do that with Javascript?

http://theas.net/test/

when I use the side arrows to navigate between sections, the corresponding menu item doesn't highlight. I am not using the tabs at the top of the coda-slider example page I listed. I am using separate images placed at the top of the page as a navbar.

the css is all messed up right now because i had to take stuff out of public view, but the navigation and scrolling works correctly and that's the part I need help with. Thanks so much!!

Thanks so much for any help!!