Script Clash?

Trying to create a page with two types of featured content sliders...

However both of them seem to not want to exist next to the other...

I have narrowed the issue down to the javascript that works the features because if i remove the javascript for one of them...the other one works. Also which ever feature has the script load first is the one that does not work...so there must be something in the codes that throws the browser off after both of them are loaded.

Can anyone offer any advice aroudn this problem??

The page effected is: http://krizzyb.com/videos2.php (The top feature should slide as a carousel)

Apologies for the mess of code but it is just a prototype page.

EDIT: By messing around with the scripts, taking one off or moving it about the page i have narrowed the two scrips down...the confict seems to be happening with the "compressed.js" script (http://krizzyb.com/compressed.js) and the "jquery.min.js" script (http://ajax.googleapis.com/ajax/libs.../jquery.min.js) if this is any help.

If i can provide anymore info let me know...

Thanks

jQuery and whatever is in compressed.js are battling for ownership of the $ variable.

jQuery has a noConflict function, which releases control of the $ variable.

Just do jQuery.noConflict() after including the jQuery javascript file, but before including compressed.js.

From then on you would have to use jQuery using the jQuery function, rather than $.