Coda Slider Help (2 on one page + nested)

Coda Slider Help (2 on one page + nested)

yo javascript dudes please help :/, I am trying to get this working but failing miserably because it is from a pre-made script that I got from a tutorial, and I am modifying it to try and make it do what I want. I am not really all that good with jquery yet, I know just enough to be dangerous. I have been staring at this for a few days and I am getting desperate now.

Basically it's a "coda" slider, but in this instance, it is 1 big coda slider that I want to slide horizontally and inside that another slider that slides vertically.

I got the script from here: http://jqueryfordesigners.com/coda-slider-effect/

The page in question is here: http://rideon.ehclients.com/themes/site_themes/rideon/. so as you can see the whole site starts of by sliding over right on first load which is also not right. basically I want the main nav to scroll the right content vertically, then from the 2nd panel, the "Request a quote" link would trigger the whole site sliding to the left horizontally.

So I figured I could just duplicate the entire slide.js contents inside itself, and for the 2nd slider I would just change all of the variable names by just adding a 2 to the end. I am not sure if I did all that right, and also I am not sure if it's not working (plus giving an error) because of an error in the javascript, or if the jquery code for one slider is actually conflicting with the other because they are nested within each other.

If someone could please give me a hand to try and get this working it would be greatly appreciated.