Collapse Ajaxcart Groups When Clicked/Selected

[Bestrafung]

I'm modifying the Ajaxcart template for our site. I've already got the Group/Product image code showing instead of all of the radio buttons. I also have the group selection and product selection in divs, eventually I plan to attempt to convert the entire template to a tableless layout. Now I just want to modify it so the scrolling cart loads below the group selection, allowing the group selection the full width until the sidebar. Once a group is selected the div should collapse showing only the product selection and order completion form. If at all possible the product selection div should be hidden/collapsed until a group is selected. By default as soon as you click "Order" and go to the cart the first group is auto selected and the product for that group shown. I've attached some very basic images demonstrating the default layout and what I hope to achieve. Any help would be much appreciated.