Crop image med Gdlib

Vil gerne kunne klippe i billedet, så det kun bliver det der er inde i firkanten.

- Nogen der kan hjælpe?

se: http://www.1337-esport.com/carterbu/index.php?side=imagecut2


<STYLE type=text/css>BODY {
    MARGIN: 0px
}
</STYLE>

<SCRIPT language=JavaScript>
<!--

function SymError()
{
  return true;
}

window.onerror = SymError;

//-->
</SCRIPT>

<SCRIPT language=javascript type=text/javascript>
      var squareSize = [100, 100];
      var squarePos = [0, 0];
      var squareHS = new Array((squareSize[0] / 2), (squareSize[1] / 2));

      function moveSquare(e, x, y) {
        var workArea = new Array(document.getElementById("workarea").width, document.getElementById("workarea").height);
        squarePos[0] = (x - squareHS[0]);
        squarePos[1] = (y - squareHS[1]);
        if (squarePos[0] < 0) { squarePos[0] = 0; } else if (squarePos[0] > (workArea[0] - squareSize[0])) { squarePos[0] = (workArea[0] - squareSize[0]); }
        if (squarePos[1] < 0) { squarePos[1] = 0; } else if (squarePos[1] > (workArea[1] - squareSize[1])) { squarePos[1] = (workArea[1] - squareSize[1]); }

        document.getElementById(e).style.left = squarePos[0];
        document.getElementById(e).style.top = squarePos[1];
        window.status = "("+x+","+y+") work("+workArea[0]+","+workArea[1]+") square("+squarePos[0]+","+squarePos[1]+")";
      }
    </SCRIPT>

<META content="MSHTML 6.00.2734.1600" name=GENERATOR></HEAD>
<BODY onmousemove="moveSquare('div_square',event.x, event.y);">
<div style="position:relative;">
      <img id="workarea" src="skat.jpg" style="position:absolute;z-index:1" />
      <div id="div_square" style="position:absolute;width:100px;height:100px;filter:alpha(opacity=30);background-color:#FFFFFF;border:1px solid #000000;z-index:2;cursor:hand;" onClick="alert('Koordinater som skal sendes videre til PHP GD Library: (x='+squarePos[0]+', y='+squarePos[1]+', width='+squareSize[0]+', height='+squareSize[1]+')');"></div>
    </div></BODY>