Ciao a tutti. Il pezzo in grassetto non capisco bene. Cioe' non capisco perche' deve fare quell'operazione li una volta rilasciato il click del mouse...Me lo potete spiegare per bene quel pezzettino? Vi ringrazio.

<html>
<head>
<script lan="javascript">
var Giu = true;
var L, T, X, Y;
document.onmousedown=Coordinate; //attivato quando si schiaccia il tasto sinistro del mouse;
document.onmouseup=Su; //attivato quando si alza il tasto sinistro del mouse precedentemente schiacciato;
function Coordinate()
{if (event.srcElement.id == "M"){
Giu = true;
document.onmousemove = Muovi;
L=document.getElementById("M").style.pixelLeft;
T=document.getElementById("M").style.pixelTop;
X=event.clientX;
Y=event.clientY;}
}

function Muovi()
{if (Giu){
document.getElementById("M").style.pixelLeft= L + event.clientX - X;
document.getElementById("M").style.pixelTop= T + event.clientY - Y;}
}
function Su() {Giu=false;}
</script>
</head>
<body>
<div id="M" style="position: Relative; background-color: #EEEEEE; font: Normal 10px Verdana;width: 100px;height: 50px;padding: 5px;border: Solid 1px #CCCCCC;cursor: Pointer">MUOVIMI</div>
</body>
</html>