Setting up CSS and JavaScript
There's no real working code below. It's just pseudocode - plain English that spells out what the code will eventually do.
function animateProductLine () { 1. hide any product line layers currently displayed and move those layers back to their original position,i.e., underneath the product line icon 2. animate appropriate product line layers } function addToCart() { 1. hide "more info" box, if visible 2. pop-up layer asking for quantity and size of product 3. display appropriate product layer 4. display quantity in quantity box 5. display size in size box } function displayMoreInfo() { hide other more info boxes, if visible display appropriate "more info" layer } function dragLayer () { drag and display layer if layer dragged to basket area: addToCart() else return layer to its original position } function goToCheckout() { submit shopping cart information }