$(document).ready( function(){
      //mainNav drop-downs
      $("div.mainNav > ul > li").hover( 
        function(){ 
            $(".mainSubNav", this).show();
            $(".mainSubNav li").addClass("sfHover");
            $(".mainSubNav li a").addClass("sfHover");            
        }, 
        function() {
            $(".mainSubNav", this).hide();
            $(".mainSubNav li").removeClass("sfHover");
            $(".mainSubNav li a").removeClass("sfHover");
        } 
    );
    if (document.all) {
        $("div.mainNav > ul > li").hoverClass("sfHover");
    }
});

$.fn.hoverClass = function(c) {
    return this.each(function(){
        $(this).hover( 
            function() {                 
                $(this).addClass(c);                
            },
            function() { 
                $(this).removeClass(c);                 
            }
        );
    });
};