[jquery] mousemove, mousedown w przesuwaniu elementow Opcje

[kicaj]

Napisalem taki maly kod, o przesuwaniu diva w innym divie:

[HTML] pobierz, plaintext 
<script>
			$(document).ready(function() {	
				$('#box').mousedown(function() {		
					$('#box').mousemove(function(e) {
 
						x = e.pageX;
						y = e.pageY;
 
						if(x > 400) {
							x = 400;
						} else if(x < 100) {
							x = 100;
						}
 
						if(y > 250) {
							y = 250;
						} else if(y < 100) {
							y = 50;
						}
 
						$('#box').css({top: y-$('#box').height()/2, left: x-$('#box').width()/2});
 
						$('#dim').html(x +'x'+ y);
					});
				}).mouseup(function() {
					alert('puscilem');
				});
			});
</script>
[HTML] pobierz, plaintext 

Poki co wiekszosc parametrow jest ustawiona na sztywno, ze wzgledu na #box (200x100) i #container (500x300).
Problem polega na tym ze przesuwanie sie zacina i nie wiem jak zrobic by tylko dzialalo kiedy myszka jest wcisnieta, a ty puszczam przesuwanie powinno juz byc zwolnione.

[kicaj]

Zrobiem cos jeszcze prostszego.
Zastosowalem zmienna boolean, ktora domyslnie ma wartosc false, a przy 'mousedown' ustawia wartosc true. Natomiast 'mousemove' dziala tylko kiedy owa zmienna jest true.