area tag using rect - poly

area tag using rect - poly

hi guys...i am having problem with this code i downloaded..
in this code,it only uses a rectangle..i want to use a poly in an area tag.
 the code in rectangle is like this:
i dont know how to rearrange the code for the poly.
Please help me guys...Please

var areacoord = $(this).attr("coords");
var areaalt = $(this).attr("alt");
if (areaalt != '') {
areaalt = areaalt.replace("'", "’");
areaalt = areaalt.replace('"', '"');
}
var areaclass = $(this).attr("class");
if (areaclass != '')
areaclass = " "+areaclass;
var areahref = $(this).attr("href");
var areacoordArray = coords_fill(areacoord);
panoContainer.append("<a class='panorama-area area"+areaId+areaclass+"' style='position: absolute; left: "+areacoordArray[0]+"px; top: "+areacoordArray[1]+"px; width: "+(areacoordArray[2]-areacoordArray[0])+"px; height: "+(areacoordArray[3]-areacoordArray[1])+"px;' onmouseover='javascript:area_hover("+areaId+")' onmouseout='javascript:area_out("+areaId+")' href='"+areahref+"' title='"+areaalt+"'>&nbsp;</a>"); 
panoContainer.append("<a class='panorama-area area"+areaId+areaclass+"' style='position: absolute; left: "+(panoImgWidth+parseInt(areacoordArray[0]))+"px; top: "+areacoordArray[1]+"px; width: "+(areacoordArray[2]-areacoordArray[0])+"px; height: "+(areacoordArray[3]-areacoordArray[1])+"px;' onmouseover='javascript:area_hover("+areaId+")' onmouseout='javascript:area_out("+areaId+")' href='"+areahref+"' title='"+areaalt+"'>&nbsp;</a>"); 
areaId++;