var counter = 0;
var max_images = 16;
var oldOpacity = 1;
var newOpacity = 0;
var imageLibrary = new Array();

imageLibrary[0] = new Image();
imageLibrary[0].src = "images/TransitioningPics/image1.jpg";
imageLibrary[1] = new Image();
imageLibrary[1].src = "images/TransitioningPics/image2.jpg";
imageLibrary[2] = new Image();
imageLibrary[2].src = "images/TransitioningPics/image3.jpg";
imageLibrary[3] = new Image();
imageLibrary[3].src = "images/TransitioningPics/image4.jpg";
imageLibrary[4] = new Image();
imageLibrary[4].src = "images/TransitioningPics/image5.jpg";
imageLibrary[5] = new Image();
imageLibrary[5].src = "images/TransitioningPics/image6.jpg";
imageLibrary[6] = new Image();
imageLibrary[6].src = "images/TransitioningPics/image7.jpg";
imageLibrary[7] = new Image();
imageLibrary[7].src = "images/TransitioningPics/image8.jpg";
imageLibrary[8] = new Image();
imageLibrary[8].src = "images/TransitioningPics/image9.jpg";
imageLibrary[9] = new Image();
imageLibrary[9].src = "images/TransitioningPics/image10.jpg";
imageLibrary[10] = new Image();
imageLibrary[10].src = "images/TransitioningPics/image11.jpg";
imageLibrary[11] = new Image();
imageLibrary[11].src = "images/TransitioningPics/image12.jpg";
imageLibrary[12] = new Image();
imageLibrary[12].src = "images/TransitioningPics/image13.jpg";
imageLibrary[13] = new Image();
imageLibrary[13].src = "images/TransitioningPics/image14.jpg";
imageLibrary[14] = new Image();
imageLibrary[14].src = "images/TransitioningPics/image15.jpg";
imageLibrary[15] = new Image();
imageLibrary[15].src = "images/TransitioningPics/image16.jpg";

function transition_images() {
  if (navigator.appName == "Microsoft Internet Explorer"){
    ie_transition();
  } else {
    setTimeout("ff_transition()", 10000);
  }
}

function ie_transition(){
  document.getElementById('imgContainer').filters[0].apply();
  document.getElementById('imgContainer').src = imageLibrary[counter].src;
  document.getElementById('imgContainer').filters[0].play();
  counter++;

  if (counter >= max_images)
  {
    counter = 0;
  }
  setTimeout("transition_images()", 10000);
}

function ff_transition(){
  if(oldOpacity > 0.0){
    oldOpacity = parseFloat(oldOpacity) - 0.1;
    newOpacity = parseFloat(newOpacity) + 0.1;
    document.getElementById('newImage').style.opacity = parseFloat(newOpacity);
    document.getElementById('imgContainer').style.opacity = parseFloat(oldOpacity);
    setTimeout("ff_transition()", 75);
  }else {
    counter++;
    if(counter == max_images){
      counter = 0;
    }
    document.getElementById('imgContainer').src = imageLibrary[counter].src;
    oldOpacity = 1;
    document.getElementById('imgContainer').style.opacity = parseFloat(oldOpacity);
    newOpacity = 0;
    document.getElementById('newImage').style.opacity = parseFloat(newOpacity);
    var newIndx = counter + 1;
    if (newIndx == 6){newIndx = 0}
    document.getElementById('newImage').src = imageLibrary[newIndx].src;
    setTimeout("ff_transition()", 10000);
  }
}