Dynamický resize objektů tažením myši

Vytvářím script pro následující situaci.

1. Mám div určité šířky.
2. Tento div chci dynamicky zvětšovat a zmenšovat.
3. Při najetí na levou či pravou "hranu" divu (cca 8px) chci zobrazit kurzor e-resize, při najetí na horní či spodní kurzor n-resize.
4. V tomto stavu při onmousdown spustím funkci která zvětšuje či zmenšuje objekt v závislosti na pohybu myši.
5. Při onmouseup ukončím resize.

---------------------------------------------

Vše mi funguje správně, potřebuji pouze pomoc s tím,
jak nejlépe provést zobrazení kurzoru (x)-resize, pokud se myš nachází nad objektem a to přesně v místech jeho hran
(tj. vpravo, vlevo, nahoře a dole) - myslím tím to samé, jako když najedete na hranu jakéhokoliv okna ve windows a můžete jím posouvat.

Zatím to mám tak, že při onmousemove nad daným objektem počítám pozici myši v daném objektu a při pozici na daných místech zobrazuji patřičný kurzor pro resize a zároveň pokud je v tomto stavu spuštěn onmousedown, spustím resize tohoto objektu.

Je to tak správně?

Měl jsem již sestrojen také jiný fungující způsob, kdy jsem do všech objektů, které měly nastaveno že s nimi může být prováděn resize absolutně pozicoval čtyři divy zhruba o šířce 8px (doleva, doprava, nahoru a dolů). A na ně pak aplikoval kurzor... To ale asi nebylo to nejlepší.

Díky za rady!