ciao a tutti.
vorrei creare un caricamento condizionale di una mappa di navigazione.
al click su una mappa, dovrebbe apparirne un'altra con relativa mappa all'interno di un DIV sovrapposto a quella iniziale, senza cancellarla.

viaggia.php
codice:
<script type="text/javascript" src="script/ajax.js"></script>
...
<div id='contenitore_continente'></div>
<div align="center" style="border: 1px solid black; width: 50%; margin-left: 20%">
[img]immagini/mondo.jpg[/img]
<map name="Planisfero">
...
<area shape="rect" coords="4,194,136,296" href="javascript:carica_mappa('continente','A')">
...
ajax.js:
codice:
...
function carica_mappa(tipo, localita){
	var xmlHttp = getNewHTTPObject();
    var url = "viaggia.php";

    xmlHttp.open('POST', url, true);   
    xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	xmlHttp.onreadystatechange = function img(localita){
			if (xmlHttp.readyState != 4){
		    	return;
	    		}
			var img = new Image(300, 300); 
			img.src = "immagini/continente"+localita+".jpg";			
			contenitore_continente.appendChild(img);
			contenitore_continente.innerHtml = mappa_immagine; //non so dove crearla
		} 
    	var risorse = escape(tipo)+"="+escape(localita);
   	xmlHttp.send(risorse);
}
solo che
1) non mi carica la variabile localita e qundi mi carica male l'immagine
2) non ho idea di dove scrivere la mappa immagne, per inserirla nel div giusto.


grazie