Html5 abacus

Hello. Any idea how to solve the abacus movement of balls in html5? It is the problem with dragging an arbitrary object, collisions, and avoiding other objects. 

U need to drag and drop the marbles on the line a move them to the boundary of abacus shape, but they have to push avay the rest of the marbles when they collide.

Thank you for any idea and help.