hoverIntent vs prototype conflict

hoverIntent vs prototype conflict

I am working on a mega menu using Ton Sonaka's Mega Dropdown Menu   for a real estate website I am re-designing.  Rough home page Draft here : Note links are not working as I am just working on look and feel.  To make this as simple as possible some pages that produce properties for sale and lead management features are dished off to a 3rd party.  My header, sidebar, and footer wrap around their content for certain parts of the website.  They provide tools to handle this.  The important part is that their pages use a prototype.js call.

The menu works fine on the homepage and any page that is not using their system for additional content.  On the other hand the pages that call the prototype.js kills the menu.  I have tried many of the noConflict() solutions found here and here but cannot get the menu to work on the pages that use the prototype.js.

Here is a simplified menu that works: http://www.myreoforeclosures.com/_menutestfromcode.html where I have commented out the prototype.js.  Here is the page with the prototype.js http://www.myreoforeclosures.com/_menutestfromcode2.html I've tried many of the jQuery noContent and with other libraries to try to get this to work.  I am climbing a steep learning curve here.

I've changed the $ variable as suggested.
var $j = jQuery.noConflict();
$j(document).ready(function()

Here is the prototype.js file: http://www.myreoforeclosures.idxco.com/javascript/prototype.js

Since I don't have control over the propotype.js (3rd party), I need to amend the jQuery code so they don't conflict.

If anyone can figure this out for me I'd be forever grateful. This is a major hurdle for me.

Regards,

Mike