#!/bin/bash



#-----------
HOME="PEVEX"
#-----------
ext="20080101_20080130_lon_-87_-79_depth_-500_0" ;  agrif=""
imgdir1="./atlas_PEVEX.images"
outfilename="atlas_PEVEX_transect_${ext}.xhtml"
titre_H1="PEVEX Y2008.M1 tests"
titre_H2=""



printf "\n outfilename : ${outfilename}\n"

#file1=`echo ${outfilename} | cut -d'.' -f 1`
#file2=`echo $0 | cut -d'.' -f 2| cut -d'/' -f 2`
#if [ "${file1}" != "${file2}" ]; then
#   printf "\n\n\n\n   outfilename(${file1})  != filename(${file2}) => exit\n\n\n\n"; exit
#fi


# Header
bookmarks="${titre_H2}"
stylesheet1="../css/chris2.css"
stylesheet1_title="feuille de style chris2"



img_titre=("temp");                 img_root=("_temp_${ext}.png")
if [ "${agrif}" == "_CHILD" ] ; then 
   img_titre+=("temp (agrif)");                img_root+=("_temp_${ext}${agrif}.png")
fi
for var in 'usurf' 'vsurf' 'FER' 'NO3' 'DCHL' 'NCHL' 'CHL' 'MESO' 'ZOO' 'O2'; do
   img_titre+=("${var}");               img_root+=("_${var}_${ext}.png")
   if [ "${agrif}" == "_CHILD" ] ; then 
      img_titre+=("${var} (agrif)");               img_root+=("_${var}_${ext}${agrif}.png")
   fi
done
dim=${#img_root[@]}
printf "\n img_titre  &  img_root\n"
for (( ii=0; ii<${dim}; ii=ii+1 )) ; do
   echo "${img_titre[${ii}]}  ${img_root[${ii}]}"
done




#exp_list=("pevex_cp_v0.Imarpe_ORIG")
#exp_list+=("pevex_cp_v1.Imarpe_rmk")
#exp_list+=("pevex_cp_v1.Imarpe_rmk_bug_NANO")
#exp_list+=("pevex_cp_v2.Imarpe_rmk")
exp_list="pevex_cp_v0.Imarpe_ORIG pevex_cp_v1.Imarpe_rmk pevex_cp_v1.Imarpe_rmk_bug_NANO pevex_cp_v2.Imarpe_rmk"
printf "\n\n\n  $exp_list\n\n\n"


################################################################################

# Header
cat >  ${outfilename}   <<  EOD
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <title>${bookmarks}</title>
    <link type="text/css" rel="stylesheet" href="${stylesheet1}" title="${stylesheet1_title}" />
    
  <meta charset="UTF-8" /></head>



EOD


# Javascript  (open Windows)
cat >>  ${outfilename}   <<  EOD
<!--========================================================================-->
<!--                      Javascript (Open Windows)                         -->
<!--========================================================================-->
  <script type="text/javascript">
    // initialise the visibility check
    function affCache(idDiv) {
    var div = document.getElementById(idDiv);
    if (div.style.display == "none")
    div.style.display = "";
    else
    div.style.display = "none";
    }

    // Chargement images dans window.open
    function ChargeImage1(img1) {
    window.open(img1,img1,'width=1600, height=900, status=no').focus();return false;
    }
  </script>


EOD




cat >>  ${outfilename}   <<  EOD
<!--========================================================================-->
<!--                              BODY                                      -->
<!--========================================================================-->
  <body>
    <h1>${titre_H1}</h1>
    <h2>${titre_H2}</h2>

<table border="1px">
  <tbody>

  <tr> 
EOD


#for (( ii=0; ii<${dim}; ii=ii+1 )) ; do
#   cat >>  ${outfilename}   <<  EOD
#    <td align="center" rowspan="1" colspan="1">${img_titre[${ii}]}</td>
#EOD
#done

   cat >>  ${outfilename}   <<  EOD
  </tr>


<!--========================================================================-->
<!--                              TABLE                                     -->
<!--========================================================================-->
EOD


jj=0
for exp in ${exp_list}; do
   if [ `echo $((${jj}%4))` == 0 ] ; then
      for (( ii=0; ii<${dim}; ii=ii+1 )) ; do
         cat >>  ${outfilename}   <<  EOD
       <td align="center" rowspan="1" colspan="1" style="background-color: #fdffda;">${img_titre[${ii}]}</td>
EOD
      done
   fi
   
   cat >>  ${outfilename}   <<  EOD
<!--========================================================================-->
<!-- ${exp} -->
<!--========================================================================-->
  <tr>
EOD
   for (( ii=0; ii<${dim}; ii=ii+3 )) ; do
#     <td align="center" rowspan="1" colspan="${dim}"><span class="stabilo2">${exp}</span></td>
      cat >>  ${outfilename}   <<  EOD
      <td align="center" rowspan="1" colspan="3" style="background-color: #9effe0;"><span class="stabilo2">${exp}</span></td>
EOD
   done

   cat >>  ${outfilename}   <<  EOD
  </tr>
  <tr>
EOD

   for (( ii=0; ii<${dim}; ii=ii+1 )) ; do
#     echo "TEST ${img_root[${ii}]}"
      png1="${imgdir1}"/"${exp}${img_root[${ii}]}"
      img[${ii}]=${png1}
      cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img[ii]}');">
        <img class="image1" src='${img[ii]}' /></a></td>
EOD
   done

   cat >>  ${outfilename}   <<  EOD
  </tr>
EOD


   jj=`echo $((${jj}+1))`
   printf "${jj} \n"
done

cat >>  ${outfilename}   <<  EOD
  </tbody>
</table>



   <!--=================================== Pied de page  ===================================-->
   <br />
   <br />
   <br />

   <table width="100%" border="1px">
      <tbody>
         <tr>
            <td align="center">Webmaster: christophe.hourdin @ locean-ipsl.upmc.fr</td>
         </tr>
         <tr>
            <td align="center">Croco-Agrif-Pisces Projects - <a href="https://pagesperso.locean-ipsl.upmc.fr/Christophe.Hourdin/croco_agrif_pisces_projects/index.xhtml">Home</a></td>
         </tr>
         <tr>
            <td align="center">ASAP - <a href="https://pagesperso.locean-ipsl.upmc.fr/Christophe.Hourdin/ASAP/index.xhtml">Home</a></td>
         </tr>
      </tbody>
   </table>
</body>
</html>
EOD
