[js][div] ograniczenie dla drag-and-drop Opcje

[macza]

mam taki kodzik (z jakiejs strony):

[HTML] pobierz, plaintext 
function schowaj(x){
	x=(typeof(x)!='string'?x:document.getElementById(x));
	while(x.nodeName.toLowerCase()!='div' && (x=x.parentNode)){}
	with(x.style){
		if ((l=parseInt(left+0))<=-1500){
			left=x.oldLeft+'px';
		} else {
			x.oldLeft=parseInt(left+0);
			left=-1500+'px';
		}		
	}
}
function dragDrop(e,x,y,d,b,E){
	d=document;E=d.documentElement;b=d.body;if(!E)return
	if(d.p)d.p.style.zIndex=1
	with(d.p=this){
    	style.zIndex=10;e=e||event
	    zx=e.layerX||e.offsetX;zy=e.layerY||e.offsetY
		x=parseInt(style.left+0)-e.clientX;y=parseInt(style.top+0)-e.clientY;
		window.status=zx+' '+x+'        '+zy+'   '+y;
	}
	d.onmousemove=function(e){
		e=e||event;with(d.p.style){
			left=x+e.clientX+(E.scrollLeft||b.scrollLeft)+"px"
			top=y+e.clientY+(E.scrollTop||b.scrollTop)+"px"
		}return!1
	}/**/
	d.onmouseup=function(){this.onmousemove=null}
}
function dragDropInit(i,j,a,t){
	for(j=0;t=['div','img'][j++];)
		for(i=0;a=document.getElementsByTagName(t)[i++];)
			if(a.className=="drag")a.onmousedown=dragDrop
}
function addEvent(O,E,F,x){return(x=O.addEventListener)?x(E,F,1):(x=O.attachEvent)?x('on'+E,F):!1}
addEvent(window,'load',dragDropInit)
[HTML] pobierz, plaintext 

działa on wysmienicie... lecz chcialbym aby DIV (class=drag) nie wyjeżdżały poza obszar roboczy...
np aby ustawic margines 10px... ze jak diva kierujemy do boku strony to na 10px przed bokiem nalezy go zatrzymac... bardzo prosze o pomoc