
#!/bin/bash
# File	: upd_biancawennink.sh
# By	: MaartenDeBoer.nl, 251026
# Subject	: Script to update www.biancawennink.nl-page with another foto
#(0.2),251025	: Added randon foto's
#(0.3),251027	: Add FILTER, ICON
#(0.4),251027	: Add. rand
#(0.5),251028	: Add all, new
#(0.6),251029	: Add file numbering
#(0.7),251029	: Add OPTION1
#(0.8),251031	: Add TXT_FILE
#(0.9),251031	: Cosmetiche update, FONTs
#(0.10),251031	: Add tables
#(0.11),251031	: Mod. FONT
#(0.12),251031	: Add. FONT FACE
#(0.13),251031  : Add. IMG in Bianca/ & Met9/
#(0.14),251107	: Add message after "block1" (1st foto)
#(0.15),251109	: Add message at the end (after last foto)
#(0.16),251109	: Mobile (.htm) & Desktop (.html) version
#(0.17),251117	: Add GET_RAND_NR (with RAND_NR save)
#(0.18),251117	: Add LOGgin, upd *.jpg + *.png
PGM=`basename $0|cut -d\. -f1`
VER="0.18"
LOG="${HOME}/log/${PGM}.log"
TMP="/tmp/${PGM}.$$"
FILTER="[?]*"
FILTER=""
OPTION1=""
YR=`date +%Y`
DATI=`date +%Y'-'%m'-'%d' '%H':'%M`
RAND_NR_FILE_1="/tmp/${PGM}.rand_nrs_1"
RAND_NR_FILE_2="/tmp/${PGM}.rand_nrs_2"

ICON="Icon_Linkedin_foto_Bianca_600x588.png"
WEBDIR="/var/www/vhosts/www.biancawennink.nl/html"
INDEX="index.html"
INDEXM="index.htm"
INDEX="new.html"
INDEXM="new.htm"
PAGE="${WEBDIR}/${INDEX}"
PAGEM="${WEBDIR}/${INDEXM}"

TXT_FILE="${WEBDIR}/voor_altijd_met_negen.txt"
IMG_MET9_1="2004-F1050021_MOD.JPG"
IMG_MET9_2="2019-IMG_1139.JPG"
DIR_BIANCA="Bianca"
DIR_MET9="Met9"

IMG_HEIGHT="600px"
IMG_HEIGHT2="350px"
IMG_WIDTH="800px"
FSIZE_HDR="6"
FSIZE_MED="4"
FSIZE_MSG="3"
FSIZE_TXT="3"
FSIZEM_HDR="10"
FSIZEM_MED="5"
FSIZEM_MSG="4"
FSIZEM_TXT="6"
FFACE="Verdana"
#FFACE="Arial"

BORDER=1
BORDER=0

if [ "${1}" != "" ]; then
  OPTION1="${1}"
  FILTER="${1}"
fi  # $1

if [ "${OPTION1}" == "all" ]; then
  FILTER="[?]*"
  INDEX="all.html"
  INDEXM="all.htm"
  PAGE="${WEBDIR}/${INDEX}"
  PAGEM="${WEBDIR}/${INDEXM}"
fi  # all
if [ "${OPTION1}" == "new" ]; then
  FILTER="[?]*"
  INDEX="new.html"
  INDEXM="new.htm"
  PAGE="${WEBDIR}/${INDEX}"
  PAGEM="${WEBDIR}/${INDEXM}"
fi  # all

echo "`date` ${PGM} v${VER} started."|tee -a ${LOG}
echo "  PGM=${PGM}"
echo "  VER=${VER}"
echo "  LOG=${LOG}"
echo "  TMP=${TMP}"
echo "  WEBDIR=${WEBDIR}"
echo "  PAGE=${PAGE}"
echo "  PAGEM=${PAGEM}"
echo "  ICON=${ICON}"
echo "  IMG_HEIGHT=${IMG_HEIGHT}"
echo "  IMG_WIDTH=${IMG_WIDTH}"
echo "  FILTER=${FILTER}"
echo "  OPTION1(1)=${OPTION1}"
echo "  FSIZE_HRD=${FSIZE_HRD}"
echo "  FSIZE_MED=${FSIZE_MED}"
echo "  FSIZE_MSG=${FSIZE_MSG}"
echo "  FSIZE_TXT=${FSIZE_TXT}"
echo "  BORDER=${BORDER}"
sleep 1

touch ${TMP}

GET_RAND_NR()
{
FILE_DIR=${1}
RAND_NR_FILE=${2}

touch ${RAND_NR_FILE}
RAND_OK=0
LOOP_CNT=0
RAND_NR_FILE_CNT=`wc -l ${RAND_NR_FILE}|awk '{print $1}'`

cd ${FILE_DIR}
FILE_CNT=`ls -1 *.[JjPp][PpNn][Gg] |wc -l`

echo "    RAND_OK=${RAND_OK} FILE_DIR=${FILE_DIR} RAND_NR_FILE=${RAND_NR_FILE}"
while [ ${RAND_OK} -eq 0 ] && [ ${LOOP_CNT} -lt ${FILE_CNT} ]
do
# empty RAND_NR_FILE when 
#  FILE_CNT_085=`expr ${FILE_CNT} \* 85 \/ 100`
#  echo "  FILE_CNT=${FILE_CNT} (FILE_CNT_085=${FILE_CNT_085}) RAND_NR_FILE_CNT=${RAND_NR_FILE_CNT} LOOP_CNT=${LOOP_CNT}"
  echo "  FILE_CNT=${FILE_CNT} RAND_NR_FILE_CNT=${RAND_NR_FILE_CNT} LOOP_CNT=${LOOP_CNT}"
  sleep 0
#  if [ ${RAND_NR_FILE_CNT} -gt ${FILE_CNT_085} ]; then
#  fi  # RAND_NR_FILE
  if [ ${FILE_CNT} -gt 0 ]; then
    RAND_NR=$((( ${RANDOM} * ${FILE_CNT} /32767 ) +1 ))
  else
    RAND_NR="0"
  fi  # FILE_CNT
# Check if RAND_NR was already chosen
  grep ${RAND_NR} ${RAND_NR_FILE}
  RAND_OK=${?}
  echo "  FILE_CNT=${FILE_CNT} RAND_NR_FILE_CNT=${RAND_NR_FILE_CNT} RAND_NR=${RAND_NR} RAND_OK=${RAND_OK} "|tee -a ${LOG}
  if [ "${RAND_NR}" != "" ];then
    echo "RAND_NR=${RAND_NR}" > ${TMP}
  fi
  LOOP_CNT=`expr ${LOOP_CNT} + 1`
done  # RAND_OK

if [ ${LOOP_CNT} -ge ${FILE_CNT} ]; then
  echo "    LOOP_CNT(${LOOP_CNT}) > FILE_CNT(${FILE_CNT}) : Clear ${RAND_NR_FILE}"|tee -a ${LOG}
  cp /dev/null ${RAND_NR_FILE}
  sleep 1
fi  # LOOP_CNT

RAND_NR=`grep "RAND_NR" ${TMP} | cut -d\= -f2`
echo ${RAND_NR} >> ${RAND_NR_FILE}
sleep 0
}

cd ${WEBDIR}

# PAGE-HDR
echo "<HTML>" > ${PAGE}
echo "<HTML>" > ${PAGEM}
echo "  <HEAD>" >> ${PAGE}
echo "  <HEAD>" >> ${PAGEM}
echo "    <TITLE>Bianca Wennink</TITLE>" >> ${PAGE}
echo "    <TITLE>Bianca Wennink</TITLE>" >> ${PAGEM}
echo "    <META content='text/html; charset=iso-8859-1' http-equiv=Content-Type>">> ${PAGE}
echo "    <META content='text/html; charset=iso-8859-1' http-equiv=Content-Type>">> ${PAGEM}
echo "    <META name=author content='Maarten de Boer'>" >> ${PAGE}
echo "    <META name=author content='Maarten de Boer'>" >> ${PAGEM}
echo "    <META name=generator content=\"Agrarix.IT:${PGM} v${VER}\" /> " >> ${PAGE}
echo "    <META name=generator content=\"Agrarix.IT:${PGM} v${VER}\" /> " >> ${PAGEM}
echo "    <META name=date-time content=\"${DATI}\" /> " >> ${PAGE}
echo "    <META name=date-time content=\"${DATI}\" /> " >> ${PAGEM}
echo "    <META name=robots content=index,follow> ">> ${PAGE}
echo "    <META name=robots content=index,follow> ">> ${PAGEM}
echo "">> ${PAGE}
echo "    <link rel='icon' href=\"${ICON}\" type='image/jpg'> ">> ${PAGE}
echo "    <link rel='icon' href=\"${ICON}\" type='image/jpg'> ">> ${PAGEM}
echo "  </HEAD>" >> ${PAGE}
echo "  </HEAD>" >> ${PAGEM}

# BODY
echo "  <BODY>" >> ${PAGE}
echo "  <BODY>" >> ${PAGEM}
echo "    <TABLE ID='main' BORDER=2 WIDTH='100%' CELLSPACING='0' >" >> ${PAGE}
echo "    <TABLE ID='main' BORDER=2 WIDTH='100%' CELLSPACING='0' >" >> ${PAGEM}
echo "      <TR>" >> ${PAGE}
echo "      <TR>" >> ${PAGEM}
echo "        <TD>" >> ${PAGE}
echo "        <TD>" >> ${PAGEM}
echo "          <CENTER>" >> ${PAGE}
echo "          <CENTER>" >> ${PAGEM}

echo "          <TABLE ID='rows' BORDER=${BORDER} WIDTH='95%' CELLSPACING='0' >" >> ${PAGE}
echo "          <TABLE ID='rows' BORDER=${BORDER} WIDTH='95%' CELLSPACING='0' >" >> ${PAGEM}
# 1st row
echo "<DIV ID='block1'></DIV>" >> ${PAGE}
echo "<DIV ID='block1'></DIV>" >> ${PAGEM}
echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN='2'>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <CENTER>" >> ${PAGE}
echo "                <CENTER>" >> ${PAGEM}
echo "                <BR>" >> ${PAGE}
echo "                <BR>" >> ${PAGEM}
echo "                <FONT FACE=${FFACE} SIZE=${FSIZE_HDR} ><B>In herinnering:</B></FONT>" >> ${PAGE}
echo "                <FONT FACE=${FFACE} SIZE=${FSIZEM_HDR} ><B>In herinnering:</B></FONT>" >> ${PAGEM}
echo "                <BR>" >> ${PAGE}
echo "                <BR>" >> ${PAGEM}
echo "                <BR>" >> ${PAGE}
echo "                <BR>" >> ${PAGEM}
echo "                </CENTER>" >> ${PAGE}
echo "                </CENTER>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}

# Block1 ----------------------------
# Portret (1st) foto
echo "<DIV ID='Foto1'></DIV>" >> ${PAGE}
echo "<DIV ID='Foto1'></DIV>" >> ${PAGEM}
echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <CENTER>" >> ${PAGE}
echo "                <CENTER>" >> ${PAGEM}

## CNT [1-9]-files, while OPTION1=""
#if [ "${OPTION1}" = "" ]; then
#  FILE_CNT=`ls -1 ${DIR_BIANCA}/* |wc -l`
#  echo "  FILE_CNT=${FILE_CNT}"
#  if [ ${FILE_CNT} -gt 0 ]; then
#    RAND_NR=$((( ${RANDOM} * ${FILE_CNT} /32767 ) +1 ))
#  else
#    RAND_NR="0"
#  fi  # FILE_CNT
#  echo "  FILE_CNT=${FILE_CNT} RAND_NR=${RAND_NR}"|tee -a ${LOG}
#  echo "RAND_NR=${RAND_NR}" > ${TMP}
#fi  # FILTER=""

# Bianca-dir-files
GET_RAND_NR ${WEBDIR}/${DIR_BIANCA} ${RAND_NR_FILE_1}

cd ${WEBDIR}
# Find file with RAND_NR
FILE_NR=1
ls -1 ${DIR_BIANCA}/*.[JjPp][PpNn][Gg] |grep "${FILTER}"|while read FNAME
do
  RAND_NR=`grep "RAND_NR" ${TMP} | cut -d\= -f2`
  echo "  RAND_NR=${RAND_NR} FILE_NR=${FILE_NR} FNAME=${FNAME}"
  if [ "${OPTION1}" == "" ] && [ ${FILE_NR} -eq ${RAND_NR} ]; then
    echo "    ${FILE_NR}=${RAND_NR} : FNAME=${FNAME}"|tee -a ${LOG}
    echo "                  <img src=\"${FNAME}\" align=\"bottom\" height=\"${IMG_HEIGHT}\" alt=\"${FNAME}\" > " >> ${PAGE}
    echo "                  <img src=\"${FNAME}\" align=\"bottom\" width=\"${IMG_WIDTH}\" alt=\"${FNAME}\" > " >> ${PAGEM}
    echo "      <BR>" >> ${PAGE}
    echo "      <BR>" >> ${PAGEM}
  fi  # FILE_NR = RAND_NR

  if [ "${FILTER}" != "" ] && [ "${FNAME}" != "" ]; then
    echo "    FNAME=${FNAME}"|tee -a ${LOG}
    echo "                  <img src=\"${FNAME}\" align=\"bottom\" height=\"${IMG_HEIGHT}\" alt=\"${FNAME}\" > " >> ${PAGE}
    echo "                  <img src=\"${FNAME}\" align=\"bottom\" width=\"${IMG_WIDTH}\" alt=\"${FNAME}\" > " >> ${PAGEM}
  fi  # FILTER <> "" 

  if [ "${OPTION1}" == "all" ]; then
    echo "      ${FILE_NR}:${FNAME} <BR> <BR>" >> ${PAGE}
    echo "      ${FILE_NR}:${FNAME} <BR> <BR>" >> ${PAGEM}
  fi  # all

  FILE_NR=`expr ${FILE_NR} + 1`
done  # LINE
echo "              </TD>" >> ${PAGE}

if [ "${OPTION1}" != "all" ]; then
# Videos
  echo "<DIV ID='Videos'></DIV>" >> ${PAGE}
  echo "<DIV ID='Videos'></DIV>" >> ${PAGEM}
  echo "              <TD WIDTH='50%'>" >> ${PAGE}
  echo "                <CENTER>" >> ${PAGE}
  echo "                  <iframe src='https://www.youtube.com/embed/WZenGIT3Tf8' height='300' width='533' title='Ave Maria voor Bianca'></iframe> " >> ${PAGE}
  echo "                  <BR>" >> ${PAGE}
  echo "                  <iframe src='https://www.youtube.com/embed/73-Sy7Pscgs' height='300' width='533' title='Gedicht voor Bianca'></iframe> <BR>" >> ${PAGE}
  echo "              </TD>" >> ${PAGE}
fi  # !all

echo "            </TR>" >> ${PAGE}


# Name + birth
echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN='2'>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <CENTER>" >> ${PAGE}
echo "                <CENTER>" >> ${PAGEM}
echo "                  <BR>" >> ${PAGE}
echo "                  <BR>" >> ${PAGEM}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZE_HDR}><B><I>Bianca Wennink</I></B></FONT><BR>" >> ${PAGE}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZEM_HDR}><B><I>Bianca Wennink</I></B></FONT><BR>" >> ${PAGEM}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZE_MED}><B>8 feb 1995 - 21 okt 2025</B></FONT><BR>" >> ${PAGE}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZEM_MED}><B>8 feb 1995 - 21 okt 2025</B></FONT><BR>" >> ${PAGEM}
echo "                  <BR>" >> ${PAGE}
echo "                  <BR>" >> ${PAGEM}
echo "                  <BR>" >> ${PAGE}
echo "                  <BR>" >> ${PAGEM}
echo "                </CENTER>" >> ${PAGE}
echo "                </CENTER>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}

echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN='2'>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <HR>" >> ${PAGE}
echo "                <HR>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}


# Block2 Mobile ------------------------------------------
echo "<DIV ID='Block2_Mobile'></DIV>" >> ${PAGE}
echo "<DIV ID='Block2_Mobile'></DIV>" >> ${PAGEM}
echo "                <TD COLSPAN='2'>" >> ${PAGE}
echo "                <TD COLSPAN='2'>" >> ${PAGEM}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZE_MSG} COLOR=blue><CENTER>" >> ${PAGE}
echo "                  <FONT FACE=${FFACE} SIZE=${FSIZEM_MSG} COLOR=blue><CENTER>" >> ${PAGEM}
echo "                  <B>De bovenstaande en de laatste foto (onderaan) veranderen dagelijks.</B> <BR> <BR>" >> ${PAGE}
echo "                  <B>Heb jij ook nog een mooie (portret) foto van Bianca? Neem dan even contact op met <A HREF='mailto:maartendeboer@agrarix.nl?subject=Foto v. Bianca Wennink '>Maarten de Boer</A> </B> " >> ${PAGE}
#
echo "                  <B>De bovenstaande en de laatste foto (onderaan) veranderen dagelijks.</B> <BR> <BR>" >> ${PAGEM}
echo "                  <B>Heb jij ook nog een mooie (portret) foto van Bianca? Neem dan even contact op met <A HREF='mailto:maartendeboer@agrarix.nl?subject=Foto v. Bianca Wennink '>Maarten de Boer</A> </B> <BR>" >> ${PAGEM}
echo "                </CENTER></FONT>" >> ${PAGE}
echo "                </CENTER></FONT>" >> ${PAGEM}
#echo "                <HR>" >> ${PAGE}
echo "                <HR>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}


# Block3 ------------------------------------------
# Videos
if [ "${OPTION1}" != "all" ]; then
  echo "<DIV ID='Options1=all'></DIV>" >> ${PAGEM}
  echo "            <TR>" >> ${PAGEM}
  echo "              <TD WIDTH='100%'>" >> ${PAGEM}
  echo "                <CENTER>" >> ${PAGEM}
  echo "<iframe src='https://www.youtube.com/embed/WZenGIT3Tf8' height='480' width='800' title='Ave Maria voor Bianca'></iframe> <BR>" >> ${PAGEM}
#  echo "                <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGEM}
  echo "<iframe src='https://www.youtube.com/embed/73-Sy7Pscgs' height='480' width='800' title='Gedicht voor Bianca'></iframe> <BR>" >> ${PAGEM}
  echo "              </TD>" >> ${PAGEM}
  echo "            </TR>" >> ${PAGEM}
fi  # !all

echo "<DIV ID='Block3'></DIV>" >> ${PAGE}
echo "<DIV ID='Block3'></DIV>" >> ${PAGEM}
echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN='2'>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <HR>" >> ${PAGE}
echo "                <HR>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}

# Block4 ------------------------------------------
# met9
if [ -f ${TXT_FILE} ]; then
  echo "<DIV ID='TXT_FILE'></DIV>" >> ${PAGE}
  echo "<DIV ID='TXT_FILE'></DIV>" >> ${PAGEM}
  echo "            <TR>" >> ${PAGE}
  echo "            <TR>" >> ${PAGEM}
  echo "              <TD COLSPAN='2'>" >> ${PAGE}
  echo "              <TD COLSPAN='2'>" >> ${PAGEM}
  echo "                <CENTER>" >> ${PAGE}
  echo "                <CENTER>" >> ${PAGEM}
  echo "                <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGEM}
  echo "                <FONT FACE=${FFACE} SIZE=${FSIZE_HDR}><B>Voor altijd met negen:</B></FONT><BR>" >> ${PAGE}
  echo "                <FONT FACE=${FFACE} SIZE=${FSIZEM_HDR}><B>Voor altijd met negen:</B></FONT><BR>" >> ${PAGEM}
  echo "                <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGEM}
  echo "              </TD>" >> ${PAGE}
  echo "              </TD>" >> ${PAGEM}
  echo "            </TR>" >> ${PAGE}
  echo "            </TR>" >> ${PAGEM}

  echo "<DIV ID='IMG_MET9_1'></DIV>" >> ${PAGE}
  echo "<DIV ID='IMG_MET9_1'></DIV>" >> ${PAGEM}
  echo "            <TR>" >> ${PAGE}
  echo "            <TR>" >> ${PAGEM}
  echo "              <TD WIDTH=50%>" >> ${PAGE}
  echo "              <TD COLSPAN='2'>" >> ${PAGEM}
  echo "                <CENTER>" >> ${PAGE}
  echo "                <CENTER>" >> ${PAGEM}
  echo "                  <BR>" >> ${PAGE}
  if [ -f ${IMG_MET9_1} ]; then
    echo "                  <img src=\"${IMG_MET9_1}\" align=\"bottom\" height=\"${IMG_HEIGHT2}\" alt=\"${IMG_MET9_1}\" > <BR>" >> ${PAGE}
    echo "              <BR>" >> ${PAGE}
    echo "                  <img src=\"${IMG_MET9_1}\" align=\"bottom\" width=\"${IMG_WIDTH}\" alt=\"${IMG_MET9_1}\" > <BR>" >> ${PAGEM}
  fi  # IMG_MET9_1
#  echo "              </TD>" >> ${PAGE}
  echo "              </TD>" >> ${PAGEM}
#  echo "            </TR>" >> ${PAGE}
  echo "            </TR>" >> ${PAGEM}

# ------------------------------------------
# Nieuwe Met9 foto kiezen
# Maar zonder IMG
  echo "    Nieuwe Met9 foto kiezen"

  GET_RAND_NR ${WEBDIR}/${DIR_MET9} ${RAND_NR_FILE_2}

#  FILE_CNT=`ls -1 ${DIR_MET9}/* |wc -l`
#  echo "  FILE_CNT=${FILE_CNT}"
#  if [ ${FILE_CNT} -gt 0 ]; then
#    RAND_NR=$((( ${RANDOM} * ${FILE_CNT} /32767 ) +1 ))
#  else
#    RAND_NR="0"
#  fi  # FILE_CNT
#  echo "  FILE_CNT=${FILE_CNT} RAND_NR=${RAND_NR}"|tee -a ${LOG}
#  echo "RAND_NR=${RAND_NR}" > ${TMP}

  RAND_NR=`grep "RAND_NR" ${TMP} | cut -d\= -f2`
  echo "      RAND_NR=${RAND_NR}"
  sleep 0
  FILE_NR=1
  cd ${WEBDIR}
  ls -1 ${DIR_MET9}/* |while read FNAME
  do
#    RAND_NR=`grep "RAND_NR" ${TMP} | cut -d\= -f2`
    echo "  RAND_NR=${RAND_NR} FILE_NR=${FILE_NR} FNAME=${FNAME}"
    if [ ${FILE_NR} -eq ${RAND_NR} ]; then
      echo "    ${FILE_NR}=${RAND_NR} : FNAME=${FNAME}"|tee -a ${LOG}
      echo "FNAME=${FNAME}" > ${TMP}.fname
    fi  # FILE_NR = RAND_NR
    FILE_NR=`expr ${FILE_NR} + 1`
  done  # FNAME
# ------------------------------------------

  FNAME=`grep "FNAME" ${TMP}.fname | cut -d\= -f2`
  echo "      FNAME=${FNAME}"

# By Desktop: 2nd Met9 foto
  echo "<DIV ID='met9'></DIV>" >> ${PAGE}
  echo "                <img src=\"${FNAME}\" align=\"bottom\" height=\"${IMG_HEIGHT2}\" alt=\"${FNAME}\" > " >> ${PAGE}
  echo "      <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGE}
  echo "              </TD>" >> ${PAGE}

# By Desktop: 2nd kolom <TD>
# By Mobile: Next Row <TR>

#  echo "            <TR>" >> ${PAGE}
  echo "            <TR>" >> ${PAGEM}
  echo "              <TD WIDTH='50%'>" >> ${PAGE}
  echo "              <TD COLSPAN='2'>" >> ${PAGEM}
  echo "                <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGEM}
  echo "                <FONT FACE=${FFACE} SIZE=\"${FSIZE_TXT}\">" >> ${PAGE}
  echo "                <FONT FACE=${FFACE} SIZE=\"${FSIZEM_TXT}\">" >> ${PAGEM}
  cat ${TXT_FILE} | while read LINE
  do
    echo "${LINE} <BR>" >> ${PAGE}
    echo "${LINE} <BR>" >> ${PAGEM}
  done  # LINE
  echo "                </FONT>" >> ${PAGE}
  echo "                </FONT>" >> ${PAGEM}
#  echo "                </H2>" >> ${PAGE}
  echo "                <BR>" >> ${PAGE}
  echo "                <BR>" >> ${PAGEM}
  echo "              </TD>" >> ${PAGE}
  echo "              </TD>" >> ${PAGEM}
#  echo "            </TR>" >> ${PAGE}
  echo "            </TR>" >> ${PAGEM}

# ------------------------------------------

#  echo "            <TR>" >> ${PAGE}
  echo "            <TR>" >> ${PAGEM}
#  echo "              <TD>" >> ${PAGE}
  echo "              <TD COLSPAN='2'>" >> ${PAGEM}
#  echo "                <CENTER>" >> ${PAGE}
  echo "                <CENTER>" >> ${PAGEM}
  echo "<DIV ID='met9'></DIV>" >> ${PAGEM}
  echo "                  <img src=\"${FNAME}\" align=\"bottom\" width=\"${IMG_WIDTH}\" alt=\"${FNAME}\" > " >> ${PAGEM}
  echo "      <BR>" >> ${PAGEM}
  echo "                  <BR>" >> ${PAGEM}
  echo "                </CENTER>" >> ${PAGEM}
  echo "              </TD>" >> ${PAGEM}

  echo "            </TR>" >> ${PAGE}
  echo "            </TR>" >> ${PAGEM}

fi  # TXT_FILE

echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN='2'>" >> ${PAGE}
echo "              <TD COLSPAN='2'>" >> ${PAGEM}
echo "                <HR>" >> ${PAGE}
echo "                <HR>" >> ${PAGEM}
echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}


# PAGE-footer
echo "            <TR>" >> ${PAGE}
echo "            <TR>" >> ${PAGEM}
echo "              <TD COLSPAN=2>" >> ${PAGE}
echo "              <TD COLSPAN=2>" >> ${PAGEM}
echo "                <CENTER>" >> ${PAGE}
echo "                <CENTER>" >> ${PAGEM}
echo "                <H6>" >> ${PAGE}
echo "                <H6>" >> ${PAGEM}
echo "        <A HREF='https://wiki.maartendeboer.nl' target='_blank'>(c)${YR} by Maarten de Boer</A> | <A HREF=\"/${INDEXM}\">[Mobile]</A> |" >> ${PAGE}
echo "        <A HREF='https://wiki.maartendeboer.nl' target='_blank'>(c)${YR} by Maarten de Boer</A> |" >> ${PAGEM}
echo "        <A HREF='webalizer/' target='_blank'>Web.Stats</A>" >> ${PAGE}
echo "        <A HREF='webalizer/' target='_blank'>Web.Stats</A>" >> ${PAGEM}
echo "                </H6>" >> ${PAGE}
echo "                </H6>" >> ${PAGEM}

echo "              </TD>" >> ${PAGE}
echo "              </TD>" >> ${PAGEM}
echo "            </TR>" >> ${PAGE}
echo "            </TR>" >> ${PAGEM}
echo "          </TABLE ID='rows' >" >> ${PAGE}
echo "          </TABLE ID='rows' >" >> ${PAGEM}

echo "        </TD>" >> ${PAGE}
echo "        </TD>" >> ${PAGEM}
echo "      </TR>" >> ${PAGE}
echo "      </TR>" >> ${PAGEM}
echo "    </TABLE ID='main' >" >> ${PAGE}
echo "    </TABLE ID='main' >" >> ${PAGEM}

echo "  </BODY>" >> ${PAGE}
echo "  </BODY>" >> ${PAGEM}
echo "<HTML>" >> ${PAGE}
echo "<HTML>" >> ${PAGEM}


rm ${TMP}
echo "`date` ${PGM} v${VER} finished."|tee -a ${LOG}
exit 0

