// insert the line below where the picture / video duo should pop up
//<a target="_blank" id="VidSrc" name="VidSrc" ><img align="middle" name="imgSrc" id="imgSrc"></a>
// <a href="javascript:next()">next</a>
// <a href="javascript:prev()">prev</a>


var ii = 0;

// Create function to load image
function loadImg(){
  document.imgSrc.src =myImg[ii];
  document.getElementById("vtext").innerHTML=mytxt[ii]
  //document.getElementById('VidSrc').href = myVid[ii];
}

function loadtxt(num){
  document.getElementById("vtext").innerHTML=mytxt[num]
  //document.getElementById('VidSrc').href = myVid[ii];
}


// Create link function to switch image backward
function prev(){
  if(ii==0){
    var l = myImg.length-1;
	ii=l;
  } else {
    var l = ii-=1;
  }
  
  if(l < myImg.length - 1 )
    document.getElementById("next").style.display=""
  
  if(l==0)
    document.getElementById("previous").style.display="none";
  document.imgSrc.src = myImg[l];  
  loadtxt(l)
}


// Create link function to switch image forward
function next(){
  if(ii == myImg.length - 1 ){
    var l = 0;
	ii=l;
  } else {
    var l = ii+=1;
  }
  
  if(l == myImg.length - 1 )
    document.getElementById("next").style.display="none"
  if(l>0)
    document.getElementById("previous").style.display="";
  document.imgSrc.src =myImg[l];
  loadtxt(l)

}

function viewVideo(){
   var l = ii  
  window.open(myImg[l],  'Option', 'dependent =yes, width=660, height=450, titlebar=no,scrollbars=yes,status=yes,resizable=yes');


  
}