I'm looking for some advice on how to implement this element I found and really liked however I don't know where to start or know of any pre-existing code out there I could use.

My goal is to have an element similar to this one on, http://moz.com/products/tour, in their sneek peek section where each tab shows a new image with an overlay of points on top that show information on mouse hover. The tab section and mouseover elements I've done in the past however the overlay of the points on top of the images is where I start to get a little fuzzy.

I'm just looking for some help on where to start so I can pull from different areas to get this done. Thanks to all.