var ary_images = new Array(
	'pic1.jpg',
	'pic2.jpg',
	'pic3.jpg'
);

var imageWidth = 358;
var imageHeight = 260;
var imageTimeout = 2500;
var nextImage = 1;

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 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 < ary_images.length - 1) ? nextImage + 1 : 0;
}

function setOpacity(el, opacity) {
	opacity /= 100;
	el.style.opacity = opacity;
	el.style.MozOpacity = opacity;
	el.style.filter = "alpha(opacity=" + (opacity * 100) + ")";
}

function pageLoad() {
	var el = document.getElementById('fading_image_container');
	while (el.firstChild) {
		el.removeChild(el.firstChild);
	}
	el.style.width = imageWidth + 'px';
	el.style.height = imageHeight + 'px';

	for (var i = 0; i < ary_images.length; i++) {
		var t = document.createElement('IMG');
		t.setAttribute('src', 'images/home/' + ary_images[i]);
		t.setAttribute('width', imageWidth);
		t.setAttribute('height', imageHeight);
		t.style.position = 'absolute';
		t.style.visibility = 'hidden';
		el.appendChild(t);
	}
	el.firstChild.style.visibility = 'visible';
	window.setTimeout(startFading, imageTimeout);
}

window.onload = pageLoad;