var rotateDelay = 5000;
var fadeValue = 100;
var fadeInc = 5;
var fadeDelay = 50;
var photoSwitched = false;
var photoTransitioning = true;

var galleryPhoto_mini = document.getElementById("miniGalleryImg");

galleryNext_mini = function () {
  if (!photoTransitioning) {
    galleryIndex_mini = (galleryIndex_mini + 1) % gallery_mini.length;
    photoTransitioning = true;
    transitionPhoto();
  }
  return false;
}

function transitionPhoto() {
  // Fade Out
  if (!photoSwitched) {
    if (fadeValue > 0) {
      fadeValue -= fadeInc;
      setImgOpacity();
      setTimeout("transitionPhoto();",fadeDelay);
    }
    else {
      fadeValue = 0;
      photoSwitched = true;
      galleryPhoto_mini.setAttribute("src",gallery_mini[galleryIndex_mini].src);
      setTimeout("transitionPhoto();",fadeDelay);
    }
  }
  // Fade In
  else {
    if (fadeValue < 100) {
      fadeValue += fadeInc;
      setImgOpacity();
      setTimeout("transitionPhoto();",fadeDelay);
    }
    else {
      fadeValue = 100;
      photoSwitched = false;
      photoTransitioning = false;
      setTimeout("galleryNext_mini();",rotateDelay);
    }
  }
}

function startRotating_mini() {
    setTimeout("galleryNext_mini();",rotateDelay);
}

// function setImgOpacity()
if (document.all) { // IE
  setImgOpacity = function () {
    galleryPhoto_mini.style.filter = "alpha(opacity="+fadeValue+")";
  }
  attachEvent("onload", startRotating_mini);
}
else { // Other
  setImgOpacity = function () {
    galleryPhoto_mini.style.opacity = fadeValue/100;
  }
  addEventListener("load", startRotating_mini, false);
}

// Allow transitions now that everything's done!
photoTransitioning = false;