var theImageNames = new Array();

for(i = 0; i < IDYEC003nImages; i++) {
	theImageNames[i] = "/predictions/output/IDYEC003.nsw." + IDYEC003LoopDateTimes[i] + ".png";
}
var nImages = IDYEC003nImages - 1;
var picPos = 0;

document.getElementById('time').options.length = nImages;
for(i = 0; i < nImages; i++) {
	document.getElementById('time').options[i] = new Option(IDYEC003LoopDisplay[i]);
	document.getElementById('time').options[i].value = i;
	}
document.getElementById('time').selectedIndex = picPos;

function init(){
	var findImage = document.getElementById("ph_slider"); 
	findImage.src= theImageNames[0];
	document.getElementById('time').options.length = nImages;
	for(i = 0; i < nImages; i++) {
        	document.getElementById('time').options[i] = new Option(IDYEC003LoopDisplay[i]);
        	document.getElementById('time').options[i].value = i;
        }
	document.getElementById('time').selectedIndex = picPos;
}
	

function slideShow(imgRef, increaseBy){ 
	var findImage = document.getElementById("ph_slider"); 
	if(imgRef == 1){ 
		picPos = picPos + parseFloat(increaseBy); 
		if (picPos > nImages){ 
			picPos = 0;
		}
		if(picPos < 0){
			picPos = nImages;
		}
	}else{
		picPos = increaseBy;
	}

	findImage.src= theImageNames[picPos];
	document.getElementById('time').selectedIndex = picPos;
}

function timeChange() {
	timeSelect = document.getElementById('time').selectedIndex;
	slideShow(0, timeSelect);
}