[jquery] cambio immagine e mappatura

[nexus]

ciao a tutti,
sto cercando di realizzare un cambio di immagine con mappatura abbinata dinamicamente. con una richiesta tramite $.post.

al momento sto usando jquery.1.6.2 e il plugin maplight.

quello che dovrebbe fare è questo:

di base ho una cartina mappata e le varie aree vengono "evidenziate" usando maplight.

<div id="cartina">
     <div id="mappa">
              [img]imm/italia/italia.jpg[/img]
    </div>				
     

	<h3 id="collegamentimappa">
                 mappatura, non la metto per evitare testi lunghi
             </h3>
</div>

$(function() {
   $('#mainmaps').maphilight({stroke: false,fade: false});
});

fino a qui funziona tutto.

ora quello che non funziona in maniera totale.
premendo sui link viene caricata la nuova immagine,
sostituita la mappatura
e riapplicata la mappatura (maplight) <-- non va

function maps(nome,rif)
{
	imgFldr = '/imm/italia/';
	$('#mainmaps').attr('src', imgFldr+nome+'.jpg').attr('alt', nome);
	
	$.post("inc/mappe.php", 
	{
		r:rif
	}, function(data) {
			$("#collegamentimappa").empty().html(data);
		}
	);
	$('#mainmaps').maphilight({stroke: false,fade: false});	
	return false;
}

il risultato purtroppo non è quello sperato.
in pratica vengono cambiati i link con le mappature, viene cambiata l'immagine, ma non va maplight. la nuova mappatura di maplight non viene illuminata e rimane traccia della selezione precedente.

attualmente la parte js è inserita alla fine della pagina

qualche idea su cosa potrebbe essere il problema?

grazie in anticipo

[nexus]

mi correggo su una cosa,
funziona bene in ie9 ma non in ie8