$(document).ready(function()
{
   $('ul#megamenu .submenu ul li h2 a').addClass('ui-widget-header');
   $('ul#megamenu .submenu ul li a').hover(function()
   {
      $(this).addClass('ui-state-default');
   }, function()
   {
      $(this).removeClass('ui-state-default');
   });
   $('.ui-state-default').hover(function()
   {
      $(this).addClass('ui-state-hover');
   }, function()
   {
      $(this).removeClass('ui-state-hover');
   });
   $('ul#megamenu li').hover(function()
   {
      var top = $(this).find('.button').outerHeight();
      $(this).find('.submenu').css( {'top': top });
      $(this).find('.submenu').stop().fadeTo('fast', 1).show();
      if ($(this).find('.row').length > 0 )
      {
         var maxRowWidth = 0;
         $(this).find('.row').each(function()
         {
            var width = 0;
            $(this).find('ul').each(function()
            {
               width += $(this).width();
            });
            if (width > maxRowWidth)
            {
               maxRowWidth = width;
            }
         });
         $(this).find('.submenu').css({'width' : maxRowWidth});
         $(this).find('.row:last').css({'margin': '0'});
      }
      else
      {
         var width = 0;
         $(this).find('ul').each(function()
         {
            width += $(this).width();
         });
         $(this).find('.submenu').css({'width' : width});
      }
      $(this).find('.submenu').slideDown();
   }, function()
   {
      $(this).find('.submenu').stop().fadeTo('fast', 0, function()
      {
         $(this).hide();
      });
   })
   $('ul#megamenu li .submenu').hide();
});


