Bilder ineinander erstellen und automatisch größe anpassen

[Honnef]

jqery ImgAreaSelect nutzen

Hey ho,
Ich bin gerade an einer seite am bauen bei dem man sich sein eignes Playersheet erstellen kann..
beispiel:


So dabei habe ich ein Problem undzwa sollen die user ihr eigenes Bild einfügen aber das hochladen bereitet mir einige Probleme da es in der richtigen größe sein muss.. dafür habe ich schon eine Lösung gefunden.
http://buildingawesome.com/upload/
Genau diese funktion das man das Bild in dem bereich verschieben kann brauch ich nur leider habe ich keinerlei Erfahrung mit javascript etc..

Hat jemand ein beispiel script für genau diese Funktion mit der ich was anfangen kann ?
(Dies ist das script womit ich die bilder zsm füge nur klappt diese funktion nur wenn das bild eine png und genau die richte auflösung hat

<?php

$userprint = $_GET['username'];
$rangprint = $_GET['rang'];
$bildprint = $_GET['bild'];


header("Content-type: image/png");

$im2     = imagecreatefrompng("playersheets.png");
$im     = imagecreatefrompng($bildprint);
imagecopy($im, $im2, 
          (imagesx($im)-imagesx($im2))-0, 
          (imagesy($im)-imagesy($im2))-0, 
          0, 0, imagesx($im2), imagesy($im2)); 

$white = imagecolorallocate($im, 221, 221, 221);
$px     = (imagesx($im) - 7.5 * strlen($userprint)) / 2;
imagestring($im, 3, $px, 268, $userprint, $white);

$orange = imagecolorallocate($im, 86, 86, 86);
$px     = (imagesx($im) - 7.5 * strlen($rangprint)) / 2;
imagestring($im, 3, $px, 281, $rangprint, $orange);



imagepng($im);
imagedestroy($im);

?>

)