JavaScript и jQuery; как сделать привязывающееся перетаскивание

Я ищу совет от всего Вы замечательные люди на лучшем способе сделать привязывающееся перетаскивание.

Как часть простой настольной игры я в настоящее время кодирую в JS (использующий jQuery для эффектов), пользователи должны смочь перетащить мозаики от прикрепления на сетку.

Как каждый завершает следующие цели (предпочтительно использующий jQuery).

1. Включите перетаскивание на сетку
2. Удостоверьтесь во время снимка объектов перетаскивания к каждому квадрату сетки
3. Если мозаика помещается полностью от сетки, возвратитесь в исходное место (прикрепление)
4. Если мозаика по сетке (в этой сфотографированной точке), возвратите текущий x и y к функции
5. Сделайте любые мозаики перетащенными немного прозрачный, и пойдите насыщенный цвет однажды на месте, или возвратился к прикреплению

Извините, что задал такой большой вопрос, я просто не могу найти точный совет онлайн, который был бы я, достигают этого!

Большое спасибо,

Править: ОТВЕТЫ
1&2 решены "перемещаемым": http://jqueryui.com/demos/draggable
3 решен "сбрасываемым" http://jqueryui.com/demos/droppable
4 решен вышеупомянутым для проверки и затем $(this).position.left && $(this).position.top
5 решен простым $(this).css({opacity:0.5}) внутренний запуск на перетаскивании и противоположное на конце перетаскивают

Simples!