On mouseover a text (href link) it should popup a small image using CSS, JavaScript

[Manjunatha]

Hi,

I need to popup a small image when mouseover a text ( href link). The popup image position depends on the position of the link. That means if the link is at the right edge of the screen it popups the image at the left side of the link. If the link is at the bottom edge of the screen, an image should popups at above(or right side) the link. The image should popups near to any side(top, left, right, bottom) of the link it depends on the position of the link on the screen. I need to do this through JavaScript, CSS, and HTML. Anybody help me solve this problem.

Thanks, 

Manjunatha