Create Dynamic Course Overview Page (Wordpress Jigoshop Mysql PHP)

Hi there, This is my page which needs some design / programming work. [login to view URL] Goal is that the table items should dynamically display to products from Jigoshop. The resulting table should look similar to the attached mockup (mockup [login to view URL]) and: 1. DYNAMICALLY display the courses (left side) and lessons (right side = dot and product name) in the table. If lesson/course is available (=jigoshop status), the dot is color filled and active. The whole matrix is defined by areas (Organisation, Kreativität, …) and courses (Creative Intro, ...)) coming out of mysql / jigoshop. Example, if a new lesson is added to Kreativität in Creative Intro, it should add a new row to the table in course Creative Intro. If there is a new category, one row is added. If a new course is added, it should add a whole course column. 2. If mouseover on lessons or course, display product details as shown by attached mockup (popup [login to view URL]). 3. Add one line of text ("per month, for 3 months") to details of course products in Jigoshop, if product = course, then display. (= very small php task) We should start now. thanks!