I am brand new to all of this. I got a template for two different websites that I want to 'combine/merge'.

The first website has a header, navigation, content and right sidebar.

There is jQuery/javascript in there for the navigation, it has a white box that slides across with the mouse and highlights the current page option.

The second website is a jQuery/javascript Full page image gallery.
The css is a container.

Theres a reflected slider of image thumbnails across the bottom of the page,

when you click a thumbnail it expands to the full size of the screen and its scrollable within the window (no scroll bars-the photo moves with the mouse) 

the part that doesn't work:

my navigation works fine.. my scroll feature of the full page image gallery doesn't but everything else about it works.

you are suppose to be able to move the mouse to the left or right to scroll the whole thumbnail gallery, but its stuck.

the hidden overflow in the container makes the page have no scroll bars.

what i want is the navigation and thumbnail gallery to work but i want the image gallery to only apply to one page (my gallery page) :)

thank you to anyone who can help me