// ----------------------------------------------------------
//	Function to preload the images in the generated image array
// ----------------------------------------------------------
function imageNavigator_preloadImagesGlobal() {
	var aImg = new Array();
	var iIndex=0;
	
	
	if(document.getElementById('pic1') && document.getElementById('pic1').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic1').value;
		iIndex++;
	}
	if(document.getElementById('pic2') && document.getElementById('pic2').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic2').value;
		iIndex++;
	}
	if(document.getElementById('pic3') && document.getElementById('pic3').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic3').value;
		iIndex++;
	}
	if(document.getElementById('pic4') && document.getElementById('pic4').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic4').value;
		iIndex++;
	}
	if(document.getElementById('pic5') && document.getElementById('pic5').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic5').value;
		iIndex++;
	}	

	for(var i=0;i<aImg.length;i++) {
		oImage = new Image();
		
		oImage.src = aImg[i];
		
	}
}

// ----------------------------------------------------------
//	Function to change images in runtime
// ----------------------------------------------------------
function imageNavigator_changeImg(sDirection) {
	var aImg = new Array();
	var iIndex=0;
	if(document.getElementById('pic1')  && document.getElementById('pic1').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic1').value;
		iIndex++;
	}
	if(document.getElementById('pic2') && document.getElementById('pic2').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic2').value;
		iIndex++;
	}
	if(document.getElementById('pic3') && document.getElementById('pic3').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic3').value;
		iIndex++;
	}

	if(document.getElementById('pic4') && document.getElementById('pic4').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic4').value;
		iIndex++;
	}
	if(document.getElementById('pic5') && document.getElementById('pic5').value != 'images/spacer.gif') {
		aImg[iIndex] = document.getElementById('pic5').value;
		iIndex++;
	}
	
	
	
	
	var iLastImg = aImg.length-1;

	if(sDirection == 'previous') {
		// if current image is the first image
		if(iCurrentImg<=0) {
			// set image to last one
			var iNewImg = iLastImg;
			var sNewImg = aImg[iNewImg];

		} else {
			// set image to previous one
			var iNewImg = iCurrentImg - 1;
			var sNewImg = aImg[iNewImg];
		}
	} else if(sDirection == 'next') {
		if(iCurrentImg==iLastImg) {
			// set image to first one
			var iNewImg = 0;
			var sNewImg = aImg[iNewImg];
		} else {
			// set image to next one
			var iNewImg = iCurrentImg + 1;
			var sNewImg = aImg[iNewImg];
		}
	}
	iCurrentImg = iNewImg;
	document.imageNavigator.src = sNewImg;
	
	
	
}

	//Attach Body Onload Event
	window.onload = function(){ imageNavigator_preloadImagesGlobal(); }