🚀 go-pugleaf

Chcę zrobić przeciągany DIV
Ma działać tak
Chwytam myszą za "plywajacy_div_belka" i przeciągam
W większym DIV jest kilka DIV id="plywajacy_div"


Co zrobiłem
<html>
   <head>
	<script >
       down = false;
       oldx = 0;
       oldy = 0;
</head>
<body>
Tak zdefionwany div

<div id="plywajacy_div" class="plywajacy_div">

   <div id="plywajacy_div_belka"  ><br><br><br></div>



plywajacy_div  dddddddddddddddddddddddddddddddddddd<br>

plywajacy_div<br>

plywajacy_div<br>

plywajacy_div<br>

plywajacy_div<br>

</div>



<script>
var moveDiv = document.getElementById('plywajacy_div');
$("#plywajacy_div").css("background", "red");
$("#plywajacy_div_belka").css("background", "green");
$('#plywajacy_div_belka').on("mousemove", function(e) {

   if(down) {
     var x = e.pageX;// - moveDiv.offsetLeft;
     var y = e.pageY;// - moveDiv.offsetTop;
       moveDiv.style.left = (x-15) + 'px';
       moveDiv.style.top = (y-15) + 'px';
     }
});
$("#plywajacy_div_belka").mousedown(function() {
     $('#plywajacy_div').css('position', 'fixed');
    //$('#plywajacy_div').css('position', 'relative');



            down = true;
        }).mouseup(function() {
            down = false;
        }).mouseout(function() {
            down = false;
        });

  </script>
</body

Niestety działa to tylko przy
$('#plywajacy_div').css('position', 'fixed');
pytanie jak to zrobić przy
$('#plywajacy_div').css('position', 'relative');?

Drugie pytanie jak pobrać pozycję kursora w DIV które jest przeciągane?