Hello!

So I'm making a tool, which can compare and list items.
I'd like to animate them, and make looks cool :)

Please help me in fix some issues.

issue 1 mouseout event binding

Sometimes the overlay panel closes if I pick an item and pull it to list1 - list2 - list1.

issue 2 click event binding

If I push an element to list1, drop it to the list and click on the another list, the list will comes closer. On clicking back to list1 it animate 3 times instead of one. :P

issue 3 placeholders

How can i drop a placeholder to a list, what makes better re-arrange and easier to understanding the cross-dropping (for list to list drag and drop and items to lists too)

issue 4 animation smoothness

How can i animate this better? What do you think about this?

issue 5 optimalization

What do you think, if i optimize the code a bit will be faster in the browsers? Could you give me some advices for this please?

issue 6 other ideas

If you have sum ideas for it, will be welcomed.
Download it, use it as you want I'm making it for my girlfriends website :)

You can check the code here - jsFiddle, or

Here - stackoverflow

Thanks for the help