#!/bin/bash




# pas de . dans outfilename!!




outfilename="diag_sst-OBS_OISST"
titre_H1="Biais SST - OISST"
imgdir1="./images/sst-OISST"
img_ext_nemo="2003-2007_thetao_SST_lev1-OISST-daily-v2-avhrr-only-v2-fill_1d_2003_2007_sst_grid_T_3D.png"
img_ext_now="1989-2009_thetao_SST_lev1-OISST-daily-v2-avhrr-only-v2-fill_c1m_1989_2011_sst_grid_T_3D.png"
img_ext_cmip5="1989-2005_thetao_SST_lev1-OISST-daily-v2-avhrr-only-v2-fill_c1m_1989_2011_sst_grid_T_3D.png"

#outfilename="diag_sst-OBS_GLORYS2V3_ORCA025_R20130808"
#titre_H1="Biais SST - GLORYS2V3_ORCA025_R20130808"
#imgdir1="./images/sst-GLORYS2V3_ORCA025_R20130808"
#img_ext_nemo="2003-2007_thetao_SST_lev1-GLORYS2V3_ORCA025_R20130808_1m_20030101_20071231_grid_T_3D.png"
#img_ext_now="1989-2009_thetao_SST_lev1-GLORYS2V3_ORCA025_R20130808_1m_19930101_20091231_grid_T_3D.png"
#img_ext_cmip5="1989-2005_thetao_SST_lev1-GLORYS2V3_ORCA025_R20130808_1m_19930101_20091231_grid_T_3D.png"



titre_H2=""

scriptname=${outfilename}

#scriptname=`basename "$0" | cut -d'.' -f1`
#if [ "${scriptname}" != ${outfilename} ]; then
#   printf "\n\n\n\n   outfilename(${outfilename})  != scriptname(${scriptname}) => exit\n\n\n\n"; exit
#fi

# Header
bookmarks="${titre_H1}"
stylesheet1="./css/chris.css"
stylesheet1_title="feuille de style CHRIS"

outfilename="${outfilename}.xhtml"

exp_list_trop075_nemo=(\
tr075_quik \
tr075_erainocrt \
tr075n_quik \
tr075n_erainocrt \
tr075n_newflx \
tr075n_n02nogm)

exp_list_trop025_nemo=(\
tr025_quikubs \
tr025n_gm01 \
tr025_quiktau \
tr025_quik \
tr025_erainocrt \
tr025n_gm00) 

exp_list_trop12_nemo=(\
tr12_quik \
tr12_erainocrt \
tr12n_n03 \
tr12n_n02)

exp_list_trop075_now=(\
tr075_cpl12L60_sol093 \
tr075_cpl12L60_sol094 \
tr075now_44L60_sol099obcokalb3zhao3nn \
tr075now_12L60_sol094obcokalb3 \
tr075now_11L60m_swrad04)

exp_list_trop025_now=(\
tr025_cpl12L60_sol094)

exp_list_cmip5=(\
cmip5_ACCESS1-0 \
cmip5_ACCESS1-3 \
cmip5_bcc-csm1-1 \
cmip5_bcc-csm1-1-m \
cmip5_BNU-ESM \
cmip5_CanESM2 \
cmip5_CCSM4 \
cmip5_CESM1-BGC \
cmip5_CESM1-CAM5-1-FV2 \
cmip5_CESM1-CAM5 \
cmip5_CESM1-FASTCHEM \
cmip5_CESM1-WACCM \
cmip5_CMCC-CESM \
cmip5_CMCC-CM \
cmip5_CMCC-CMS \
cmip5_CNRM-CM5-2 \
cmip5_CSIRO-Mk3-6-0 \
cmip5_FGOALS-g2 \
cmip5_GFDL-CM2p1 \
cmip5_GFDL-CM3 \
cmip5_GFDL-ESM2G \
cmip5_GFDL-ESM2M \
cmip5_GISS-E2-H \
cmip5_GISS-E2-H-CC \
cmip5_GISS-E2-R \
cmip5_GISS-E2-R-CC \
cmip5_HadCM3 \
cmip5_HadGEM2-CC \
cmip5_HadGEM2-ES \
cmip5_IPSL-CM5A-LR \
cmip5_IPSL-CM5A-MR \
cmip5_MPI-ESM-LR \
cmip5_MPI-ESM-MR \
cmip5_MPI-ESM-P \
cmip5_MRI-CGCM3 \
cmip5_MRI-ESM1 \
cmip5_NorESM1-M \
cmip5_NorESM1-ME)



 


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

# 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=1321, height=532, status=no').focus();return false;
    }
  </script>


EOD




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

<!--========================================================================-->
<!--                              TABLE                                     -->
<!--========================================================================-->
<table>
  <tbody>
EOD



cat >>  ${outfilename}   <<  EOD
  <tr>
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop075 (nemo)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_trop075_nemo[@]}"); img_ext=${img_ext_nemo}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done




cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop025 (nemo)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_trop025_nemo[@]}"); img_ext=${img_ext_nemo}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done





cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop12 (nemo)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_trop12_nemo[@]}"); img_ext=${img_ext_nemo}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done




cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop075 (nemo/wrf)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_trop075_now[@]}"); img_ext=${img_ext_now}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done




cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop025 (nemo/wrf)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_trop025_now[@]}"); img_ext=${img_ext_now}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done





cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">cmip5 (coupled)</span></td>
  </tr><tr>
EOD
#===============================================================================
exp_list=("${exp_list_cmip5[@]}"); img_ext=${img_ext_cmip5}
#===============================================================================
jj=0
dim=${#exp_list[@]}
echo "dim= " ${dim}

for (( jj=0; jj<${dim}; jj=jj+4 )) ; do
   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      exp_name=`echo ${exp} | cut -d'_' -f2`
      echo ${kk} ${exp}
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="1"><span class="stabilo2">${exp_name}</span></td>
EOD
      fi
   done

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

   for (( ii=0; ii<4; ii=ii+1 )) ; do
      kk=`echo $((${jj}+${ii}))`
      exp=${exp_list[${kk}]}
      echo ${kk} ${exp}
      img1="${imgdir1}/${exp}_${img_ext}"
      if [ ${kk} -lt ${dim} ]; then 
         cat >>  ${outfilename}   <<  EOD
    <td><a href="javascript:;" onclick="ChargeImage1('${img1}');">
        <img class="image4" src='${img1}' /></a></td>
EOD
      fi
   done

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

done
cat >>  ${outfilename}   <<  EOD
    <td align="center" rowspan="1" colspan="4"><span class="stabilo2">trop025 (nemo / wrf)</span></td>
  </tr><tr>
EOD
#===============================================================================

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


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