//!\doc:file,used:1,src:JS,vXX:v0 /*s+ C:\iC\v0\_systemboost\diaporama-(_systemboost.v0).js.php */
//  https://www.google.com/url?sa=i&url=https%3A%2F%2Fwww.subtil.net%2Ffr%2Fview%2F619f14db-9bfc-48da-9c23-f8c1a969f079&psig=AOvVaw3GE-8hKayHrdFbadpPHwWL&ust=1701020400508000&source=images&cd=vfe&opi=89978449&ved=0CBMQjhxqFwoTCKjX4ZPZ34IDFQAAAAAdAAAAABAJ
// https%3A%2F%2Fwww.subtil.net
//  https://www.lucidchart.com/pages/fr/exemple/trombinoscope-en-ligne
//
//
//

try{
jsfile='C:\iC\v0\_systemboost\diaporama-(_systemboost.v0).js.php';
if(0){
jsline=5;jsfct_dvlptAlert(jsfile+"\n"+"line "+jsline+":"+"\n nbrCases= "+nbrCases+ "\n nbrVignettes= "+nbrVignettes+ " \n localhost= "+jsStartSite.isLOCALHOST);
//nbrCases=4   nbrVignettes=5
}
if(!nbrCases)nbrCases=4;
if(!nbrVignettes)nbrVignettes=4;

nbrCases=4;
nbrVignettes=4;// c'est à dire le nombre de fichiers

var line=18;
var newdiaporama0=1;//1;
var diapoInterval0=0;
//var stopDiapo=0;
var tempoDiapo=3000;//2000

//====
//cases=document.getElementById("cases");if(cases)cases.innerHTML=4;//nbrVignettes;//nbrVignettes+1;//filename
if(jsStartSite.isLOCALHOST){
cases.innerHTML=(nbrCases?nbrCases:4);//nbrVignettes;//nbrVignettes+1;//filename
//nbrVignettes=5;
var fileEXT=document.getElementById("fileEXT");if(fileEXT)fileEXT.innerHTML='';
var movEXT=document.getElementById("movEXT");if(movEXT)movEXT.innerHTML='';

var filename=document.getElementById("filename");if(filename)filename.innerHTML='';
}
//====
//====
//====
function newaffichage(n) {
  var i;//,countlast=nbrVignettes+1;//ok  5+1=6
//  if(!n)
  n++;//  au démarrage n=0 newdiaporama0=0 
  if(n>2)return(0);
  n=testRange(n,nbrVignettes);
  

//===
//id="diapoX"
diapoX=document.getElementById("diapoX");if(diapoX)diapoX.innerHTML=n;//ppt;
//===
var j=0;
for (i=1;i<=nbrVignettes; i++) {//  nbrVignettes+1; i++) {
x=(i==3?4:i);
if(i==4)x=3;

      diapoData=document.getElementById("data-xdiapo"+x);
      
      diapoA=document.getElementById("a-xdiapo"+x);
      diapoImg=document.getElementById("img-xdiapo"+x);

      
//      diapoImg.title="title "+i; //img-'.$f_xdiapo.'
      
//      "video-'.$f_xdiapo.'"

if(!diapoData){
jsline=50;jsfct_dvlptAlert(jsfile+"\n"+"line "+jsline+":"+"\n nbrCases= "+nbrCases+ "\n nbrVignettes= "+nbrVignettes+ " \n localhost= "+jsStartSite.isLOCALHOST);
//nbrCases=4   nbrVignettes=5
}

if(diapoData){// datas de hidden 1,2,3,4
      files=diapoData.getAttribute("data-xdiapo"+x);
//      diapoTable=diapoData.getAttribute("data-table-xdiapo"+x);//document.getElementById("data-table-xdiapo"+x);
if(0){
alert("l 32 \n"+"  \n files= "+files);// 1-
}
      i_list=files.split("||");
      dir=i_list[0]; 
      //nn=n+1;
//      if(n==2)alert("l 24 \n dir"+n+"= "+dir+"  \n i_list[n]= "+i_list[n]);
//      if(!)
//      n=i_list.length;
      if(!i_list[n])break;
      imgNum=i_list[n].split('==');
      numero=imgNum[1];
      link3=imgNum[2];
      diapoTable=imgNum[3];
if(0&&diapoTable){
alert("l 84 \n"+"  \n files= "+files+"  \n diapoTable= "+diapoTable);
}
//      numero=imgNum[1];
         file= dir+"/"+imgNum[0];//i_list[n];//nn];

      if(n<=2&&diapoTable){//&&idcardTitle){
//      if(n==2&&diapoTable){//&&idcardTitle){
      zz=n;//imgNum;//2;//x-1;//x;// 
      idcardTitle=document.getElementById("idcardTitle"+zz);//repérage de la case 2
if(0&&1||(x==2&&1)){//  changement du texte de la case 3  Vauban
alert("l 90 \n x= "+x+"  \n diapoTable= "+diapoTable+"  \n idcardTitle.innerHTML= "+idcardTitle.innerHTML);
}
/*
           iz=idcardTitle.innerHTML.split('|');
           if(iz[1])
                idcardTitle.innerHTML=String(zz)+'|'+iz[1];//arr[0].length-4,4
           else
                idcardTitle.innerHTML=String(zz)+'|'+iz[0];//arr[0].length-4,4
                */
//idcardTitle.innerHTML=file;//!\test:case 2  idcardTitle est title pas la table
  
//                
//idcardTitle2     diapoTable   
//idcardTitle=document.getElementById("cadre-xdiapo4");///("idcardTitle2");
//if(diapoTable)idcardTitle.innerHTML=diapoTable;
ww=0;
for(kw=1;kw<100;kw++){
   xcase2TitleN=document.getElementById("xcase2Title"+kw);
   if(!xcase2TitleN)break;
   if(ww<1&&xcase2TitleN.style.display=="inline"){ww=kw;}
   xcase2TitleN.style.display="none";
}
   xcase2TitleN=document.getElementById("xcase2Title"+(ww+1));
   if(xcase2TitleN){xcase2TitleN.style.display="inline";}
   else{document.getElementById("xcase2Title"+1).style.display="inline";}
      }
      

if(jsStartSite.isLOCALHOST)filename.innerHTML=file;

line=37;         extension0=i_list[n].split('.');
                 x=i_list[n].split('==');
                 y=x[0].split('.');
if(jsStartSite.isLOCALHOST)fileEXT.innerHTML=y[1];
         extension=extension0[extension0.length-2];

result=displayPlusDocJPG(i,n,extension,extension0,diapoImg,'mov');
if(!result)result=displayPlusDocJPG(i,n,extension,extension0,diapoImg,'pdf');
//if(i==2)alert('numero= '+numero+'\n'+'file= '+file+'\n'+'nbrVignettes= '+nbrVignettes);
line=87;         if(diapoA)diapoA.href=link3;
if(diapoImg)diapoImg.src=file;

          lx="l"+(numero+1);
          if(diapoImg)diapoImg.title=link3;// .getElementsByTagName("a") .keys() .getNamedItem('href')  setAttribute('href',JSlinksDatas[numero]) .getAttribute('href')  .value = "https://www.w3schools.com"; .entries() .setAttribute('href',JSlinksDatas[numero]) "p").setAttribute('href',JSlinksDatas[numero]);//  .href=JSlinksDatas[numero]  lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
 
      }//if(diapoData){
         
//stop     
}//for (i=0; i <= nbrVignettes+1; i++) {

return(n);
}//function newaffichage(n,diapo) {
//=====
function goInterval(){
//newdiaporama0=newaffichage(newdiaporama0);
///diapoInterval0=setInterval(function(){newdiaporama0=newshowTime(newdiaporama0);},tempoDiapo);
diapoInterval0=setInterval(function(){newdiaporama0=newaffichage(newdiaporama0);},tempoDiapo);
}
//=====
function stopInterval(){
var idpointRouge=document.getElementById("idpointRouge");
var idpointImage=document.getElementById("idpointImage");
var idbarreLEFT=document.getElementById("idbarreLEFT");
var idbarreRIGHT=document.getElementById("idbarreRIGHT");

var idclick=(idpointRouge.getAttribute("data-click")==0?1:0);// inversion par idclick
//var idclick=(idpointRouge.getAttribute("data-click")==1?0:1);// inversion par idclick
idpointRouge.setAttribute("data-click",idclick);
//stopDiapo=idclick;
var bouton=idpointRouge.innerHTML;
var PAUSE="START-STOP";
//alert("line 145 \n bouton : "+bouton+" \n idclick : "+idclick);   
//if(idclick){
///alert("bouton : "+bouton);   
   if(bouton==PAUSE){
      idbarreLEFT.style.color=idbarreRIGHT.style.color="blue";
      clearInterval(diapoInterval0);
      idpointRouge.innerHTML=PAUSE+'<font style="color:transparent;font-size:1px;">.</font>';//"GO";//"START & GO";
//   idpointImage.src="/w3/systemboost/img/play.png";
      var image="start.png";//point-rouge-clignotant.gif";//"START & GO";
      idpointImage.src=dirUploads+"/"+"uploads"+"/"+image;//"/atelier/modules/thesea/uploads/play.png";
   }
   else
   {
      idbarreLEFT.style.color=idbarreRIGHT.style.color="transparent";
      idpointRouge.innerHTML=PAUSE;//"START & GO";
//      idpointImage.src="/w3/systemboost/img/point-rouge-clignotant.gif";
      idpointImage.src=dirUploads+"/"+"uploads"+"/"+"play.gif";
      goInterval();
   }
//}
}
//=====
function testRange(sens,max){
if(sens>=max){sens=1;};if(sens<0){sens=max;}
//if(sens>=max){sens=1;};if(sens<0){sens=max;}
return(sens);
}
//=====
function moveVideo(sens){
  clearInterval(diapoInterval0);
  newdiaporama0=(sens=="previous"?newdiaporama0-1 : newdiaporama0+1);//-1;
  newdiaporama0=testRange(newdiaporama0,nbrVignettes);
  newaffichage(newdiaporama0);
  goInterval();
}
//=====
function fct_displayPlusDocJPG(i,n,extension,extension0,diapoImg){
line=253;
if(0&&extension=='mov'){//||extension=='pdf'){

if(0){
alert("l 45 \n dir"+n+"= "+dir+"  \n i_list[n]= "+i_list[i]
+"  \n file= "+file+"  \n extension= "+extension
+"  \n extension0[extension0.length-2]= "+extension0[extension0.length-2]  // mov
+"  \n extension0[extension0.length-1]= "+extension0[extension0.length-1] //jpg
);// 1-
}
x="mov-video-xdiapo"+i;
mov_video=document.getElementById(x);
if(mov_video){
   mov_video.style.display="inline";
   diapoImg.style.display="none";
   if(jsStartSite.isLOCALHOST)movEXT.innerHTML=x;
}
extensionTwo=extension+extension0[extension0.length-1];

x="movjpg";
if(extensionTwo==x)//||extensionTwo=="pdfjpg")
{
       diapoImg.style.display="none";
       if(jsStartSite.isLOCALHOST)movEXT.innerHTML=x;
}
else{
//diapoImg.style.display="inline";
}

}
else{
     x="mov-video-xdiapo"+n;
     mov_video=document.getElementById(x);
     if(mov_video){
       mov_video.style.display="none";
       if(jsStartSite.isLOCALHOST)movEXT.innerHTML=x;
     }
     if(diapoImg)diapoImg.style.display="inline";
}
}
//=====
function displayPlusDocJPG(i,n,extension,extension0,diapoImg,doc){
line=253;
if(!doc)doc='mov';
//fct_displayPlusDocJPG(i,n,extension,extension0,diapoImg);
result=false;

///alert("l 394 \n extension"+n+"= "+extension);
x=doc;
if(extension==x){//'mov'){//||extension=='pdf'){
       if(jsStartSite.isLOCALHOST)movEXT.innerHTML=x;

if(0){
alert("l 45 \n dir"+n+"= "+dir+"  \n i_list[n]= "+i_list[i]
+"  \n file= "+file+"  \n extension= "+extension
+"  \n extension0[extension0.length-2]= "+extension0[extension0.length-2]  // mov
+"  \n extension0[extension0.length-1]= "+extension0[extension0.length-1] //jpg
);// 1-
}
diapoImg.style.display="inline";
mov_video=document.getElementById(doc+"-video-xdiapo"+i);// "mov-video-xdiapo"+i);
if(mov_video){
    mov_video.style.display="inline";
///    diapoImg.style.display="none";
}
extensionTwo=extension+extension0[extension0.length-1];
if(extensionTwo==doc+"jpg"||mov_video)// "movjpg")//||extensionTwo=="pdfjpg")
{
if(diapoImg)diapoImg.style.display="none";
}
/*
else{
//diapoImg.style.display="inline";
}
*/
result=true;
}
else{
//mov_video=document.getElementById(doc+"-video-xdiapo"+n);//"mov-video-xdiapo"+n);
x=doc+"-video-xdiapo"+i;
mov_video=document.getElementById(x);//"mov-video-xdiapo"+n);
if(mov_video){
     mov_video.style.display="none";
       if(jsStartSite.isLOCALHOST)movEXT.innerHTML=x;
     }
    if(diapoImg)diapoImg.style.display="inline";
    
    }
return(result);
}
//=====
goInterval();
// //////////////////////////////////////////////////////////
}catch(e){alert('e= '+e+'\n line= '+line);}
// //////////////////////////////////////////////////////////


//=====
function xxxdisplayVideo(index){
line=159;alert('index : '+index);
}
    //      diapoImg.parentNode=JSlinksDatas[numero];
         // diapoImgParentNode=diapoImg.parentNode;diapoImgParentNodeNodeName=diapoImgParentNode.nodeName;
//          diapoImg.title=line+"  -   "+file+"  -   "+JSlinksDatas[numero]+" \n -  parent "+diapoImgParentNode.getElementsByTagName(diapoImgParentNodeNodeName);//  .getAttribute('href')  .value = "https://www.w3schools.com"; .entries() .setAttribute('href',JSlinksDatas[numero]) "p").setAttribute('href',JSlinksDatas[numero]);//  .href=JSlinksDatas[numero]  lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
        //  diapoImg.title=line+"  -   "+file+"  -   "+JSlinksDatas[numero]+" \n -  parent "+diapoImgParentNode.getElementsByTagName(diapoImgParentNodeNodeName).namedItem('href');// .keys() .getNamedItem('href')  setAttribute('href',JSlinksDatas[numero]) .getAttribute('href')  .value = "https://www.w3schools.com"; .entries() .setAttribute('href',JSlinksDatas[numero]) "p").setAttribute('href',JSlinksDatas[numero]);//  .href=JSlinksDatas[numero]  lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
 //         diapoImg.title=line+"  -   "+file+"  -   "+JSlinksDatas.c3.lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
// diapoImg.parentNode.parentNode.nodeName  ="DIV" 
        //  diapoImg.title=line+"  -   "+file+"  -   "+JSlinksDatas[numero]+" \n -  parent "+Objects.diapoImg.parentNode.parentNode.getElementsByTagName("div");// .getElementsByTagName("a") .keys() .getNamedItem('href')  setAttribute('href',JSlinksDatas[numero]) .getAttribute('href')  .value = "https://www.w3schools.com"; .entries() .setAttribute('href',JSlinksDatas[numero]) "p").setAttribute('href',JSlinksDatas[numero]);//  .href=JSlinksDatas[numero]  lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
//          diapoImg.title=line+"  -   "+file+"  -   "+JSlinksDatas[numero]+" \n -  link3: "+link3;// .getElementsByTagName("a") .keys() .getNamedItem('href')  setAttribute('href',JSlinksDatas[numero]) .getAttribute('href')  .value = "https://www.w3schools.com"; .entries() .setAttribute('href',JSlinksDatas[numero]) "p").setAttribute('href',JSlinksDatas[numero]);//  .href=JSlinksDatas[numero]  lx;//file;//"title "+i; //img-'.$f_xdiapo.' ["l"+i]
      //}
if(0&&i==3){  //  parentElement
// alert("l 90 \n"+"  \n file= "+file+" \n -   "+i+" \n -   "+files+" \n -  parent "+diapoImg.parentNode.nodeName.toLowerCase());// 1-  .parentNode  .previousSibling   .previousElementSibling
alert("l 127 \n"+"  \n file= "+file+" \n -   "+i+" \n -   "+files+" \n -  parent "+diapoImg.src);// 1-  .parentNode  .previousSibling   .previousElementSibling
}
//line=158;         diapoImg.src=file;
         
//      }//if(diapoData){
//      else
//          alert("l 24 \ndir"+N+"= "+dir+"  \ni_list[n]= "+i_list[n]);

/*
function displayPlusDocJPG(i,n,extension,extension0,diapoImg){
line=253;
if(extension=='mov'||extension=='pdf'){
if(0){
alert("l 45 \n dir"+n+"= "+dir+"  \n i_list[n]= "+i_list[i]
+"  \n file= "+file+"  \n extension= "+extension
+"  \n extension0[extension0.length-2]= "+extension0[extension0.length-2]  // mov
+"  \n extension0[extension0.length-1]= "+extension0[extension0.length-1] //jpg
);// 1-
}
//===
mov_video=document.getElementById("mov-video-xdiapo"+i);
if(mov_video)mov_video.style.display="inline";
pdf_video=document.getElementById("pdf-video-xdiapo"+i);
if(pdf_video)pdf_video.style.display="inline";
//===
extensionTwo=extension+extension0[extension0.length-1];
if(extensionTwo=="movjpg")
{
 diapoImg.style.display="inline";
}
else
{
 diapoImg.style.display="none";
}
mov_video=document.getElementById("mov-video-xdiapo"+n);
if(mov_video)mov_video.style.display="none";
    diapoImg.style.display="inline";


}
else
{
mov_video=document.getElementById("mov-video-xdiapo"+n);
if(mov_video)mov_video.style.display="none";
    diapoImg.style.display="inline";
}



if(extensionTwo=="movjpg"||extensionTwo=="pdfjpg")
{diapoImg.style.display="inline";
 pdf_video.style.display="inline";
}
else{
diapoImg.style.display="none";
pdf_video.style.display="none";
}
}
else{
//===
mov_video=document.getElementById("mov-video-xdiapo"+n);
if(mov_video)mov_video.style.display="none";
    diapoImg.style.display="inline";
//===
pdf_video=document.getElementById("pdf-video-xdiapo"+n);
if(pdf_video)pdf_video.style.display="none";
    pdf_video.style.display="inline";
//===
    
    }
}
*/

//goInterval();
//newshowTime(0);

/*

https://www.pierre-giraud.com/javascript-apprendre-coder-cours/dom-navigation-deplacement/
https://stackoverflow.com/questions/17049455/javascript-how-do-i-make-a-javascript-image-link-to-a-page
https://codepen.io/gloriaJun/pen/JLKpxm/
https://www.zhenghao.io/posts/verify-image-url
https://www.daniweb.com/programming/web-development/threads/272711/make-a-javascript-function-image-link-to-a-new-page
https://stackoverflow.com/questions/2433185/help-needed-in-javascript-image-href

https://stackoverflow.com/questions/6452212/getting-the-href-attribute-of-an-image-with-javascript

https://infoforall.fr/js/javascript-act100.html
https://yard.onl/sitelycee/cours/js/_Js.html?Miseenpratiqueimages.html
https://www.commentcoder.com/html-a-href/
https://jenseign.com/apprendre-html-css/pratique-exemple/survol-sur-image-avec-texte-et-lien/
https://www.xul.fr/ecmascript/image-map.php
https://darchevillepatrick.info/js/js10.php#corps
https://tutowebdesign.com/dom-javascript.php

https://attacomsian.com/blog/javascript-htmlcollection
+++  https://itecnote.com/tecnote/javascript-converting-a-object-htmlcollection-into-string-in-javascript/
https://www.codeguage.com/courses/js/html-dom-html-serialization-exercise
+++   https://blog.codewise.fr/javascript-manipulation-dom


agnès verdier-molinié  IFRAP

var JSlinksDatas={
  "c3": [ //case 3
    {
         "l1": "https:"+"/"+"/"+"agissimo.com"
         ,"l2": ""
         ,"l3": "https:"+"/"+"/"+"urbanicite.com"
         ,"l4": "https:"+"/"+"/"+"systemboost.com"
         ,"l5": "https:"+"/"+"/"+"systemboost.com"
      }]};
      
var JSlinksDatas={
         "l1": "https:"+"/"+"/"+"agissimo.com"
         ,"l2": ""
         ,"l3": "https:"+"/"+"/"+"urbanicite.com"
         ,"l4": "https:"+"/"+"/"+"systemboost.com"
         ,"l5": "https:"+"/"+"/"+"systemboost.com"
};
*/
/*
var JSlinksDatas=new Array(
"https:"+"/"+"/"+"agissimo.com"
,""
,"https:"+"/"+"/"+"urbanicite.com"
,"https:"+"/"+"/"+"systemboost.com"
,"https:"+"/"+"/"+"systemboost.com"
,""
,"https:"+"/"+"/"+"systemboost.com"  //!\today:22/08/2023 07:35:15:change:6->7
,"https:"+"/"+"/"+"systemboost.com"  //!\today:22/08/2023 07:35:15:change:6->8
,""
);
*/
//var nbrVignettes=8;//JSlinksDatas.length;//7;  //!\today:22/08/2023 07:35:15:change:6->7
///alert("//!\today:30/09/2023 20:01:53:change:8->9"+"\n"+nbrVignettes);
///alert("//!\today:30/09/2023 20:01:53:change:8->9"+"\n"+nbrVignettes+"\n"+jskcountAppProducts);

/*         
line=35;
if(extension=='mov'){
if(0){
alert("l 45 \n dir"+n+"= "+dir+"  \n i_list[n]= "+i_list[i]
+"  \n file= "+file+"  \n extension= "+extension
+"  \n extension0[extension0.length-1]= "+extension0[extension0.length-1] //jpg
+"  \n extension0[extension0.length-2]= "+extension0[extension0.length-2]  // mov
);// 1-
}
mov_video=document.getElementById("mov-video-xdiapo"+i);
if(mov_video)mov_video.style.display="inline";
if(extension+extension0[extension0.length-1]=="movjpg")
diapoImg.style.display="inline";
else
diapoImg.style.display="none";
}
else{
mov_video=document.getElementById("mov-video-xdiapo"+n);
if(mov_video)mov_video.style.display="none";
    diapoImg.style.display="inline";
    
    }
*/    
    
    
///         file= dir+"/"+i_list[i];//nn];   23/06/2023 10:17:52

if(0){//  stop total
//         file= dir+"/"+i_list[i];//nn];
         extension=i_list[n].split('.');
         extension=extension[extension.length-1];
line=42;index=i_list[n].split(".");
        // extension=index[0];index=index[1];
line=44;diapoImg=document.getElementById("img-xdiapo"+n);
      nbrImg=1;
extensionMOV=index[index.length-2];

mov_video=document.getElementById("mov-video-xdiapo"+i);//  data-index="'.$i_index.'" 
nbrVideo=0;
if(mov_video)
   if(n==mov_video.getAttribute("mov-video-xdiapo"+i))
  {
     mov_video.style.display="none";
//     nbrVideo=1;
}

if(extensionMOV=='mov'){
     nbrVideo=1;
//     if(mov_video&&(nbrImg+nbrVideo==2)){
     if(mov_video&&(i==1)&&(n==1)){
         if(jsStartSite.isLOCALHOST)movEXT.innerHTML=n+'='+extensionMOV;//extensionMOV='.'+index[index.length-2];
         extension="";
         mov_video.style.display="inline";
    }
    }
extensionMOV='';
         
         if(jsStartSite.isLOCALHOST)fileEXT.innerHTML+=extensionMOV+extension+",";
         if(jsStartSite.isLOCALHOST)filename.innerHTML=file;
      diapoImg=document.getElementById("img-xdiapo"+i);
///      if(!diapoImg)diapoImg=document.getElementById("video_img-xdiapo"+N);
      
      diapoVideo=document.getElementById("video-xdiapo"+i);

      //  data-extension-'.$f_xdiapo.'="'.$extension.'" 
//      diapoExtension=document.getElementById("data-extension-xdiapo"+N);
//      extension='jpg';
      diapoVideoOld=null;

//   data-array-docs-'.$f_xdiapo.'="'.$docs.'" 
      diapoDocs=diapoData.getAttribute("data-array-docs-xdiapo"+i);
///      alert("l 46 \n dir"+n+"= "+dir+"  \ndiapoDocs= "+diapoDocs);
           line=48;index=diapoDocs.split(",");
           extension=index[0];index=index[1];
           
      if(0&&diapoDocs){//  mov,2
          // line=49;index=diapoDocs.split(",");
          // extension=index[0];index=index[1];
           
          switch(extension){
             case 'mov':
        line=54;pos=diapoData.getAttribute("data-two-doc-xdiapo"+i);
        if(i==2&&pos){     
//        line=54;pos=diapoData.getAttribute("data-two-doc-xdiapo"+index);
//        if(i==1&&index==n&&pos){     
     if(0) alert("l 53 \n dir"+n+"= "+dir+"  \n diapoDocs= "+diapoDocs+"  \n pos= "+pos);
           document.getElementById("video-xdiapo"+index).style.display="inline";
           document.getElementById("img-xdiapo"+i).style.display="none";
           diapoData.setAttribute("data-two-doc-xdiapo"+index,"");
          }
          else{
          if(document.getElementById("video-xdiapo"+(i-1)))
                  document.getElementById("video-xdiapo"+(i-1)).style.display="none";
//           document.getElementById("img-xdiapo"+index).style.display="inline";
          document.getElementById("img-xdiapo"+i).style.display="inline";
           }
          
           break;
//           setInterval(function(){newdiaporama0=newaffichage(newdiaporama0);},tempoDiapo);
line=64;if(0&&index==i){

pos=diapoData.getAttribute("data-two-doc-xdiapo"+index);
if(pos){
//   data-two-doc-'.$f_xdiapo.'="'.0.'"
//setTimeout(function(){displayVideo(index);},100);
line=70;setTimeout(function(){displayVideo(index);},100);
diapoData.setAttribute("data-two-doc-xdiapo"+index,0);
}
///      alert("l 46 \n dir"+n+"= "+dir+"  \ndiapoDocs= "+diapoDocs);
}      
             default:
          
          if(document.getElementById("video-xdiapo"+(i-1)))
                  document.getElementById("video-xdiapo"+(i-1)).style.display="none";
//           document.getElementById("img-xdiapo"+index).style.display="inline";
           document.getElementById("img-xdiapo"+i).style.display="inline";
          }

      }
line=79;        if(index==n){     
      if(0)alert("l 75 \n dir"+n+"= "+dir+"  \n diapoDocs= "+diapoDocs);
         //  document.getElementById("img-xdiapo"+index).style.display="inline";
     //      document.getElementById("video-xdiapo"+index).style.display="none";
           //diapoData.setAttribute("data-two-doc-xdiapo"+index,"");
       }
      
//      if(diapoVideo)extension=diapoData.getAttribute("data-extension-xdiapo"+N);
//             else extension='jpg';   (i-1)
//  image  http://127.0.0.1/w3/_systemboost/uploads/welcome/videos/1-CoDesigning%20Or%2021s.mov
     if(0&&diapoVideo&&n==1)     alert("l 39 \ndir"+n+"= "+dir+"  \ni_list[n]= "+i_list[n]
            +"  \nextension= "+extension
            );
    if(0) 
          switch(extension){
             case 'mov':
                
                diapoVideoOld=diapoVideo;//  video-'.$f_xdiapo.'
                break;
             default:
                if(diapoVideoOld){
                    diapoVideoOld=document.getElementById("video-xdiapo1");
                    diapoVideoOld.style.display="none";
                    }
          
          }
}      
/*
//cases=document.getElementById("cases");if(cases)cases.innerHTML=4;//nbrVignettes;//nbrVignettes+1;//filename
cases.innerHTML=(nbrCases?nbrCases:4);//nbrVignettes;//nbrVignettes+1;//filename
//nbrVignettes=5;
fileEXT=document.getElementById("fileEXT");if(fileEXT)if(jsStartSite.isLOCALHOST)fileEXT.innerHTML='';
movEXT=document.getElementById("movEXT");if(movEXT)if(jsStartSite.isLOCALHOST)movEXT.innerHTML='';

filename=document.getElementById("filename");if(filename)if(jsStartSite.isLOCALHOST)filename.innerHTML='';
*/
//=====
function xxxnewshowTime(n){

//n++; 
if(n>nbrVignettes)n=0;
n=newaffichage(n);
//n++; 

return(n);
}