$j(document).ready(function () {
  $j("#navMain li.topMenuItem").hover(openTopMenu, closeTopMenu);
  hideNoRowsInTopMenu();
  hoverActiveTopMenu();
});

function openTopMenu() {
  $j(".subMenu.level0 ", this).css("display", "block");
  $j(this).closest('li.topMenuItem').addClass('Hover');
  var topMenuItemName = $j(this).find('.mainTitle a').html();

  var minusWidth = $j(this).width() + 15;
  var position = 0;

  $j(this).parent().find('.topMenuItem .mainTitle').each(function () {
    if ($j(this).find('a').html() == topMenuItemName) {
      var menuItemPosition = $j('li.topMenuItem').index($j(this).closest('li'));
      var i = 0, spaceToItem = 69;

      while (i <= menuItemPosition - 1) {
        if (i >= 1) {
          var tempTabWidth = $j('.topMenuItem').eq(i).width() + 16;
          spaceToItem += tempTabWidth + 13;
        }
        i++;
      };

      var tabWidth = $j(this).closest('.topMenuItem').width() + 16;
      var subMenuWidth = $j(this).closest('.mainTitle').next().width() + 4;

      if ($j(this).closest('.topMenuItem').find('.subMenu').hasClass('AlignCenter')) {
        position = spaceToItem - subMenuWidth / 2 + tabWidth / 2;
        $j(this).parent().find('.AlignCenter').css('left', position);
      }
      else if ($j(this).closest('.topMenuItem').find('.subMenu').hasClass('AlignRightParent')) {
        var thisTabWidth = $j('.topMenuItem').eq(menuItemPosition).width() + 12;
        position = spaceToItem - subMenuWidth + thisTabWidth;
        $j(this).parent().find('.AlignRightParent').css('left', position);
      }

      return false;
    }
    else {
      minusWidth += $j(this).width() + 19;
    }

  });
};

function closeTopMenu() {
  $j(".subMenu.level0", this).css("display", "none");
  $j(this).closest('li.topMenuItem').removeClass('Hover');
};

function hideNoRowsInTopMenu() {
  $j('.topMenuItem ul.noRows').remove();
};

function hoverActiveTopMenu() {
  $j('.subMenu.level0').hover(function () {
    if ($j(this).is(':visible')) {
      $j(this).closest('.topMenuItem:hover').css('background-color', '#ccdecc');
    }
  }, function () {
    if ($j(this).closest('.topMenuItem').hasClass('.selected')) {
      $j(this).closest('.topMenuItem').css('background-color', '#44514B');
    } else {
      $j(this).closest('.topMenuItem').removeAttr('style');
    }
  });
};