some modification on my work (customization tool on opencart)

Hi, I have worked previously in a customization project, which is a tool that enable customer to customize their own cupcake and then add it to cart. he first chooses cake then cream (where he can only select only one item of each) and then he can choose 3 toppings only and he also can proceed without adding toppings (he should be able to delete the toppings that he doesn't want by clicking it again). then he should select the size of the cupcake. after choosing all these, user must click on " finish" button where he will see the image of his product and add it to cart div. he then can enter the quantity that he wants and then add it to cart which will redirect him to the cart page. you can see it here: [login to view URL] (sorry that it is in Arabic but i hope you will understand). what I want is this: 1- when user mouse in an image of an item a border will appear, when he mouse out the border will disappear what i want is when user select and an item the border will still be there like in this [login to view URL] 2- also, i want when users hover on an item, item's name appear as a tooltip 3- i want to limit the number of toppings that user can select to only 3 toppings and i want customer will be able to delete the selected topping that he doesn't want any more, by clicking the selected topping again. user will be limited to choose only 3 toppings if he exceeds his limit a div error will be displayed. That's it waiting for your help,, Nora