var fadingImages = "img1";
var startOpacity = 0;
var endOpacity = 100;
var step = 1;

var imgSrcList = new Array("img0.jpg", "img1.jpg", "img2.jpg", "img3.jpg", "img4.jpg", "img5.jpg", "img6.jpg");
var containerId = "fadeImgContainer";

var currentImgIndex = 0;
var nextImgIndex = 1;

//delay in between switching the images (in ms)
var imgDelay = 8000;

function init() {
	createImgNode(imgSrcList[0], 0);
	document.getElementById("img0").style.visibility = "visible";
	initXFade();
	
}


function createImgNode (imgSrc, idIndex) {
	var newImg = document.createElement("img");
	newImg.src = imgSrc;
	newImg.style.display = 'block';
	newImg.style.visibility = 'hidden';
	newImg.style.position = 'absolute';	
	newImg.setAttribute("id", "img" + idIndex);
	document.getElementById(containerId).appendChild(newImg);

}

function initXFade() {
	nextImgIndex = (currentImgIndex + 1) >=imgSrcList.length ? 0 : currentImgIndex + 1;
	createImgNode("img"+nextImgIndex+".jpg", nextImgIndex);
	
	
	var newImg = document.getElementById("img"+nextImgIndex);
	var oldImg = document.getElementById("img" + currentImgIndex);
	oldImg.opacity = 100;
	
	newImg.opacityIncrement = step;
	oldImg.opacityIncrement = -step;
	
	newImg.style.zIndex = 2;
	oldImg.style.zIndex = 1;
	
	initFadeImage("img"+nextImgIndex);
	initFadeImage("img"+currentImgIndex);
	
	setTimeout("initXFade()", imgDelay);
	setTimeout("document.getElementById(containerId).removeChild(document.getElementById('img"+currentImgIndex+"'))", imgDelay);
	currentImgIndex = nextImgIndex;
	
}

function initFadeImage(objName) {
	var obj = document.getElementById(objName);
	updateOpacity(objName);
	obj.style.visibility = 'visible';
	
}


function updateOpacity (objName) {
	var obj = document.getElementById(objName);
	if(obj != null) {
		var opacity = obj.opacity ? obj.opacity : startOpacity;
		opacity += obj.opacityIncrement;
		setOpacity(obj, opacity);
		if(opacity != endOpacity) {
			setTimeout("updateOpacity('"+objName+"', 100)");
		}
	}
}


function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
  
  obj.opacity = opacity;
}