jQuery(document).ready(function() {

  //Code goes here
  //On Hover Over
  function megaHoverOver(){
      jQuery(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
      (function($) {
          //Function to calculate total width of all ul's
          jQuery.fn.calcSubWidth = function() {
              rowWidth = 0;
              //Calculate row
              jQuery(this).find("ul").each(function() { //for each ul...
                  rowWidth += $(this).width(); //Add each ul's width together
              });
          };
      })(jQuery); 
  
      if ( jQuery(this).find(".row").length > 0 ) { //If row exists...
  
          var biggestRow = 0;  
  
          jQuery(this).find(".row").each(function() {  //for each row...
              jQuery(this).calcSubWidth(); //Call function to calculate width of all ul's
              //Find biggest row
              if(rowWidth > biggestRow) {
                  biggestRow = rowWidth;
              }
          });
  
          jQuery(this).find(".sub").css({'width' :biggestRow}); //Set width
          jQuery(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin
  
      } else { //If row does not exist...
  
          jQuery(this).calcSubWidth();  //Call function to calculate width of all ul's
          jQuery(this).find(".sub").css({'width' : rowWidth}); //Set Width
  
      }
  }
  //On Hover Out
  function megaHoverOut(){
     jQuery(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
      jQuery(this).hide();  //after fading, hide it
    });
  }
  
  //Set custom configurations
  var config = {
       sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
       interval: 0, // 100, // number = milliseconds for onMouseOver polling interval
       over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
       timeout: 0, // 250, // number = milliseconds delay before onMouseOut
       out: megaHoverOut // function = onMouseOut callback (REQUIRED)
  };
  
  jQuery("ul#topnav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
  jQuery("ul#topnav li").hoverIntent(config); //Trigger Hover intent with custom configurations  
  
  /*
  var maxWidth = 0;
  var elemWidth = 0;
  jQuery('ul#topnav li .sub ul').each(function() {
      elemWidth = parseInt(jQuery(this).css('width'));
      if (parseInt(jQuery(this).css('width')) > maxWidth) {
          maxWidth = elemWidth;
      }
  });
  jQuery('ul#topnav li .sub ul').each(function() {
      jQuery(this).css('width', maxWidth + "px");
  });
  */

});