.append($('{{a}}', {href: href, title: pageOfHref(href, cssClass), text: text, 'class': cssClass}))
.css({fillStyle: 'rgba(0,0,0,0.1)', strokeStyle: 'red', lineJoin: 'round', lineWidth: 2})
//.bind('mouseover mouseout', viewElement)
.data('areas', [])
.data('context', context)
.appendTo(ol);
viewElement();
}
li.data('areas').push(this); //add the area to the li