Funktion hvor man kan afmærke en kvadrat i en div og få kordinat

Hej Eksperter!

Jeg har problemer med at lave en funktion som kan følgende:

- Inden i en div indsættes et billede med vilkårlig størrelse (både højde og bredde)
- Man skal så kunne markere et område (som fx på kraks kort) som bliver kvadratisk (dette skal området hele tiden være selvom man trækker "skævt")
- Det afmærkede område må kun være inden for div'en og hvis man forsøger at trække den bredde/højere end billedet skal den stoppe ved kanten
- Man skal når man har afmærket et område kunne starte på ny ved at trække et nyt område, men samtidigt skal man kunne flytte det afsatte område rundt hvis man holder museknappen nede inde i det afmærkede område og flytter musen
- Løbende når et område bliver valgt (når museknappen slippes) skal fire hidden felter opdateres med venstre top og højre bund kordinater...

Jeg håber der er nogen der kan hjælpe mig med denne lidt store/bøvled opgave :)

På forhånd tak!