I'm designing a map like this one on this link: http://www.timeanddate.com/time/map/. In this map, each of red dots and grey shaded areas popping up when mouse-over the red dots- are in separated divs. With selecting every each red dot with "area script" , i'm giving the order of "show grey shaded area" script to mouseover event. Also, when clicking on the red dot, i'm leading the user to the city page. It is hard to select each every red area to give numbers. Is there a simpler and faster way to do all this whole process?
Thanks