On focus of the top nav the megamenu plugin fires and the dropdown opens.. I can then tab through all the unordered list links inside and it moves across untill it gets ot the end of the navigation. What I can't work out is how I activate the .blur event if the next tabindex is not inside the mega menu..

This is my code to activate the dropdown: 

2. _{$("ul#mainnav li").hoverIntent(config).children('a').focus(function () {}
4. _{//need to trigger megaHoverOver}
5. _{megaHoverOver($(this).parent('li'));}
6. 
   
7. _{}).blur(function () {}
9. _{if(!$('#mainnav').find(this)){}
10. _{//need to trigger megaHoverOver}
11. _{megaHoverOut($(this).parent('li'));}
12. _}
13. _});

The problem is the if statment in the blue event.... I have a console.log on the  $('#mainnav').find(this) and it comes back as [[] meaning object... but the focus moves outside the menu area the object is no longer showing.. which leads me to think the logic is correct.. but the drop down stays visible..

Any ideas why this might be happening?

you can see the nav at the following addess: http://bit.ly/9FPOoi

thanks