function MoveCircle(X, Y)
{
	var ImageX, ImageY;
	var image = document.getElementById('ImageMap');
	var circle = document.getElementById("circle");
	if (image != null && circle != null)
	{
		var imagePos = totalElementXYOffset(image);
	
		circle.style.left = imagePos.x + X - 15;
		circle.style.top = imagePos.y + Y - 15;
	}
}

function RemoveCircle()
{
	var circle = document.getElementById("circle");
	if (circle != null)
	{
		circle.style.top = -100;
	}
}

function totalElementXYOffset(obj){
    var xOffset, yOffset, elParent;
    if(typeof obj.offsetTop == 'number')
    {
        yOffset = ((obj.offsetTop)?obj.offsetTop:0);
        xOffset = ((obj.offsetLeft)?obj.offsetLeft:0);
        elParent = obj.offsetParent;
        while(elParent)
        {
            yOffset += ((elParent.offsetTop)?elParent.offsetTop:0);
            xOffset += ((elParent.offsetLeft)?elParent.offsetLeft:0);
            elParent = elParent.offsetParent;
        }
    }
    else if(typeof obj.top == 'number') //some Net 4 DIVs
    {
        yOffset = obj.top;
        xOffset = obj.left;
    }
    else if(typeof obj.y != 'number')
    {  //Net 4 IMG
        yOffset = obj.y;
        xOffset = obj.x;
	}
	else
	{      //information is not available
        yOffset = -1; //maybe use NaN instead.
        xOffset = -1;
	} 
	return {x:xOffset,y:yOffset};
}