imgIndex = 1;
  img = new Array();
  var myImg, intervalID;

  img[0] = new Image();
  img[0].src = "images/cloudx-01.jpg"
  img[1] = new Image();
  img[1].src = "images/cloudx-02.jpg"
  img[2] = new Image();
  img[2].src = "images/cloudx-03.jpg"
  img[3] = new Image();
  img[3].src = "images/cloudx-04.jpg"
  img[4] = new Image();
  img[4].src = "images/cloudx-05.jpg"
  img[5] = new Image();
  img[5].src = "images/cloudx-06.jpg"  

  function advImage(mod) {
      var thisIndex = (imgIndex < img.length) ? imgIndex : 0;
      myImg.src = img[thisIndex].src;
      imgIndex = thisIndex + 1;
  }

  function startRot(imgId){
    myImg = document.getElementById(imgId);
    intervalID = setInterval('advImage(1)', 3000);
  }

  function stopRot(){
      clearInterval(intervalID);
  }

  function showControls(curId){
      curObj = document.getElementById(curId);
      ctrl = document.getElementById('control');
      ctrl.style.visibility = "visible";
      ctrl.style.top = curObj.offsetTop + 260;
      tmpl = curObj.offsetLeft + ((curObj.offsetWidth/2)-(ctrl.offsetWidth/2));
      l = (document.all) ? curObj.offsetParent.offsetLeft + tmpl : tmpl;
      ctrl.style.left = l;

  }

  function hideControls(){
      ctrl = document.getElementById('control');
      ctrl.style.visibility = "hidden";
  }

  function swapMode(imgId){
      curState = document.getElementById(imgId);
      var imgName = "images/stop.gif";

      if(curState.src.substr(curState.src.length - imgName.length, imgName.length) == imgName){
          clearInterval(intervalID);
          curState.src = "images/play.gif";
      }
      else{
          startRot('pic');
          curState.src = "images/stop.gif";
      }
  }