Выделение двух элементов по ховеру. JS DOM элементы карта raphael

Question

[Look_at_me_mommy_I_am_sup]

Итак, есть холст r, на котором рисуется карта, каждый элемент карты - дом элемент, получилось сделать так чтобы при нажатии на него подсвечивался элемент таблицы, подскажите как сделать обратное для подсветки и клика по таблице. Те чтобы навел на строчку таблицы и подсветился соответующий элемент на карте. ССылка на демо learn.javascript.ru/play/JHG4C И было бы здорово если еще подскажут как сделать так чтобы таблица была в паре столбиков, или в виде чекбокса.

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($('<div />').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();