// intro-pix.js  Display a different series of photos every day
// May 9/10

// Show thumbnail sample photos.
//   Load WidePix & TallPix arrays with max of 61 file names.
//   Show WidePixToReveal number of pix starting at StartSeconds
//   Show TallPixToReveal number of pix starting at StartSeconds

var NumberOfWide = 44;
var NumberOfTall = 29;

// Get today's date
var TodayDoM = new Date();
// var StartSeconds = TodayDoM.getDate();
// Use "seconds" to create start value - math.floor returns only integer portion (no decimal)
// var DayOfMonth = Math.floor((TodayDoM.getSeconds()+2)/2); not used anymore - left as an example
var StartWide = TodayDoM.getSeconds()+1;
if (StartWide > NumberOfWide) StartWide = StartWide - NumberOfWide

var StartTall = TodayDoM.getSeconds()+1;
if (StartTall > NumberOfTall) StartTall = StartTall - NumberOfTall

//Set how many wide images to show at once
var WidePixToReveal=10
var LastWideToReveal = StartWide + WidePixToReveal

//Set how many tall images to show at once
var TallPixToReveal=7
var LastTallToReveal = StartTall + TallPixToReveal

var WidePix=new Array()
WidePix[1]=["intro/introw-01.jpg"]
WidePix[2]=["intro/introw-02.jpg"]
WidePix[3]=["intro/introw-03.jpg"]
WidePix[4]=["intro/introw-04.jpg"]
WidePix[5]=["intro/introw-05.jpg"]
WidePix[6]=["intro/introw-06.jpg"]
WidePix[7]=["intro/introw-07.jpg"]
WidePix[8]=["intro/introw-08.jpg"]
WidePix[9]=["intro/introw-09.jpg"]
WidePix[10]=["intro/introw-10.jpg"]
WidePix[11]=["intro/introw-11.jpg"]
WidePix[12]=["intro/introw-12.jpg"]
WidePix[13]=["intro/introw-13.jpg"]
WidePix[14]=["intro/introw-14.jpg"]
WidePix[15]=["intro/introw-15.jpg"]
WidePix[16]=["intro/introw-16.jpg"]
WidePix[17]=["intro/introw-17.jpg"]
WidePix[18]=["intro/introw-18.jpg"]
WidePix[19]=["intro/introw-19.jpg"]
WidePix[20]=["intro/introw-20.jpg"]
WidePix[21]=["intro/introw-21.jpg"]
WidePix[22]=["intro/introw-22.jpg"]
WidePix[23]=["intro/introw-23.jpg"]
WidePix[24]=["intro/introw-24.jpg"]
WidePix[25]=["intro/introw-25.jpg"]
WidePix[26]=["intro/introw-26.jpg"]
WidePix[27]=["intro/introw-27.jpg"]
WidePix[28]=["intro/introw-28.jpg"]
WidePix[29]=["intro/introw-29.jpg"]
WidePix[30]=["intro/introw-30.jpg"]
WidePix[31]=["intro/introw-31.jpg"]
WidePix[32]=["intro/introw-32.jpg"]
WidePix[33]=["intro/introw-33.jpg"]
WidePix[34]=["intro/introw-34.jpg"]
WidePix[35]=["intro/introw-35.jpg"]
WidePix[36]=["intro/introw-36.jpg"]
WidePix[37]=["intro/introw-37.jpg"]
WidePix[38]=["intro/introw-38.jpg"]
WidePix[39]=["intro/introw-39.jpg"]
WidePix[40]=["intro/introw-40.jpg"]
WidePix[41]=["intro/introw-41.jpg"]
WidePix[42]=["intro/introw-42.jpg"]
WidePix[43]=["intro/introw-43.jpg"]
WidePix[44]=["intro/introw-44.jpg"]    

var TallPix=new Array()
TallPix[1]=["intro/introt-01.jpg"]
TallPix[2]=["intro/introt-02.jpg"]
TallPix[3]=["intro/introt-03.jpg"]
TallPix[4]=["intro/introt-04.jpg"]
TallPix[5]=["intro/introt-05.jpg"]
TallPix[6]=["intro/introt-06.jpg"]
TallPix[7]=["intro/introt-07.jpg"]
TallPix[8]=["intro/introt-08.jpg"]
TallPix[9]=["intro/introt-09.jpg"]
TallPix[10]=["intro/introt-10.jpg"]
TallPix[11]=["intro/introt-11.jpg"]
TallPix[12]=["intro/introt-12.jpg"]
TallPix[13]=["intro/introt-13.jpg"]
TallPix[14]=["intro/introt-14.jpg"]
TallPix[15]=["intro/introt-15.jpg"]
TallPix[16]=["intro/introt-16.jpg"]
TallPix[17]=["intro/introt-17.jpg"]
TallPix[18]=["intro/introt-18.jpg"]
TallPix[19]=["intro/introt-19.jpg"]
TallPix[20]=["intro/introt-20.jpg"]
TallPix[21]=["intro/introt-21.jpg"]
TallPix[22]=["intro/introt-22.jpg"]
TallPix[23]=["intro/introt-23.jpg"]
TallPix[24]=["intro/introt-24.jpg"]
TallPix[25]=["intro/introt-25.jpg"]
TallPix[26]=["intro/introt-26.jpg"]
TallPix[27]=["intro/introt-27.jpg"]
TallPix[28]=["intro/introt-28.jpg"]
TallPix[29]=["intro/introt-29.jpg"]      

function ShowWideIntro() {
  if (LastWideToReveal <= NumberOfWide) {
    for (i=StartWide;i<LastWideToReveal;i++) {
      document.write('<img src="'+WidePix[i]+'" width=150 height=100><br>')
      }
    }
  else {
    var WideShown=1
    for (i=StartWide;i<=NumberOfWide;i++) {
      document.write('<img src="'+WidePix[i]+'" width=150 height=100><br>')
      WideShown++
      }
    var j=1
    for (i=WideShown;i<=WidePixToReveal;i++) {
      document.write('<img src="'+WidePix[j]+'" width=150 height=100><br>')
      j++
      }
    }
}

function ShowTallIntro() {
  if (LastTallToReveal <= NumberOfTall) {
    for (i=StartTall;i<LastTallToReveal;i++) {
      document.write('<img src="'+TallPix[i]+'" width=100 height=150>')
      }
    }
  else {
    var TallShown=1
    for (i=StartTall;i<=NumberOfTall;i++) {
      document.write('<img src="'+TallPix[i]+'" width=100 height=150>')
      TallShown++
      }
    var j=1
    for (i=TallShown;i<=TallPixToReveal;i++) {
      document.write('<img src="'+TallPix[j]+'" width=100 height=150>')
      j++
      }
    }
}