$(document).ready(function(){
  /**
   * This code will set behavior for hovering
   * if thisIsIe variable is true, it will show/hide the submenu div
   * if not it will fade it in/out
   * Additionally we're setting a temporary ID on the top anchor element
   * so that we can perform custom Cufon hover, and removing it on the
   * mouseout function before replacing with the old Cufon color.
   * Setting the attribute is done within the same jQ object chain for performance
   * issues
   */
   $('ul.nav > li').hover(
   function(){
      if( thisIsIe ){
        $(this).children('a').attr('id','styleThis').next().show();
      }else{
        $(this).children('a').attr('id','styleThis').next().fadeIn();
      }
      Cufon.replace('#styleThis', {'fontFamily' : 'Gotham-Bold'});
   },
   function(){
      Cufon.replace('#styleThis', {'fontFamily' : 'Gotham-Bold','color':'#000'});
      if( thisIsIe ){
        $(this).children('a').attr('id','').next().hide();
      }else{
        $(this).children('a').attr('id','').next().fadeOut();
      }
   });
});