$(document).ready(function () {

  var img_loader = $("<img id='opaque_loader'/>").attr("src", "/imgs/ajax-loader.gif");

  function megaHoverOver() {
    $(this).find(".sub").stop().fadeTo('fast', 1).show();

    //Calculate width of all ul's
    (function ($) {
      jQuery.fn.calcSubWidth = function () {
        rowWidth = 0;
        //Calculate row
        $(this).find("ul").each(function () {
          rowWidth += $(this).width();
        });
      };
    })(jQuery);


    $(this).calcSubWidth();
    //Set Width
    $(this).find(".sub").css({ 'width': rowWidth });

  }

  function megaHoverOut() {
    $(this).find(".sub").stop().fadeTo('fast', 0, function () {
      $(this).hide();
    });
  }


  var config = {
    sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)    
    interval: 50, // number = milliseconds for onMouseOver polling interval    
    over: megaHoverOver, // function = onMouseOver callback (REQUIRED)    
    timeout: 350, // number = milliseconds delay before onMouseOut    
    out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
  };

  $("ul#topnav li .sub").css({ 'opacity': '0' });
  $("ul#topnav li").hoverIntent(config);

  $(function () {
    showOpaque = function () {
      $("body").append("<div id='opaque' style='display: block;'></div>");
      $("body").append(img_loader);      
    };
  }); //function

});