var imageTimeout = 8000;
var nextImage = 1;

function pageLoad() {
  var el = document.getElementById('fading_image_container');
  while (el.firstChild) { el.removeChild(el.firstChild); }

  for(var i=0; i<images.length/3; i++) {
    var t = document.createElement('IMG');
	s=i*3;
	w=images[s+1];
	h=images[s+2];

//	el.style.width = w + 'px';
//	el.style.height = h + 'px';

    t.setAttribute('src',images[s]);
    t.setAttribute('width',w);
    t.setAttribute('height',h);
    t.style.position = 'absolute';
    t.style.visibility = 'hidden';
    el.appendChild(t);
  }
  el.firstChild.style.visibility = 'visible';
  window.setTimeout(startFading, imageTimeout);
}

function startFading() {
	

	var el = document.getElementById('fading_image_container').childNodes[nextImage];

	el.style.visibility = 'visible';
	el.style.zIndex = 2;
	setOpacity(el, 0);
	fadeImage(el,0);

	nextImage = (nextImage < (images.length/3)-1) ? nextImage + 1 : 0;
}

function fadeImage(el, currentOpacity) {
  currentOpacity += 5;

  if (currentOpacity > 100) {
    setOpacity(el, 100);
    var prevEl = el.previousSibling ? el.previousSibling : el.parentNode.lastChild;
    prevEl.style.visibility = 'hidden';
    el.style.zIndex = 1;
    window.setTimeout(startFading, imageTimeout);
  }
  else {
    setOpacity(el, currentOpacity);
    window.setTimeout(function() { fadeImage(el, currentOpacity); }, 50);
  }

}

function setOpacity(el, opacity) {

	opacity /= 100;

	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity*100) + ")";

}

window.onload = pageLoad;