Подсвечивания региона (картинки) на карте при наведении на текстовое название
 

Дорогие форумчани помогите пожалуйста реализовать подсвечивания региона (картинки) на карте при наведении на текстовое название и наоборот. Речь о странице auto-bazar.it Очень нужно, посмотрите пожалуйста. Вознаграждение обещаю!

CSS:

#mappa a:hover img.regione*!*, #mappa img.active*/!* {
    filter:alpha(opacity=60);
    -moz-opacity:.60;
    opacity:.60;
}

Добавить JS:

jQuery('#region a').hover(function() {
    $('#' + $(this).attr('rel')).addClass('active');
},
function() {
    $('#' + $(this).attr('rel')).removeClass('active');
});

Всем ссылкам справа (названия регионов в контейнере #region) прописать rel="regionId", например:

<a href="http://auto-bazar.it/vendita-auto.html?task=&ex=0&v=0&m=0&ct=-9&d=0" *!*rel="toscana"*/!*>Toscana</a></td>

Спасибо за помощь. Еще не работает. Подскажите может что то не так сделал?

Ну естественно, не работает. Потому что когда скрипт выполняется, документ еще не загрузился. Два варианта.

1. Переместить js скрипт после <div id="region">...</div> (и заменить все $ в скрипте на jQuery).

2. Либо оставить там, где он сейчас, но обернуть, как показано ниже:

jQuery(document).ready(function($) {
    $('#region a').hover(function() {
        $('#' + $(this).attr('rel')).addClass('active');
    },
    function() {
        $('#' + $(this).attr('rel')).removeClass('active');
    });
});

Уже веселей, спасибо, но пока работает подсвечивание регионов при наведении на ссылку, а при наведении на регион нет? Извините что столько вопросов, без Вас бы не справился. И возможно ли использовать не прозрачность а затемнение, или это фантастика? Спасибо!