// Clever Javascript animated from
//     http://www.the-digital-picture.com/Reviews/Canon-EOS-1D-Mark-III-Digital-SLR-Camera-10fps-Video.aspx


var nloopZZZ1=0;
var reload_loopZZZ1=1000;
var incZZZ1 = 2.0;
var num_loaded_imagesZZZ1 = 0;
var frameZZZ1=-1;
var timeout_idZZZ1=null;
var dirZZZ1=1, playingZZZ1=0, runZZZ1=0;
var indexZZZ1=0;

var nloopZZZ2=0;
var reload_loopZZZ2=1000;
var incZZZ2 = 2.0;
var num_loaded_imagesZZZ2 = 0;
var frameZZZ2=-1;
var timeout_idZZZ2=null;
var dirZZZ2=1, playingZZZ2=0, runZZZ2=0;
var indexZZZ2=0;

var nloopZZZ3=0;
var reload_loopZZZ3=1000;
var incZZZ3 = 2.0;
var num_loaded_imagesZZZ3 = 0;
var frameZZZ3=-1;
var timeout_idZZZ3=null;
var dirZZZ3=1, playingZZZ3=0, runZZZ3=0;
var indexZZZ3=0;

var nloopZZZ4=0;
var reload_loopZZZ4=1000;
var incZZZ4 = 2.0;
var num_loaded_imagesZZZ4 = 0;
var frameZZZ4=-1;
var timeout_idZZZ4=null;
var dirZZZ4=1, playingZZZ4=0, runZZZ4=0;
var indexZZZ4=0;

var nloopZZZ5=0;
var reload_loopZZZ5=1000;
var incZZZ5 = 2.0;
var num_loaded_imagesZZZ5 = 0;
var frameZZZ5=-1;
var timeout_idZZZ5=null;
var dirZZZ5=1, playingZZZ5=0, runZZZ5=0;
var indexZZZ5=0;



function load_imgZZZ1() {        // asynchronously load all images into cache
 for (i=0; i < maxImagesZZZ1 ; i++) {
  idZZZ1[i]=setTimeout("load_srcZZZ1()",0);
 }
 return;
}

function load_srcZZZ1() {      // load individual images into cache
 if (indexZZZ1 < maxImagesZZZ1) {
  imagesZZZ1[indexZZZ1] = new Image();
  imagesZZZ1[indexZZZ1].onload=count_imagesZZZ1;
  imagesZZZ1[indexZZZ1].src = urlsZZZ1[indexZZZ1];
  indexZZZ1++;
 }
 return;
}

function clear_idsZZZ1() {         // clear asynchronous id's
 for (i=0; i < maxImagesZZZ1 ; i++) {clearTimeout(idZZZ1[i]);}
 return;
}

function count_imagesZZZ1() { 
 // count images as they are loaded into cache
 if (++num_loaded_imagesZZZ1 == maxImagesZZZ1) {
  show_speedZZZ1();
  clear_idsZZZ1();
  animateZZZ1();
 } else {
  // Lets not start the slide-show until they are all loaded
  // document.JPGAnimation.src=images[num_loaded_imagesZZZ1-1].src;
  if (show_controlsZZZ1 == 1) {
     document.getElementById('loading_imagesZZZ1').innerHTML = "<strong>Loading "+num_loaded_imagesZZZ1+" of "+maxImagesZZZ1+ " Images</strong>"; 
  }
 }
}

function start_playZZZ1()  {
 // start movie
 if (playingZZZ1 == 0) {
  if (timeout_idZZZ1 == null && num_loaded_imagesZZZ1==maxImagesZZZ1) animateZZZ1();
 }
} 

function stop_playZZZ1() { 
// stop movie
 if (timeout_idZZZ1) clearTimeout(timeout_idZZZ1); 
  timeout_idZZZ1=null;
  playingZZZ1 = 0;
} 

function animateZZZ1()  {
 // control movie loop
 var j;
 frameZZZ1=(frameZZZ1+dirZZZ1+maxImagesZZZ1)%maxImagesZZZ1;
 j=frameZZZ1+1;
 if (j == maxImagesZZZ1) 
  { nloopZZZ1 = nloopZZZ1 + 1;
    if (nloopZZZ1 > reload_loopZZZ1) 
     { nloopZZZ1 = 0;
       if (show_controlsZZZ1 == 1) {
          document.getElementById('loading_imagesZZZ1').innerHTML = "Reloading... ";
          window.location.reload();
       }
     }
  }
 if (imagesZZZ1[frameZZZ1].complete) {
  // This handles the case where everything has been loaded and keeps looping
  document.JPGAnimationZZZ1.src=imagesZZZ1[frameZZZ1].src;
  if (show_controlsZZZ1 == 1) {
     document.getElementById('loading_imagesZZZ1').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ1+ " Images";
  }
  timeout_idZZZ1=setTimeout("animateZZZ1()",delayZZZ1);
  playingZZZ1=1;
 }
}

function stepZZZ1() {
 // step frames
 var j;
 if (timeout_idZZZ1) clearTimeout(timeout_idZZZ1); timeout_idZZZ1=null;
 frameZZZ1=(frameZZZ1+dirZZZ1+maxImagesZZZ1)%maxImagesZZZ1;
 j=frameZZZ1+1;
 if (imagesZZZ1[frameZZZ1].complete) {
  document.JPGAnimationZZZ1.src=imagesZZZ1[frameZZZ1].src;
  if (show_controlsZZZ1 == 1) {
     document.getElementById('loading_imagesZZZ1').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ1+ " Images";
  }
  playingZZZ1=0;
 }
}

function show_speedZZZ1() {
  // show speed
 if (show_controlsZZZ1 == 1) {
     document.getElementById('frame_rateZZZ1').innerHTML = (Math.round(10*speedZZZ1))/10+" frames/sec";
  }
  delayZZZ1 = 1000.0/speedZZZ1; 
  reload_loopZZZ1 = 1200*speedZZZ1/maxImagesZZZ1 ;
}



function load_imgZZZ2() {        // asynchronously load all images into cache
 for (i=0; i < maxImagesZZZ2 ; i++) {
  idZZZ2[i]=setTimeout("load_srcZZZ2()",0);
 }
 return;
}

function load_srcZZZ2() {      // load individual images into cache
 if (indexZZZ2 < maxImagesZZZ2) {
  imagesZZZ2[indexZZZ2] = new Image();
  imagesZZZ2[indexZZZ2].onload=count_imagesZZZ2;
  imagesZZZ2[indexZZZ2].src = urlsZZZ2[indexZZZ2];
  indexZZZ2++;
 }
 return;
}

function clear_idsZZZ2() {         // clear asynchronous id's
 for (i=0; i < maxImagesZZZ2 ; i++) {clearTimeout(idZZZ2[i]);}
 return;
}

function count_imagesZZZ2() { 
 // count images as they are loaded into cache
 if (++num_loaded_imagesZZZ2 == maxImagesZZZ2) {
  show_speedZZZ2();
  clear_idsZZZ2();
  animateZZZ2();
 } else {
  // Lets not start the slide-show until they are all loaded
  // document.JPGAnimation.src=images[num_loaded_imagesZZZ2-1].src;
  if (show_controlsZZZ2 == 1) {
     document.getElementById('loading_imagesZZZ2').innerHTML = "<strong>Loading "+num_loaded_imagesZZZ2+" of "+maxImagesZZZ2+ " Images</strong>"; 
  }
 }
}

function start_playZZZ2()  {
 // start movie
 if (playingZZZ2 == 0) {
  if (timeout_idZZZ2 == null && num_loaded_imagesZZZ2==maxImagesZZZ2) animateZZZ2();
 }
} 

function stop_playZZZ2() { 
// stop movie
 if (timeout_idZZZ2) clearTimeout(timeout_idZZZ2); 
  timeout_idZZZ2=null;
  playingZZZ2 = 0;
} 

function animateZZZ2()  {
 // control movie loop
 var j;
 frameZZZ2=(frameZZZ2+dirZZZ2+maxImagesZZZ2)%maxImagesZZZ2;
 j=frameZZZ2+1;
 if (j == maxImagesZZZ2) 
  { nloopZZZ2 = nloopZZZ2 + 1;
    if (nloopZZZ2 > reload_loopZZZ2) 
     { nloopZZZ2 = 0;
       if (show_controlsZZZ2 == 1) {
          document.getElementById('loading_imagesZZZ2').innerHTML = "Reloading... ";
          window.location.reload();
       }
     }
  }
 if (imagesZZZ2[frameZZZ2].complete) {
  // This handles the case where everything has been loaded and keeps looping
  document.JPGAnimationZZZ2.src=imagesZZZ2[frameZZZ2].src;
  if (show_controlsZZZ2 == 1) {
     document.getElementById('loading_imagesZZZ2').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ2+ " Images";
  }
  timeout_idZZZ2=setTimeout("animateZZZ2()",delayZZZ2);
  playingZZZ2=1;
 }
}

function stepZZZ2() {
 // step frames
 var j;
 if (timeout_idZZZ2) clearTimeout(timeout_idZZZ2); timeout_idZZZ2=null;
 frameZZZ2=(frameZZZ2+dirZZZ2+maxImagesZZZ2)%maxImagesZZZ2;
 j=frameZZZ2+1;
 if (imagesZZZ2[frameZZZ2].complete) {
  document.JPGAnimationZZZ2.src=imagesZZZ2[frameZZZ2].src;
  if (show_controlsZZZ2 == 1) {
     document.getElementById('loading_imagesZZZ2').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ2+ " Images";
  }
  playingZZZ2=0;
 }
}

function show_speedZZZ2() {
  // show speed
  if (show_controlsZZZ2 == 1) {
     document.getElementById('frame_rateZZZ2').innerHTML = (Math.round(10*speedZZZ2))/10+" frames/sec";
  }
  delayZZZ2 = 1000.0/speedZZZ2; 
  reload_loopZZZ2 = 1200*speedZZZ2/maxImagesZZZ2 ;
}



function load_imgZZZ3() {        // asynchronously load all images into cache
 for (i=0; i < maxImagesZZZ3 ; i++) {
  idZZZ3[i]=setTimeout("load_srcZZZ3()",0);
 }
 return;
}

function load_srcZZZ3() {      // load individual images into cache
 if (indexZZZ3 < maxImagesZZZ3) {
  imagesZZZ3[indexZZZ3] = new Image();
  imagesZZZ3[indexZZZ3].onload=count_imagesZZZ3;
  imagesZZZ3[indexZZZ3].src = urlsZZZ3[indexZZZ3];
  indexZZZ3++;
 }
 return;
}

function clear_idsZZZ3() {         // clear asynchronous id's
 for (i=0; i < maxImagesZZZ3 ; i++) {clearTimeout(idZZZ3[i]);}
 return;
}

function count_imagesZZZ3() { 
 // count images as they are loaded into cache
 if (++num_loaded_imagesZZZ3 == maxImagesZZZ3) {
  show_speedZZZ3();
  clear_idsZZZ3();
  animateZZZ3();
 } else {
  // Lets not start the slide-show until they are all loaded
  // document.JPGAnimation.src=images[num_loaded_imagesZZZ3-1].src;
  if (show_controlsZZZ3 == 1) {
     document.getElementById('loading_imagesZZZ3').innerHTML = "<strong>Loading "+num_loaded_imagesZZZ3+" of "+maxImagesZZZ3+ " Images</strong>"; 
  }
 }
}

function start_playZZZ3()  {
 // start movie
 if (playingZZZ3 == 0) {
  if (timeout_idZZZ3 == null && num_loaded_imagesZZZ3==maxImagesZZZ3) animateZZZ3();
 }
} 

function stop_playZZZ3() { 
// stop movie
 if (timeout_idZZZ3) clearTimeout(timeout_idZZZ3); 
  timeout_idZZZ3=null;
  playingZZZ3 = 0;
} 

function animateZZZ3()  {
 // control movie loop
 var j;
 frameZZZ3=(frameZZZ3+dirZZZ3+maxImagesZZZ3)%maxImagesZZZ3;
 j=frameZZZ3+1;
 if (j == maxImagesZZZ3) 
  { nloopZZZ3 = nloopZZZ3 + 1;
    if (nloopZZZ3 > reload_loopZZZ3) 
     { nloopZZZ3 = 0;
       if (show_controlsZZZ3 == 1) {
          document.getElementById('loading_imagesZZZ3').innerHTML = "Reloading... ";
          window.location.reload();
       }
     }
  }
 if (imagesZZZ3[frameZZZ3].complete) {
  // This handles the case where everything has been loaded and keeps looping
  document.JPGAnimationZZZ3.src=imagesZZZ3[frameZZZ3].src;
  if (show_controlsZZZ3 == 1) {
     document.getElementById('loading_imagesZZZ3').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ3+ " Images";
  }
  timeout_idZZZ3=setTimeout("animateZZZ3()",delayZZZ3);
  playingZZZ3=1;
 }
}

function stepZZZ3() {
 // step frames
 var j;
 if (timeout_idZZZ3) clearTimeout(timeout_idZZZ3); timeout_idZZZ3=null;
 frameZZZ3=(frameZZZ3+dirZZZ3+maxImagesZZZ3)%maxImagesZZZ3;
 j=frameZZZ3+1;
 if (imagesZZZ3[frameZZZ3].complete) {
  document.JPGAnimationZZZ3.src=imagesZZZ3[frameZZZ3].src;
  if (show_controlsZZZ3 == 1) {
     document.getElementById('loading_imagesZZZ3').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ3+ " Images";
  }
  playingZZZ3=0;
 }
}

function show_speedZZZ3() {
  // show speed
 if (show_controlsZZZ3 == 1) {
     document.getElementById('frame_rateZZZ3').innerHTML = (Math.round(10*speedZZZ3))/10+" frames/sec";
  }
  delayZZZ3 = 1000.0/speedZZZ3; 
  reload_loopZZZ3 = 1200*speedZZZ3/maxImagesZZZ3 ;
}



function load_imgZZZ4() {        // asynchronously load all images into cache
 for (i=0; i < maxImagesZZZ4 ; i++) {
  idZZZ4[i]=setTimeout("load_srcZZZ4()",0);
 }
 return;
}

function load_srcZZZ4() {      // load individual images into cache
 if (indexZZZ4 < maxImagesZZZ4) {
  imagesZZZ4[indexZZZ4] = new Image();
  imagesZZZ4[indexZZZ4].onload=count_imagesZZZ4;
  imagesZZZ4[indexZZZ4].src = urlsZZZ4[indexZZZ4];
  indexZZZ4++;
 }
 return;
}

function clear_idsZZZ4() {         // clear asynchronous id's
 for (i=0; i < maxImagesZZZ4 ; i++) {clearTimeout(idZZZ4[i]);}
 return;
}

function count_imagesZZZ4() { 
 // count images as they are loaded into cache
 if (++num_loaded_imagesZZZ4 == maxImagesZZZ4) {
  show_speedZZZ4();
  clear_idsZZZ4();
  animateZZZ4();
 } else {
  // Lets not start the slide-show until they are all loaded
  // document.JPGAnimation.src=images[num_loaded_imagesZZZ4-1].src;
  if (show_controlsZZZ4 == 1) {
     document.getElementById('loading_imagesZZZ4').innerHTML = "<strong>Loading "+num_loaded_imagesZZZ4+" of "+maxImagesZZZ4+ " Images</strong>"; 
  }
 }
}

function start_playZZZ4()  {
 // start movie
 if (playingZZZ4 == 0) {
  if (timeout_idZZZ4 == null && num_loaded_imagesZZZ4==maxImagesZZZ4) animateZZZ4();
 }
} 

function stop_playZZZ4() { 
// stop movie
 if (timeout_idZZZ4) clearTimeout(timeout_idZZZ4); 
  timeout_idZZZ4=null;
  playingZZZ4 = 0;
} 

function animateZZZ4()  {
 // control movie loop
 var j;
 frameZZZ4=(frameZZZ4+dirZZZ4+maxImagesZZZ4)%maxImagesZZZ4;
 j=frameZZZ4+1;
 if (j == maxImagesZZZ4) 
  { nloopZZZ4 = nloopZZZ4 + 1;
    if (nloopZZZ4 > reload_loopZZZ4) 
     { nloopZZZ4 = 0;
       if (show_controlsZZZ4 == 1) {
          document.getElementById('loading_imagesZZZ4').innerHTML = "Reloading... ";
          window.location.reload();
       }
     }
  }
 if (imagesZZZ4[frameZZZ4].complete) {
  // This handles the case where everything has been loaded and keeps looping
  document.JPGAnimationZZZ4.src=imagesZZZ4[frameZZZ4].src;
  if (show_controlsZZZ4 == 1) {
     document.getElementById('loading_imagesZZZ4').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ4+ " Images";
  }
  timeout_idZZZ4=setTimeout("animateZZZ4()",delayZZZ4);
  playingZZZ4=1;
 }
}

function stepZZZ4() {
 // step frames
 var j;
 if (timeout_idZZZ4) clearTimeout(timeout_idZZZ4); timeout_idZZZ4=null;
 frameZZZ4=(frameZZZ4+dirZZZ4+maxImagesZZZ4)%maxImagesZZZ4;
 j=frameZZZ4+1;
 if (imagesZZZ4[frameZZZ4].complete) {
  document.JPGAnimationZZZ4.src=imagesZZZ4[frameZZZ4].src;
  if (show_controlsZZZ4 == 1) {
     document.getElementById('loading_imagesZZZ4').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ4+ " Images";
  }
  playingZZZ4=0;
 }
}

function show_speedZZZ4() {
  // show speed
 if (show_controlsZZZ4 == 1) {
     document.getElementById('frame_rateZZZ4').innerHTML = (Math.round(10*speedZZZ4))/10+" frames/sec";
  }
  delayZZZ4 = 1000.0/speedZZZ4; 
  reload_loopZZZ4 = 1200*speedZZZ4/maxImagesZZZ4 ;
}



function load_imgZZZ5() {        // asynchronously load all images into cache
 for (i=0; i < maxImagesZZZ5 ; i++) {
  idZZZ5[i]=setTimeout("load_srcZZZ5()",0);
 }
 return;
}

function load_srcZZZ5() {      // load individual images into cache
 if (indexZZZ5 < maxImagesZZZ5) {
  imagesZZZ5[indexZZZ5] = new Image();
  imagesZZZ5[indexZZZ5].onload=count_imagesZZZ5;
  imagesZZZ5[indexZZZ5].src = urlsZZZ5[indexZZZ5];
  indexZZZ5++;
 }
 return;
}

function clear_idsZZZ5() {         // clear asynchronous id's
 for (i=0; i < maxImagesZZZ5 ; i++) {clearTimeout(idZZZ5[i]);}
 return;
}

function count_imagesZZZ5() { 
 // count images as they are loaded into cache
 if (++num_loaded_imagesZZZ5 == maxImagesZZZ5) {
  show_speedZZZ5();
  clear_idsZZZ5();
  animateZZZ5();
 } else {
  // Lets not start the slide-show until they are all loaded
  // document.JPGAnimation.src=images[num_loaded_imagesZZZ5-1].src;
  if (show_controlsZZZ5 == 1) {
     document.getElementById('loading_imagesZZZ5').innerHTML = "<strong>Loading "+num_loaded_imagesZZZ5+" of "+maxImagesZZZ5+ " Images</strong>"; 
  }
 }
}

function start_playZZZ5()  {
 // start movie
 if (playingZZZ5 == 0) {
  if (timeout_idZZZ5 == null && num_loaded_imagesZZZ5==maxImagesZZZ5) animateZZZ5();
 }
} 

function stop_playZZZ5() { 
// stop movie
 if (timeout_idZZZ5) clearTimeout(timeout_idZZZ5); 
  timeout_idZZZ5=null;
  playingZZZ5 = 0;
} 

function animateZZZ5()  {
 // control movie loop
 var j;
 frameZZZ5=(frameZZZ5+dirZZZ5+maxImagesZZZ5)%maxImagesZZZ5;
 j=frameZZZ5+1;
 if (j == maxImagesZZZ5) 
  { nloopZZZ5 = nloopZZZ5 + 1;
    if (nloopZZZ5 > reload_loopZZZ5) 
     { nloopZZZ5 = 0;
       if (show_controlsZZZ5 == 1) {
          document.getElementById('loading_imagesZZZ5').innerHTML = "Reloading... ";
          window.location.reload();
       }
     }
  }
 if (imagesZZZ5[frameZZZ5].complete) {
  // This handles the case where everything has been loaded and keeps looping
  document.JPGAnimationZZZ5.src=imagesZZZ5[frameZZZ5].src;
  if (show_controlsZZZ5 == 1) {
     document.getElementById('loading_imagesZZZ5').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ5+ " Images";
  }
  timeout_idZZZ5=setTimeout("animateZZZ5()",delayZZZ5);
  playingZZZ5=1;
 }
}

function stepZZZ5() {
 // step frames
 var j;
 if (timeout_idZZZ5) clearTimeout(timeout_idZZZ5); timeout_idZZZ5=null;
 frameZZZ5=(frameZZZ5+dirZZZ5+maxImagesZZZ5)%maxImagesZZZ5;
 j=frameZZZ5+1;
 if (imagesZZZ5[frameZZZ5].complete) {
  document.JPGAnimationZZZ5.src=imagesZZZ5[frameZZZ5].src;
  if (show_controlsZZZ5 == 1) {
     document.getElementById('loading_imagesZZZ5').innerHTML = "Displaying #"+j+" of "+maxImagesZZZ5+ " Images";
  }
  playingZZZ5=0;
 }
}

function show_speedZZZ5() {
  // show speed
 if (show_controlsZZZ5 == 1) {
     document.getElementById('frame_rateZZZ5').innerHTML = (Math.round(10*speedZZZ5))/10+" frames/sec";
  }
  delayZZZ5 = 1000.0/speedZZZ5; 
  reload_loopZZZ5 = 1200*speedZZZ5/maxImagesZZZ5 ;
}

