var imageArray = [['image-1','image-title-1'],['image-2','image-title-2'],['image-3','image-title-3'],['image-4','image-title-4']];
var curImages = [1,1,1,1];
var currentImage = 0;

function rotate()
{
	if (!imageArray[currentImage]) return null;
	eval('var curArray = pageImages'+(currentImage+1));
	if (!curArray) return null;

	var img = document.getElementById(imageArray[currentImage][0]);
	if (!img) return null;

	var title = document.getElementById(imageArray[currentImage][1]);
	if (!title) return null;

	var nextImg = curArray[curImages[currentImage]].link;
	if (!nextImg) return null;
	
	nImgEl = document.createElement('div');
	nImgEl.innerHTML = nextImg;
	nImgEl = nImgEl.firstChild;

	var nextTitle = curArray[curImages[currentImage]].title;
	if (!nextTitle) return null;
	
	var nextTitleSpan = document.createElement('span');
	nextTitleSpan.appendChild(document.createTextNode(nextTitle));
	nextTitleSpan.id = title.id;

	img.parentNode.replaceChild(nImgEl,img);
	title.parentNode.replaceChild(nextTitleSpan,title);
	
	if ((curImages[currentImage]+1) < curArray.length) curImages[currentImage]++;
	else curImages[currentImage] = 0;
	
	if ((currentImage+1) < imageArray.length) currentImage++;
	else currentImage = 0;
}

function loadImage()
{
	if (!imageArray[currentImage]) return null;
	eval('var curArray = pageImages'+(currentImage+1));
	if (!curArray) return null;
	
	var nextImg = curArray[curImages[currentImage]].source;
	img = new Image();
	img.src = nextImg;
}

setInterval("loadImage()",3000);
setTimeout('setInterval("rotate()",3000)',400);