Defining an image with clickable shapes and zoom

See more:

jQuery

Good afternoon,

My goal is to create a "virtual tree" that will contain hundreds of leaves/shapes, being each one clickable and connected to a registered user that will create content that will appear in a popup when the shape is clicked.

As i said, there will be hundreds of shapes, like the leaves of a tree, so i need a zoom option too.

One simple example that i can give is http://htwins.net/scale2/, being each zoom in like a new set of leaves/shapes

Is there any solution available or any sugestion to implement what i am describing?

I appreciate all help that can be given.

Thank you