Etiquetar zona de una imagen

[ceSharp]

Hola kid,
Se me ha ocurrido en un momentín algo así:

-------------------------------------------
var n = 0;
function pegarDIV()
{
var nuevoDiv = document.createElement("div");
nuevoDiv.id = 'div' + n; n +=1;
nuevoDiv.style.backgroundColor = 'red';
nuevoDiv.style.position = 'fixed';
nuevoDiv.style.top = window.event.offsetY;
nuevoDiv.style.left = window.event.offsetX;
nuevoDiv.style.zIndex = n + 1;
nuevoDiv.innerHTML = 'aqui va el DIV número ' + n;
document.getElementById('foto').appendChild(nuevoD iv);
}
-----------------------------------------------------------------
en el HTML te creas un DIV, un IMG o lo que quieras con ID="foto" y el código irá él solito poniéndote divs donde hagas click con el ratón (si le pones un evento onclick al DIV con ID foto). Tiene fallos porque si haces click justo en el mismo sitio te la pone arriba, pero como ayuda y referencia puede servirte, no?

salu2