Selezione immagini

[Greench]

ciao a tutti, per prima cosa mi presento..
non sono un programmatore professionista ma mi diverto a mettermi a scrivere qualcosina in html soprattutto per uso personale..

ho un piccolo problema con uno script JS

nella mia pagina html voglio che in base al valore di un checkbox sia visualizzata la cartina fisica o politica di uno stato..

e fin qui tutto bene..

il problema è che le 2 cartine hanno mappe differenti.. c'è un modo per far cambiare la mappa in uso a seconda del valore del checkbox??

io avevo provato cosi:

<script>
function swapCartina2(con){
var ch=document.getElementById('d').checked;

if(ch) {document.getElementById('ImmagineID').src='Cartine2/Canada.jpg';
document.getElementById('ImmagineID').USEMAP='#canada_f';}
else
{document.getElementById('ImmagineID').src='Cartine2/Ca-map.jpg';
document.getElementById('ImmagineID').USEMAP='#canada_p';}
con.blur();}
</script>

ma il .usemap mi sa che non esiste perchè non funziona..:fonzie:

qualcuno ha qualche idea , o devo creare 2 pagine html distinte??