function getImageIndex(fileName)
{
	for (i=0;i<preloads.length;i++)
	{
		if (prenames[i]==fileName)
		{
			return i;
		}
	}
	return -1;
}
var created=0;
var signX=0;
var signY=0;
var imageIndex=-1;
var img;
function overMapPoint(fileName)
{
    img = document.createElement('div');
    document.body.appendChild(img);
    imageIndex=getImageIndex(fileName);
    if (imageIndex>=0)
    {
	    e=window.event;
	    if (e.pageX == null && e.clientX != null )
	    {
	           var html = document.documentElement
	           var body = document.body
	            e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
	            e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
	    }
            signX=15;
	    signY=15;
	    if (preloads[imageIndex]!=null && e.pageX>preloads[imageIndex].width+30)
	    {
		signX=-15-preloads[imageIndex].width;
	    }
	    if (preloads[imageIndex]!=null && e.pageY>preloads[imageIndex].height+30)
	    {
		signY=-15-preloads[imageIndex].height;
	    }
	    img.style.left = (e.pageX + signX )+ 'px';
    	    img.style.top = (e.pageY + signY ) + 'px';
    }
    img.innerHTML = '<img src="'+fileName+'" id="loadedImg" />';
    img.style.position = 'absolute';
    img.style.background = '#FFFFFF';
    img.style.border = 'solid 1px #777';
    img.style.padding = '4px';
    img.style.zIndex="99";
    created=1;
    moveMapPoint();
}
function moveMapPoint(e)
{
    if (!created)
    {
	return;
    }
    loaded=document.getElementById("loadedImg");
    e = e || window.event
    if (e.pageX == null && e.clientX != null )
    {
           var html = document.documentElement
           var body = document.body
            e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
            e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
    }
    if (imageIndex<0)
    {
	    signX=15;
	    signY=15;
	    if (loaded!=null && e.pageX>loaded.width+30)
	    {
		signX=-15-loaded.width;
	    }
	    if (loaded!=null && e.pageY>loaded.height+30)
	    {
		signY=-15-loaded.height;
	    }
    }
    img.style.left = (e.pageX + signX )+ 'px';
    img.style.top = (e.pageY + signY ) + 'px';
}
function outMapPoint()
{
    if (!created)
    {
	return;
    }
    created=0;
    document.body.removeChild(img);
}