Please help with solving a jquery Waypoints problem.
I'm close to tearing my hair out with Waypoints. First of all, I'm far from being experienced in javascript. I'm using Waypoints to 1) fix the nav to the top of the screen at a certain point (this works fine) and 2), highlight nav items when certain sections are reached. Everything works perfectly except when you click a nav item that requires the waypoint direction up, e.g. click "Exceptional Value" and then "Destinations." You'll notice that the waypoint seems to be a pixel off and "Exceptional Value" is still highlighted. If you scroll up a pixel, "Destinations" finally highlights. This is the only way to replicate this behavior... clicking nav items that scroll down works fine. Here is my JS:
http://jsfiddle.net/TreUd/
. Here is the site it's implemented on:
http://ifb.thepinkrobot.com/
. If someone can help me troubleshoot this, I'm willing to even float $20 (depending on the complexity of the solution) via PayPal. Thanks for any help... it's greatly appreciated.