The selection of two elements no pointer on hover. JS DOM elements map raphael

So, r is the canvas on which the map is drawn, each map element - Dom element, I was able to do so when clicking on it highlights the item in the table, tell me how to do the reverse to highlight and click on table. Those brought to the table and podsuetitsja couveuse element on the map. Link to demo learn.javascript.ru/play/JHG4C And it would be great if still prompt how to make so that the table was in a pair of columns, or in the form of a checkbox.
obj
.hover(function(){

this.animate({
 fill: '#1669AD'
 }, 300)
 table.find('tr').css('background-color', ")
 table.find('#'+this.id).css('background-color', '#007fff');
;
 }, function(){
this.animate({
 fill: attributes.fill
 }, 300)
 table.find('tr').css('background-color', ")
 table.find('#'+this.id).css('background-color', ");
;
})
.click(function(){
 document.location.hash = arr[this.id];

 var point = this.getBBox(0);

$('#map').next('.point').remove();

 $('#map').after($('
').addClass('point')); $('.point') .html(paths[arr[this.id]].name) .prepend($('<a>').attr('href', '#').addClass('close').text('Close')) .prepend($('<img>').attr('src', 'flags/'+arr[this.id]+'.png')) .css({ left: point.x+(point.width/2)-80, top: point.y+(point.height/2)-20 }) .fadeIn();</a>
September 28th 19 at 00:37
0 answer

Find more questions by tags RaphaëlJavaScript