//<![CDATA[
    $(document).ready(function() {
      
      $("ul#menu").find('li.mega div').bgIframe({opacity:true}); 
      
      function addMega(){
        $(this).addClass("hovering");
        $("li.mega.hovering a#radioShow").addClass("active");
        $("li.mega.hovering a#carInfo").addClass("active");
        $("li.mega.hovering a#emailChat").addClass("active");
        $("li.mega.hovering a#timeToKill").addClass("active");
        $("li.mega.hovering a#commerce").addClass("active");
        }

      function removeMega(){
        $(this).removeClass("hovering");
        $("li.mega a#radioShow").removeClass("active");
        $("li.mega a#carInfo").removeClass("active");
        $("li.mega a#emailChat").removeClass("active");
        $("li.mega a#timeToKill").removeClass("active");
        $("li.mega a#commerce").removeClass("active");
        }
        
        //added this function to remove hovering class as it sometimes sticks if I use the back button
        $("li.mega a").click(function () { 
          $("li.mega").removeClass("hovering"); 
        });

      var megaConfig = {
         interval: 300,
         sensitivity: 4,
         over: addMega,
         timeout: 300,
         out: removeMega
      };

      $("li.mega").hoverIntent(megaConfig);
      
         
    });
//]]>