Menu overlap bug

Whats happening: The horizontal scroll menu is overlaping the other menues 

What should happen: the horizontal menu fades when the user scroll down the page

How to re-create: the y coord. of the mouse must be above the horizontal menu pagination and the X coord over the second page. When the user scroll down, the fade animation starts, but when the pagination hovers the user's mouse (since its scrolling up), the "show on hover" event is triggered and the second page is dispayed. When the scroll down animation ends, the second horizontal page display event also ends : showing both menues at the same time.

How to fix: when the user starts scrolling down, disable the mouse "hover" of the horizontal pagination menu.