function startStopShow(elem, pagCnt) {
  if (elem.innerHTML == 'Slide Show') {
    ss.style.background = 'Lime';
    elem.innerHTML = 'Stop Show';
    SlideShow(pagCnt, false)
  }
  else {
    ss.style.background = 'Lightgrey';
    elem.innerHTML = 'Slide Show';
    SlideShow(pagCnt, true)
  }
}

function SlideShow(pagCnt, stopShow) {
  timeOut = 9000
  if (stopShow) {
    clearTimeout(interval);
    curpag.style.display = 'none';
  }
  else {
    var x = 1;
    for (i = 1; i < pagCnt + 1; i++) {
      myPag = document.getElementById('D' + i)
      if (myPag.style.display == 'inline') {
        myPag.style.display = 'none';
        x = i + 1;
        break;
      }
    }
    if (x == pagCnt + 1) {
      x = 1;
    }
    myPag = document.getElementById('D' + x);
    myPag.style.display = 'inline';
    interval = setTimeout("SlideShow(" + pagCnt + ", " + false + ")", timeOut)
  }
}

function goPage(pagCnt, boolFwd) {
  var x = 1;

  document.getElementById('BF').style.display = 'inline'
  document.getElementById('BB').style.display = 'inline'

  for (i = 1; i < pagCnt + 1; i++) {
    myPag = document.getElementById('D' + i)
    if (myPag.style.display == 'inline') {
      myPag.style.display = 'none';
      if (boolFwd) {
        x = i + 1;
        if (x == pagCnt) {
          document.getElementById('BF').style.display = 'none'
        }
      }
      else {
        x = i - 1;
        if (x == 1) {
          document.getElementById('BB').style.display = 'none'
        }
      }
      break;
    }
  }
  
  document.getElementById('D' + x).style.display = 'inline';
}

function pageSlideShow(elem, pagCnt) {
  if (elem.innerHTML == 'Slide Show') {
    ss.style.background = 'Lime';
    elem.innerHTML = 'Stop Show';
    document.getElementById('BF').style.display = 'none'
    document.getElementById('BB').style.display = 'none'
    SlideShow(pagCnt, false)
  }
  else {
    ss.style.background = 'Lightgrey';
    elem.innerHTML = 'Slide Show';
    goPage(pagCnt, true)
    SlideShow(pagCnt, true)
  }
}