The code is way too long to post here so I'll just explain... I have a bunch of different scripts running and depending on where those scripts are placed either none of the scripts end up working or only some of them.

Change the variable names in one of the scripts.

put anonymous functional enclosures around the seperate scripts, if they don't need each other. This is a convenient way that JavaScript supplies to namespace your variables:

(function() {
//code goes here, only its variables won't have an affect on other namespaces
})()

I do this a lot in my code, in addition to placing functions inside of objects, if things are really large.

fixed it... turns out that it was cuz I put my css files after some scripts. Took me forever to figure that out