в HTML документе есть тег div id = "middle_bg", в него вложен div id = "map".
Map содержит картинку, размеры которой больше middle_bg.
Функция mouseMove - обработчик на OnMouseMove, двигает map внутри middle_bg.
Каким образом можно модифицировать функцию, чтобы при достижении границы middle_bg тегом map, map дальше не двигался, т.е. чтобы не было свободного пространства и угол map не двигался дальше угла middle_bg?

function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev); //получаем координаты мыши
if(dragObject){
dragObject.style.position = 'relative';
var middle_bg=document.getElementById('middle_bg');
var middle_bg_coords = getPosition(middle_bg);
var map=document.getElementById('map');
var map_coords = getPosition(map);
dragObject.style.top = mousePos.y - mouseOffset.y - middle_bg_coords.y;
dragObject.style.left = mousePos.x - mouseOffset.x - middle_bg_coords.x;
return false;
}
}