Add a jquery floating box and a floating panel when the add-to-cart button is clicked.

Dear Sir/Madam, I want to add some jquery code for my existing single html page , so that : 1. when the Add to Cart button is clicked, show a floating squared box on the edge of the browser to show (eg. 2 items) in the square floating box on the left-right-hand-side of the browser edge. When the mouse moveover to the one of the floating square box, a push-out white-checkout panel is pushed out from its side. The current behaviors is already there when you click on its shopping-cart icon located at the top-right-corner. 2. when the Add to Cart button is clicked, apart from the above action, it also popup a floating panel like the following website: [login to view URL] (in this page, if the Add to cart button is clicked, it will auto popup a checkout floating panel) I have attached my [login to view URL] here for modification and easy to start up the work.