jQuery(document).ready(function() {
    jQuery("li.navLink")
.hover(
  function() {
      var menu_item = jQuery(this);
      var menu_item_position = menu_item.position();
      var menu_item_width = menu_item.width();
      if ($.browser.msie && jQuery.browser.version == "7.0") {
          //On the home link, which is 0 IE returns -584 for position.left
          var margin_left = ((menu_item_position.left + 930) + (menu_item_width / 2)) - (28);
      }
      else {
          var margin_left = (menu_item_position.left + (menu_item_width / 2)) - 28;
      }
      //redundant I know but if I jQuery(this).attr('id') it retuns and object
      var menu_id = jQuery(menu_item).attr('id');
      var text_div = jQuery('#a' + menu_id);
      $('#navBubble').css('display', 'inline');
      $('#navLinkArrow').css('margin-left', margin_left);
      $("#navBubble").append("<div class=\"fun-text\">" + jQuery(text_div).html() + "</div>");
  },
   function() {
       var me = jQuery(this);
       $('#navBubble').css('display', 'none');
       $(".fun-text").remove();
   }
);
});