//initialisation des variables

/**********************************************************************************************************************************************************************************************/
/******************************************************************				***********************************************************************************************************/
/***********************************************		 										****************************************************************************************/
/***********************************                                                      R A D I O   B U T T O N    I M A G  E       				      	**************************************************************************/
/***********************************************												****************************************************************************************/
/******************************************************************				***********************************************************************************************************/
/**********************************************************************************************************************************************************************************************/

var tabAllRadio = new Array; //ce tableau contient tous les tableau d'information des différents RadioButton de la page

function InitialisationVariales(conf_live_site,img_c,img_d,prefidImg,prefInRad,rb,nbElem){
//on créé un tableau 
	//cette fonction appeler dans le fichiers php permet d'initialiser les variables
	//on entre les différentes information dans le tableau contenant toutes les informaztion de ce RadioButton
	var tabRadio = new Array;
	tabRadio["config_live_site"] = conf_live_site;
	tabRadio["img_coche"] = conf_live_site+img_c;
	tabRadio["img_decoche"] = conf_live_site+img_d;
	tabRadio["prefixeIdImage"] = prefidImg;
	tabRadio["prefixeInputRadio"] = prefInRad;
	tabRadio["radioButton"] = rb;
	tabRadio["nbElem"] = nbElem;
	//puis on entre le tableau du radioButton dans le tableau les contenants tous
	tabAllRadio[prefInRad] = tabRadio;
	
}

/* exemple d'utilisation */
/* InitialisationVariales('<?php echo $mosConfig_live_site; ?>',"/templates/rhuk_solarflare_ii/images/carre_blanc_coche.gif","/templates/rhuk_solarflare_ii/images/carre_blanc.gif","img_radio_","cb_civilite");*/

function gereRadioButton(prefInRad,numRadioCoche){
	//dans un premier temps on récupére les information du radio button dans le tablea créer dans la fonction "InitialisationVariales"
	elementRadio  = tabAllRadio[prefInRad]["radioButton"];
	img_coche = tabAllRadio[prefInRad]["img_coche"];
	img_decoche = tabAllRadio[prefInRad]["img_decoche"];
	prefixeIdImage = tabAllRadio[prefInRad]["prefixeIdImage"];
	prefixeInputRadio = tabAllRadio[prefInRad]["prefixeInputRadio"];
	nbElements = tabAllRadio[prefInRad]["nbElem"];

	/********************************************/
/*	var elementRadio = radioButton;
	/********************************************/
	//boucle sur les radioButton
	for (i=0;i<nbElements;i++) {
		if(i == numRadioCoche){
			//alert("image coché "+numRadioCoche+"  src de la nouvelle image  "+img_coche+" element "+document.getElementById(prefixeIdImage+i));
			document.getElementById(prefixeIdImage+i).setAttribute("src",img_coche);
			document.getElementById(prefixeInputRadio+i).checked=true;  //on rajoute cette ligne car si l'utilisateur click sur le caarré blanc, la fonction javascript va bien changer l'image pour montrer a l'utilisateur qu'il vient de cocher mais il faut également coché le vrai radiobutton
		}else{
			document.getElementById(prefixeIdImage+i).setAttribute("src",img_decoche);
		}
  }
}

/********************  modification du code dans le fichier source *************************/
//dans un premier temps on ajoute une image dans les radioButton d'origine. cette image aura un ID avec un prexie bien defini (ici img_radio_). la source de cette image sera l'image du radioButton decoché.
//On ajoute un onclick appelant la fonction "gereRadioButton" avec en parametre le numéro du radioButton
//S'il y a un label associer on lui ajoute le mem on click
//Pour finir on met les radio button en display none. Aisi il éxisteront tjrs mais on ne les verra pas.
/*
<td><img id="img_radio_0" src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_solarflare_ii/images/carre_blanc.gif" onclick="javascript:gereRadioButton('cb_civilite',0);"/><input type="radio" name="Civilité[]" mosReq="1" size="1" mosLabel="Civilité" value="Monsieur" id="cb_civilite0" style="display:none;" /></td>
				<td ><label for="cb_civilite0" onclick="javascript:gereRadioButton('cb_civilite',0);" >&nbsp;&nbsp;Monsieur</label></td>
			</tr>
			<tr>							
				<td><img id="img_radio_1" src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_solarflare_ii/images/carre_blanc_coche.gif" onclick="javascript:gereRadioButton('cb_civilite',1);"/><input  type="radio" name="Civilité[]"  size="1" mosLabel="Civilité" value="Madame" id="cb_civilite1" style="display:none;" /></td>
				<td> <label for="cb_civilite1"  onclick="javascript:gereRadioButton('cb_civilite',1);" >&nbsp;&nbsp;Madame</label></td>
			</tr>
			<tr>	
				<td><img id="img_radio_2" src="<?php echo $mosConfig_live_site; ?>/templates/rhuk_solarflare_ii/images/carre_blanc.gif" onclick="javascript:gereRadioButton('cb_civilite',2);"/><input  type="radio" name="Civilité[]"  size="1" mosLabel="Civilité" value="Mademoiselle" id="cb_civilite2" style="display:none;" /></td>
				<td><label for="cb_civilite2" onclick="javascript:gereRadioButton('cb_civilite',2);" >&nbsp;&nbsp;Mademoiselle</label></td>
			
*/
/**********  RADIO BUTTON  IMAGE  *********************************************************************************************************/