get hover effect of global nav parent link to roll off at same time dropdown goes away in out of the box sharepoint global nav

<script type="text/javascript">
var thishchild;
$(function() {

    $('div[id*=zz1_GlobalNavigationn]').hover( 
      function () {
        parentHighlight($(this));
       }, 
      function () {
      }
    );
    
    $('.portalnavwrapper').hover( 
      function () {
            }, 
      function () {
        setTimeout("rollOffAll()",500);
      }
    );


});


function parentHighlight(child) {
    var linkIndex = child.attr('id');
    if (linkIndex.indexOf("Items") > -1 ) { 
        linkIndex = linkIndex.split("GlobalNavigationn")[1]; 
        linkIndex = linkIndex.split('Items')[0];
        $('#zz1_GlobalNavigationn' + linkIndex).addClass('activeDDParent');
    }
}

function rollOffAll() {
 $(".activeDDParent").removeClass("activeDDParent");

}


</script>