[JS] Transformer valeur en nom de variable...

Bonjour,

Je suis en train de reprendre une carte de France SVG.

J'ai une table contenant la liste des régions avec un état (rétablit ou critique).

Ce que j'aimerai, c'est qu'en fonction de la l'état, la couleur de la région s'affiche soit en vert (pour rétablit), soit en rouge (pour critique).

Pour changer la couleur de fond d'une région, je dois faire

region.iledefrance.attr("fill", "red");

Mais comment faire ça de manière dynamique?

En fait j'ai fais une fonction qui reçoit en paramètre le nom de la région et l'état :

function changeCouleur(nomRegion, etat)
 {
  var couleur = whitesmoke;

  if (etat == "valide")
  {
   couleur = "green";
  }
  else if(etat == "critique")
  {
   couleur = "indianred";
  }

  region.nomRegion.attr("fill", couleur);
 }

Et voici l'appel de la fonction :

<?php
$sql = "SELECT nom_region, etat
				FROM carte_france";

		$req = mysql_query($sql) or die ("Erreur de requête SLQ");
	?>

	<div id="carte_france">
		<h3 class="titre_carte">CARTE DE FRANCE INTERACTIVE</h3>

		<?php
			while ($liste = mysql_fetch_array($req))
			{ 
				$nom = $liste["nom_region"];
				$etat = $liste["etat"];

				?>
				<script type="text/javascript">
					changeCouleur('<?php echo $nom; ?>', '<?php echo $etat; ?>');
				</script>
				<?php
			}
		?>

		<div id="canvas_france">
		</div>
	</div>

Mais ça ne fonctionne pas, je pense que ça vient de ce nomRegion...

Une idée?

Merci d'avance