var imagesArray = new Array (
   'v/vspfiles/photos/feature/turning_valve_01.jpg',
   'v/vspfiles/photos/feature/turning_valve_02.jpg',
   'v/vspfiles/photos/feature/turning_valve_03.jpg',
   'v/vspfiles/photos/feature/turning_valve_04.jpg',
   'v/vspfiles/photos/feature/turning_valve_03.jpg',
   'v/vspfiles/photos/feature/turning_valve_02.jpg'
);

imageObject = new Image();

function preloadImages() {
   for (var i=0;i<imagesArray.length;i++)
      imageObject.src = imagesArray[i];
imageObject.src = 'v/vspfiles/images/see_uzlow_in_action/pause.gif';
imageObject.src = 'v/vspfiles/images/shampooing-shaving-soaping/save_water_save_money.gif';
}

var displayedImageIndex = 0;
var repeatAnimation = false;
var stuckAtIndex = -1;

function runAnimation() {

   if (repeatAnimation) {
      document.getElementById("animation_controls").src = 'v/vspfiles/images/see_uzlow_in_action/play.gif';
      document.getElementById("save_water").src = 'v/vspfiles/images/shampooing-shaving-soaping/save_water_save_money.gif';
      stuckAtIndex = displayedImageIndex;
      repeatAnimation = false;
   } else {
      document.getElementById("animation_controls").src = 'v/vspfiles/images/see_uzlow_in_action/pause.gif';
      document.getElementById("save_water").src = 'v/vspfiles/images/shampooing-shaving-soaping/shampooing-shaving-soaping.gif';
      stuckAtIndex = -1;
      repeatAnimation = true;
   }
}

function backAnimation() {
   document.getElementById("animation_controls").src = 'v/vspfiles/images/see_uzlow_in_action/play.gif';
   document.getElementById("save_water").src = 'v/vspfiles/images/shampooing-shaving-soaping/save_water_save_money.gif';
   stuckAtIndex = displayedImageIndex - 1;
   if (stuckAtIndex < 0)
      stuckAtIndex = imagesArray.length - 1;
   repeatAnimation = false;
}

function forwardAnimation() {
   document.getElementById("animation_controls").src = 'v/vspfiles/images/see_uzlow_in_action/play.gif';
   document.getElementById("save_water").src = 'v/vspfiles/images/shampooing-shaving-soaping/save_water_save_money.gif';
   stuckAtIndex = displayedImageIndex + 1;
   if (stuckAtIndex >= imagesArray.length)
      stuckAtIndex = 0;
   repeatAnimation = false;
}

function reduceWaterFlow()
{
displayedImageIndex++;
if (stuckAtIndex >= 0)
   displayedImageIndex = stuckAtIndex;

if (displayedImageIndex >= imagesArray.length)
   if (repeatAnimation)
      displayedImageIndex = 0;
   else {
      stuckAtIndex = 0;
      displayedImageIndex = 0;
      document.getElementById("save_water").src = 'v/vspfiles/images/shampooing-shaving-soaping/save_water_save_money.gif';
      document.getElementById("animation_controls").src = 'v/vspfiles/images/see_uzlow_in_action/play.gif';
   }

document.getElementById("low_flow").src = imagesArray[displayedImageIndex];
}