ho la seguente pagina html(frame.html)

<html>
<head>
<script>
function index(numero){
var nWindow;
var pag = 'det.html?'+numero;
nWindow=window.open(pag,"","width=300,height=400") ;
}
</script>
</head>
<body>

<IMG src= "path_immagine.gif" border= "0" USEMAP = "#magica" width="897" height="754">
<MAP name = "magica">
(??)<area shape="circle" coords = "291,555,14" href="#" alt = "ciao" onclick="index(1)">
(**)<area shape="circle" coords = "365,540,14" href="#" alt = "buondì" onclick="index(2)">
........
</map>
</body>
</html>

dove det.html è una pagina che apre semplicemente una nuova finestra con l'immagine del dettaglio della zona cliccata.
il problema è che mi funziona solo nel primo caso perchè nel file det.html cè solo una immagine relativa alla prima area cliccabile che ho mandato.
dovrei fare in modo che in base alla variabile "numero" passata con onclick nel file det.html venga caricata una immagine diversa....devo fare un case?

ad esempio se clicco su (??) "numero" = 1 quindi dovrei includere nel file det.html l'immagine relativa alla zona 1 .....

spero capiate!