Выделение ячеек на карте дополнитть скрипт

[persons]

Здравствуйте.
Необходимо реализовать выделение ячеек на карте при нажатии на ссылку. То есть когда я нажимаю на ссылку на карте
появляется квадрат закрашивающий ячейку (квадрат может быть рисунком) таких квадратов может быть до 6 штук.

Нашел код который реализует данную систему но там можно выделять только 1 ячейку. а как добавить к коду чтобы он выделял несколько ячеек в разных координатах при нажатии на ссылку не пойму. в Java не разбираюсь.

Код HTML

<div id="threePics">
<img src="http://www.cyberforum.ru/../pics/pic1.jpg" alt="">
<img src="krug1.gif" alt="" id="krug3">
<img src="krug2.gif" alt="" id="krug4">
<br>
<a href="#" onclick="krug1();">link 1</a>
<br>
<a href="#" onclick="krug2();">link 2</a>
</div>

Код CSS

#threePics {position:relative; top:0; left:0;}
#krug3, #krug4 {position:absolute; display:none;}

Код JavaScript

function krug1(){
var el=document.getElementById("krug3").style;
el.top='55px';
el.left='48px';
el.display="block";
document.getElementById("krug4").style.display="none";
 };
 
function krug2(){
var el=document.getElementById("krug4").style;
el.top='127px';
el.left='198px';
el.display="block";
document.getElementById("krug3").style.display="none";
 };

Помогите пожалуйста кто знает как это реализовать что куда нужно дописать.