Karl you are the BEST! This works great! I have implemented but have a few questions.
This is what i have that works jQuery.noConflict(); jQuery(document).ready(function() { jQuery.cluetip.setup({insertionElement: '#Maps'}); jQuery('area.load-local').each(function() { var thisHash = this.hash; jQuery(this).cluetip({ ajaxProcess: function(data) { var $div = jQuery('<div></ div>').append(data).find(thisHash); return $div; } }); }); }); But where do i now declare this jQuery('area.load-local').cluetip({local:true, width: '250', positionBy: 'auto', hoverIntent: true}); Also i am having an issue with the tip on a page that the link is close to the right hand side of the page and the bottom. I have an image map and when you hover over an item that is close to the right hand edge or bottom it shows the clue tip off to the right and some of it is cut off by the edge of the screen and then adds scroll bars to the screen. I have tried setting the positionby to the various setting but none of them seem to work. You can see an example here http://72.167.53.228/FloorPlans.aspx If you hover over the green rooms on the first map on the right side you will see how it shows up off the screen. How do i make it switch so that it is on the screen or is there a way to have it appear in the center of the screen or Div it is setup too? Thanks again for all the help!!! i can not tell you how much appreciate this help! YOU ARE THE BEST KARL!!!! :)