/*

La fonction load_event est celle qui est appellée lorsque l'utilisateur a sélectionné un évènement depuis la liste déroulante.   Elle va afficher le formulaire de proposition/d'édition avec l'évènement chargé.

*/

function load_event() {

   // Charge l'évènement qui a été sélectionné dans la liste déroulante

   cbx = document.getElementById('proposition_id');
   ndx = cbx.selectedIndex;

   id  = cbx.options[ndx].value;

   if (id != 0) {
      window.location.replace("index.php?option=com_sportingevents&view=event&layout=form&id=" + id);
   }

}

/*

Cette fonction va permettre de "déplier/fermer" une DIV.   Ainsi, dans l'écran de création d'un évènement, certaines rubriques sont par défaut "fermées".  
C'est le cas de la zone Commentaire qui est une zone optionnelle.   Donc, afin de ne pas surcharger l'écran, cette zone ne sera dépliée que si l'utilisateur
le souhaite; ceci après avoir cliqué sur un bouton "+"

*/

function expand(sDivName) {

   div = document.getElementById(sDivName);

   if (div.style.display=='none') {
     div.style.display='inline';
   } else {
     div.style.display='none';
   };
}


/*

Cette fonction va charger l'image dont l'URL a été encodée.

Le premier paramètre est le nom de l'image (càd le nom défini dans l'attribut ID du tag IMG) tandis que le second paramètre le nom du champs INPUT (càd l'ID) où se trouve l'adresse URL
de l'image.

example:

   <img id="imgVignette" [...] />
   <input id="photo" onchange="loadimg('imgVignette','photo');"  [...] />

*/

function loadimg(sImgName, sLocation) {

  var img = document.getElementById(sImgName);

  img.setAttribute("src", document.getElementById(sLocation).value);
}