function easyJavaScriptGallery($imageListe,$miniListe,$btDossier,$width,$startTime){
 var $HTML="<input type=hidden id=ejsgImageProcess value='false' >";
 $HTML+="<input type=hidden id=ejsgImageIDSelect value='0' />";
 $HTML+="<input type=hidden id=ejsgImageNB value='"+$imageListe.length+"' />";
 $HTML+="<table cellpadding=0 cellspacing=0 border=0 style=width:"+$width+"px; >";
 $HTML+="<tr>";
 $HTML+="<td style=text-align:right;vertical-align:middle;padding-right:5px; >";
 $HTML+="<img src="+$btDossier+"/ejsgLeft.png onmouseover=javascript:this.src='"+$btDossier+"/ejsgLeftSelect.png';$ejsgDefiler=setInterval('ejsgDefiler(0)',1); onmouseout=javascript:this.src='"+$btDossier+"/ejsgLeft.png';clearInterval($ejsgDefiler); /></td>";
 $HTML+="</td>";
 $HTML+="<td style=vertical-align:middle;text-align:center; >";
 $HTML+="<div id=ejsgImageMini style=text-align:left;overflow:hidden;white-space:nowrap;vertical-align:middle;width:"+$width+"px; >";
 for(var $nav=0; $nav<$miniListe.length; $nav++){
  $HTML+="<a href=javascript:ejsgStop();ejsgAfficher("+$miniListe.length+","+$nav+"); >";
  $HTML+="<img style=margin-right:2px;margin-left:2px; id=ejsg_mini"+$nav+" src="+$miniListe[$nav]+" />";
  $HTML+="</a>";
 }
 $HTML+="</div>";
 $HTML+="</td>";
 $HTML+="<td style=text-align:left;vertical-align:middle;padding-left:5px; >";
 $HTML+="<img src="+$btDossier+"/ejsgRight.png onmouseover=javascript:this.src='"+$btDossier+"/ejsgRightSelect.png';$ejsgDefiler=setInterval('ejsgDefiler(1)',1); onmouseout=javascript:this.src='"+$btDossier+"/ejsgRight.png';clearInterval($ejsgDefiler); /></td>";
 $HTML+="</td>";
 $HTML+="<tr>";
 $HTML+="<td colspan=3 style=text-align:center;vertical-align:middle;padding:20px; >";
 if(navigator.appName=='Microsoft Internet Explorer'){ $startTime=($startTime+3)*1000; } else { $startTime=$startTime*1000; }
 $HTML+="<a id=ejsgStart href=javascript:void(0); onclick=javascript:ejsgNext();$ejsgStart=setInterval('ejsgNext()',"+$startTime+"); ><img src="+$btDossier+"/ejsgStart.png onmouseover=javascript:this.src='"+$btDossier+"/ejsgStartSelect.png'; onmouseout=javascript:this.src='"+$btDossier+"/ejsgStart.png'; ></a>";
 $HTML+=" <a id=ejsgStop  href=javascript:void(0); onclick=javascript:ejsgStop(); style=visibility:hidden;display:none; ><img src="+$btDossier+"/ejsgStop.png onmouseover=javascript:this.src='"+$btDossier+"/ejsgStopSelect.png'; onmouseout=javascript:this.src='"+$btDossier+"/ejsgStop.png'; ></a>";
 $HTML+="</td>";
 $HTML+="</tr>";
 $HTML+="<tr>";
 $HTML+="<td>&nbsp;</td>";
 $HTML+="<td style=vertical-align:top;text-align:left;height:"+($width+30)+"px;width:"+$width+"px; >";
 for(var $nav=0; $nav<$imageListe.length; $nav++){
  if($nav==0){var $style="opacity:100;FILTER:alpha(opacity=100);";} else {var $style="opacity:0;FILTER:alpha(opacity=0);";}
  $HTML+="<div style=position:absolute;text-align:center;width:"+$width+"px;max-height:"+$width+"px; ><img align=center id=ejsgImage"+$nav+" style=max-width:"+$width+"px;max-height:"+$width+"px;"+$style+" src="+$imageListe[$nav]+" /></div>";
 }
 $HTML+="</td>";
 $HTML+="<td>&nbsp;</td>";
 $HTML+="<tr>";
 $HTML+="</table>";
 document.write($HTML);
}

function ejsgDefiler($direction){
 if($direction==1) {var $valeur=1;} else {var $valeur=-1;}
 $base=document.getElementById('ejsgImageMini').scrollLeft;
 document.getElementById('ejsgImageMini').scrollLeft=($base+$valeur);
}

function ejsgAfficher($imageNB,$imageIDSelect){
 // Si le traitement n'est pas déjà en cours.
 if(document.getElementById('ejsgImageProcess').value=='false'){
   // Signaler le début du traitement.
   document.getElementById('ejsgImageProcess').value='true';
   // Identifier l'image actuellement affichée.
   for( var $nav=0; $nav<$imageNB; $nav++ ){
    var $opacite=document.getElementById('ejsgImage'+$nav).style.opacity;
    if($opacite==100){$imageIDUnselect=$nav; break;}
   }
   // Continuer le traitement seulement si l'image à afficher ne l'est pas déjà.
   if($imageIDSelect!=$imageIDUnselect){
    // Parametrer le délais d'opacité.
    if(navigator.appName=='Microsoft Internet Explorer'){ var $opaciteTemps=1; } else { var $opaciteTemps=10; }
    // Exécuter la transition.
    $timeOpacite=setInterval('ejsgOpacite('+$imageIDSelect+','+$imageIDUnselect+')',$opaciteTemps);
  }
   else {document.getElementById('ejsgImageProcess').value='false';}
 } else {
  var $alerte='Un chargement est déjà en cours';
  //alert($alerte);
  }
}

function ejsgOpacite($imageIDSelect,$imageIDUnselect){
 // Identifier le navigateur.
 var $client=navigator.appName;
 // Parametrer les valeurs d'opacité.
 if($client=='Microsoft Internet Explorer'){
  var $opacitePalier=5;
  var $opaciteMax=100;
  var $opaciteMin=0;
 } else {
  var $opacitePalier=0.1;
  var $opaciteMax=1;
  var $opaciteMin=0;
 }
 // Augmenter la visibilité de l'image sélectionnée.
 $imageSelectOpa=parseFloat(document.getElementById('ejsgImage'+$imageIDSelect).style.opacity);
 if($imageSelectOpa<=0){$imageSelectOpa=$opaciteMin;}
 //alert($imageSelectOpa+$opacitePalier);

 if($imageSelectOpa<$opaciteMax){
  document.getElementById('ejsgImage'+$imageIDSelect).style.opacity=($imageSelectOpa+$opacitePalier);
  if($client=='Microsoft Internet Explorer'){document.getElementById('ejsgImage'+$imageIDSelect).filters.alpha.opacity=($imageSelectOpa+$opacitePalier);}
 }
 // Diminuer la visibilité de l'autre image.
 $imageUnselectOpa=parseFloat(document.getElementById('ejsgImage'+$imageIDUnselect).style.opacity);
 if($imageUnselectOpa>=100){$imageUnselectOpa=$opaciteMax;}
 if($imageUnselectOpa>$opaciteMin){
  document.getElementById('ejsgImage'+$imageIDUnselect).style.opacity=($imageUnselectOpa-$opacitePalier);
  if(navigator.appName=='Microsoft Internet Explorer'){document.getElementById('ejsgImage'+$imageIDUnselect).filters.alpha.opacity=($imageUnselectOpa-$opacitePalier);}
 }
 // Signaler la fin du traitement.
 if($imageSelectOpa>=$opaciteMax){
  document.getElementById('ejsgImageProcess').value='false';
  document.getElementById('ejsgImage'+$imageIDSelect).style.opacity=100;
  document.getElementById('ejsgImageIDSelect').value=$imageIDSelect;
  clearInterval($timeOpacite);
 }
}


function ejsgNext(){
 // Gérer l'affichage dynamique.
 document.getElementById('ejsgStart').style.visibility='hidden';
 document.getElementById('ejsgStart').style.display='none';
 document.getElementById('ejsgStop').style.visibility='visible';
 document.getElementById('ejsgStop').style.display='block';
 // Charger le numéro de l'image actuellemnt affichée.
 var $imageIDSelect=parseInt(document.getElementById('ejsgImageIDSelect').value);
 // Charger le nombre total d'images.
 var $imageNB=parseInt(document.getElementById('ejsgImageNB').value);
 // Se positionner sur l'image suivante.
 $imageIDSelect++;
 // Si on arrive à la fin de la liste des images, revenir au début.
 if($imageIDSelect>=$imageNB){$imageIDSelect=0;}
 // Afficher l'image courante.
 ejsgAfficher($imageNB,$imageIDSelect);
}


function ejsgStop(){
 // Arreter le diaporama.
 if(window['$ejsgStart']!=undefined){clearInterval($ejsgStart);}
 // Gérer l'affichage dynamique.
 document.getElementById('ejsgStop').style.visibility='hidden';
 document.getElementById('ejsgStop').style.display='none';
 document.getElementById('ejsgStart').style.visibility='visible';
 document.getElementById('ejsgStart').style.display='block';
}