да я не так силен, так сказать, просто взял конструкцию из источника вышеуказаного и приминил, так что Вы уж извините, но не подскажете как всетаки сделать чтобы работало все! Спасибо!

SERblY,
так уберите

.click(function (e) {
            e.preventDefault();
        });

и поправьте $(id).css({color : ''});

Спасибо Вам, Вы мне очень помогли, оставлю прямую ссылку на Ваш форум на сайте!
А Вам лично еще раз огромное спасибо!

а как помимо color еще добавить стили, пробовал чето не выходит, скорее всего синтакс неправильно делаю, чтобы несколько стилей приминять или класс целиком из ксс таблицы например? Спасибо!

SERblY,
читайте букварь по jquery
$(id).addClass('red')
$(id).removeClass('green')

SERblY,
Работа с CSS

Спасибо! я неправильно писал как и думал )

Спасибо! что показали решение,все работает, сделал так:

<script type="text/javascript">
    $(function() {
        $('.map').maphilight();
$('[id^=squidheadlink]').mouseover(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'')
            $(id).mouseover();
        }).mouseout(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'')
            $(id).mouseout();
        })
$('[id^=squidhead]').mouseover(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'')
            $(id).addClass("regionlinkmap");
        }).mouseout(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'')
            $(id).removeClass("regionlinkmap");
        })        
        
            });
    </script>

----------------------------
До полного счастья немогу не задать еще вопрос, можно как то передавать title? тоесть мы наводим на ссылку -подсвечивается соответсвующаяя area и наоборот, наводим на area - подсвечивается ссылка - все супер, а можно сделать еще чтобы при наведении на область (area) или ссылку, title от ссылки или area соответсвующей, например title="Владимирская область", передавалось бы в другой элемент, например в тег <h1>сюды</h1> (в заголовок над картой).

SERblY,
добавьте id заголовку

$(function() {
        $('.map').maphilight();
$('[id^=squidheadlink]').mouseover(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'');
            $(id).mouseover();
            $('h1').html(this.title);
        }).mouseout(function (e) {
            var id = '#squidhead'+ this.id.replace(/\D/g,'');
            $(id).mouseout();
            $('h1').html('Сюды');
        })
$('[id^=squidhead]').mouseover(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'');
            $(id).addClass("regionlinkmap");
            $('h1').html(this.title);
        }).mouseout(function (e) {
            var id = '#squidheadlink'+ this.id.replace(/\D/g,'');
            $(id).removeClass("regionlinkmap");
            $('h1').html('Сюды');
        })

            });

а самому подумать ?

да пробовал естественно сам, че людей зря тревожить, не получается, вот на Ваших примерах и учусь, в интернете что странно странно обычно куча всяких решений по любому вопросу, никогда небыло проблем особых, но вот по этой тематике внятного вообще нечего нету, вот только Вы и Ваш форум спасают)))