Afficher un div cache au niveau du curseur

Bonjour à tous

Apres une longue recherche je n'ai pas retrouve ce que j'avais fait.

Voilà mon souci:
j'ai une vignette qui lorsqu'on clique dessus affiche l'image en grand.
Ce que je voudrais, c'est que le haut de l'image qui s'affiche (c'est un div cache) soit au niveau du curseur.

voilà mes fonctions javascript

//position curseur
function position(e)
{
x = (navigator.appName.substring(0,3) == "Net") ? e.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net") ? e.pageY : event.y+document.body.scrollTop;
window.status = "Souris X:"+x+" / Y:"+y;
}
if(navigator.appName.substring(0,3) == "Net")
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove = position;

//affichage de l'image
function getXhr(){
var xhr = null;
if(window.XMLHttpRequest) xhr = new XMLHttpRequest(); else if(window.ActiveXObject) {
try { xhr = new ActiveXObject("Msxml2.XMLHTTP"); }
catch (e) { xhr = new ActiveXObject("Microsoft.XMLHTTP"); } } else {
alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest..."); xhr = false; }
return xhr;
}

function afficheImage(id) {
var xhr; var send; var reponse; xhr = getXhr();
xhr.onreadystatechange = function() {
if(xhr.readyState == 4 && xhr.status == 200) { reponse = xhr.responseText;
if(reponse != '') { document.getElementById("gdeimage").innerHTML=xhr.responseText;
document.getElementById("gdeimage").style.visibility="visible"; } }
}
send = "idp="+id;
xhr.open("POST","afficheimage.php",true);
xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); xhr.send(send);
}

function fermeImage(id) {
document.getElementById(id).style.visibility="hidden";
}

je l'avais deja fait mais suite à une mise à jour, j'ai tout perdu
Merci d'avance pour votre aide