вобщем вот тебе пример:
свою эту картинку которую ты давал обзываешь 12.jpg и закидываешь в папку с html страничкой, а вот собственно и страничка:
<html>
<body>
<img src="12.jpg" width="210" height="210" border="0" usemap="#coordinates">
<map name="coordinates">
<area shape="poly" coords="83,210,43,192,45,160,84,138,124,160,122,192" onclick="javascript:alert('самый нижний');">
<area shape="poly" coords="45,160,0,140,0,105,43,85,83,105,84,138" onclick="javascript:alert('самый левый');">
<area shape="poly" coords="124,160,84,138,83,105,123,90,165,105,165,140" onclick="javascript:alert('в центре');">
</map>
</body>
</html>
я не стал все считать, неохота но для примера достаточно, тут для кликов на нижнюю соту, на левую, и центральную (они мне такими показались)
а дальше сам расчитывай и обработчики делай тоже сам, я не знаю что тебе конкретно нужно