A list of drag n drop for touch screen + sliding menu on the right and left

A list of 40 items a div with text. When you press and hold for 2 seconds on the div element becomes active (to lead round frame) – you can move up or down. When you move an element "pushes" the adjacent elements. When the finger is released – frame disappears, the item stands in the list. When a long vertical list, when a part of the elements is hidden outside the screen, move up or down the element should move the page in advance – 20% from the bottom/top of the screen (to see where roaming), distance (20%) adjustable. If pressed briefly the element to become editable (contenteditable) and is stretched over the entire screen (animated), the bottom of the screen click "Cancel" and "Save" - saves the changes in the text or cancel. When you click on one of the buttons element is minimized (animated). Swiping right or left element is removed, with the option to cancel (appears the cancel button disappears when you tap the screen outside the button). When deleting items "fill" the vacant seat. If you cancel the item to get past the "pushing" elements. Swipes must not conflict with sliding menu. (for example we did a swipe to activate the menu, and we have also retired item) The actuation zone sliding menu - 20% from the edge on both sides (the % can be changed to 100% - then consequently the menu will fire just swipe from left/right anywhere on the screen). You also need to have worked, if the movement started outside the screen. The length of the swipe to trigger the menus, and to remove items need to make adjustable Swiping the item is always moved together with the finger. Slow scale elements should not become active. When moving fast, the item must not "keep up" on your finger. Animation of moving items smooth, without jerks. The application adaptive to the width of the phones screen. The js code (each operator) should be commented. Work on android (browser) from 4.0 Acceptable use Jquery and other libraries