небольшой скрипт на JS

Исходные данные:
На странице имеется родительский DIV элемент в котором размещен набор элементов DIV с id (допустим с 1 по 10),  class (допустим pict) выстроенных с абсолютным позиционированием. 
В каждом DIV элементе расположена картинка с ссылкой. 
Все DIV элементы имеют функцию draggable и общий (для всего класса pict) z-index.

Необходимо:
Реализовать возможность соединения (стыковка) рядом, отдельных DIV элементов с эффектом анимации, в центре экрана и на переднем плане.

Соединение должно реализовываться при двойном клике на любой из DIV элементов которые должны соединиться.

Стыковка должна реализовываться в различных вариантах, (например при желании возможно было #3 поставить вместо #10)

Также необходимо реализовать расхождение DIV элемент по своим местам (клик на крестик или на сборку DIV элементов). Под своим местом понимается либо изначальное позиционирование либо позиция после перемещения (draggable)

Дополнительно: таких сборок на странице может быть несколько.