var msFadeDuration=1000;  // time to fade in ms, 1000 = 1 sec

function setOpacity(object,opacityPct)
{
	// IE.
	object.style.filter = 'alpha(opacity=' + opacityPct + ')';
	// Old mozilla and firefox
	object.style.MozOpacity = opacityPct/100;
	// Everything else.
	object.style.opacity = opacityPct/100;
}

function changeOpacity(id,msDuration,msStart,startOpacity,endOpacity)
{
	var element=document.getElementById(id);
	var msNow = (new Date()).getTime();
	var opacity = startOpacity + (endOpacity - startOpacity) * (msNow - msStart) / msDuration;
	if (opacity>=100)
	{
		setOpacity(element,100);
	}
	else if (opacity<=0)
	{
		setOpacity(element,0);
	}
	else 
	{
		setOpacity(element,opacity);
		setTimeout("changeOpacity('" + id + "'," + msDuration + "," + msStart + "," + startOpacity + "," + endOpacity + ")",10);
	}
}

function fadeInImage(imgSrcId,newImage,imgDivId)
{
	var foreground=document.getElementById(imgSrcId);
	if (imgDivId)
	{
		var background=document.getElementById(imgDivId);
		if (background)
		{
			background.style.backgroundImage = 'url(' + foreground.src + ')';  // set backgroundImage to current image
			background.style.backgroundRepeat = 'no-repeat';
		}
	}
	setOpacity(foreground,0);  // transparent
	foreground.src = newImage;  // change it to new image
	if (foreground.timer) window.clearTimeout(foreground.timer);	
	var msStart = (new Date()).getTime();
	setTimeout("changeOpacity('" + imgSrcId + "'," + msFadeDuration + "," + msStart + ",0,100)",10);
}

var imageList = new Array();  // associative array
for (i=0; i<7; i++) {
	imageList[i] = new Image;
	imageList[i].src = "images/landing/landing-image-" + (i+1) + ".jpg";
}

//var imageInd = 1;  // new image from 2nd image
var imageInd = 0;  // new image from 2nd image
function showImages(imgSrcId,imgDivId,displaySecs)
{
	if (imageInd == imageList.length) {
		imageInd = 0;  // start from 1st image
	}
	var nextImage = imageList[imageInd++].src;
	fadeInImage(imgSrcId,nextImage,imgDivId);
	setTimeout("showImages('"+imgSrcId+"','"+imgDivId+"',"+displaySecs+")", displaySecs*1000);
}