Image Mapster plugin - how to use multiple mapkey?

Image Mapster plugin - how to use multiple mapkey?

Mapster allows lists of areas but I'm having a difficult time understanding how to use the capability.  My image map (below) shows I have a single overlay color for the hotspots, but I want to be able to make different groups with different colors. 

I know it's possible but I am just too much of a jquery novice to understand how to read the mapster demo (below) and create the effect in my map.

 In the demo, the user clicks on the hotspot to change it's color.  In mine I just want to be able to set the colors and I'll group the areas by using an attribute.  For example, hard drive speed by having an attribute data-speed with values of "7200", "5900", "5400".  I would make the overlay color for each different speed.


mapster demo fiddle.  Click once on any state to turn it green, click a second time to turn it red.
http://jsfiddle.net/jamietre/GjxCk/

My fiddle showing my image map
http://jsfiddle.net/abehil/nYkAG/1473/