function initClientImages(e)
{
	setTimeout(function(){ switchClientImage(0); }, 3000);
}

function switchClientImage(i)
{
	var images = $("client-images").getElementsByTagName("LI");

	/* fade out image i */
	fade(images[i], { "duration": 0.8 });

	/* get next image */
	nextI = i+1;
	if (nextI >= images.length) nextI = 0;

	/* get next image */
	showI = nextI+1;
	if (showI >= images.length) showI = 0;
	
	/* show image i+2 */
	images[showI].className = images[i].className;
	appear(images[showI], { "duration": 0.8, "delay": 1 });

	/* loop this next image */
	setTimeout(function(){ switchClientImage(nextI); }, 3000 + 1800);
}

addLoadEvent(initClientImages);