Tooltip collision

Hi,

Is there any way of having the tooltip dynamically position itself, so it doesn’t get cut off when the hovered glossary term is near the edge of the page? For example, my site is 960px wide, and the viewer’s browser is only 980px wide, when he/she hovers over the glossary term, part of the tooltip is being displayed off the page, and therefore hidden.

See example: http://cl.ly/image/3H1d0O1K0Y0F

I’m guessing this would solve the issue, http://jquerytools.org/demos/tooltip/dynamic.html
But where and which javascript file should I place the option?

http://wordpress.org/extend/plugins/wp-glossary/