var currentShiftImage = 0;
var currentImage = document.createElement('IMG');
var images = Array();
var depth = '';

function footerShiftInit(footer,images,pageDepth)	{
	
	depth = pageDepth;
	
	for(i=0;i<images.length;i++)	{
		var loadImage = document.createElement('IMG');
		loadImage.src = depth + 'images/page/' + images[i];
		loadImage.style.display = 'none';
		footer.appendChild(loadImage);
	}
	
	var arrowLLink = document.createElement('A');
	var arrowRLink = document.createElement('A');
	var arrowL = document.createElement('IMG');
	var arrowR = document.createElement('IMG');
	
	arrowL.src = depth + 'images/arrow-l-blk.gif';
	arrowR.src = depth + 'images/arrow-r-blk.gif';
	currentImage.src = depth + 'images/page/' + images[currentShiftImage];
	
	arrowLLink.style.position = 'absolute';
	arrowRLink.style.position = 'absolute';
	arrowLLink.style.display = 'block';
	arrowRLink.style.display = 'block';
	arrowLLink.style.top = '40px';
	arrowRLink.style.top = '40px';
	arrowLLink.style.left = '15px';
	arrowRLink.style.right = '15px';
	
	arrowLLink.href = '#';
	arrowRLink.href = '#';
	
	arrowLLink.appendChild(arrowL);
	arrowRLink.appendChild(arrowR);
	
	arrowLLink.onclick = shiftLeft;
	arrowRLink.onclick = shiftRight;
	
		
	footer.appendChild(currentImage);
	footer.appendChild(arrowLLink);
	footer.appendChild(arrowRLink);	
	
}

function shiftLeft()	{
	
	if (currentShiftImage == 0)	{
		currentShiftImage = (images.length - 1);
	}
	else	{
		currentShiftImage--;
	}

	currentImage.src = depth + 'images/page/' + images[currentShiftImage];
	
	return false;

}

function shiftRight()	{
	if (currentShiftImage >= 0 && currentShiftImage < (images.length - 1))	{
		currentShiftImage++;
	}
	else	{
		currentShiftImage = 0;
	}

	currentImage.src = depth + 'images/page/' + images[currentShiftImage];
	
	return false;

}