var fileNames = new Array();
var links = new Array();
var counter = 0;
var referenceImg;
var timeout;
window.onload = init;

function init() {

	var prev = document.getElementById('prevRef');
	var next = document.getElementById('nextRef');
	referenceLink = document.getElementById('referenceImg');
	referenceImg = referenceLink.childNodes[0];
	prev.onclick = previousReference;
	next.onclick = nextReference;

	sendRequest('../js/references.php',handleRequest);

}

function handleRequest(req) {
	temp = req.responseText.split('\n');
	for(var i=0; i<temp.length;i++){
		var split = temp[i].split(',');
		fileNames[i] = split[0];
		links[i] = split[1];
	}
	preloadImageList(fileNames);
	referenceImg.src = '/ima'+fileNames[counter];
	timeout = setTimeout("nextReference()", 2000);
}

function previousReference() {
	if (counter == 0) counter = fileNames.length-1;
	else counter--;
	referenceLink.href = links[counter];
	referenceImg.src = '/ima'+fileNames[counter];
	clearTimeout(timeout);
	timeout = setTimeout("previousReference()", 2000);
	return false;
}

function nextReference() {
	if (counter == (fileNames.length-1)) counter = 0;
	else counter++;
	referenceLink.href = links[counter];
	referenceImg.src = '/ima'+fileNames[counter];
	clearTimeout(timeout);
	timeout = setTimeout("nextReference()", 2000);
	return false;
}


function preloadImageList(imageList) {
    if (document.images)
    {
      preload_image_object = new Image();
       var i = 0;
       for(i=0; i<imageList.length; i++)
         preload_image_object.src = imageList[i];
    }
}