I really love how this http://tympanus.net/Development/Imag...ur/index2.html works.

But I'd like it to do 2 things and wondered if a guru (or even a ninja) is available to point me in the right direction.

1) Add a CSS panel over the initial main image with text links to the "zoomed in images" - so the user can use text links to navigate - as well as clicking on the 'hotspots'.

2) Once in a "zoomed in image", I'd like another CSS panel to be displayed with information specific about that particular "zoomed in image".

Is this simple enough to achieve, or even possible?

I'm very much a JavaScript novice but am comfortable with most frontend and backend.

Many thanks for any pointers.