window.onload = initLinks;

var people_pics = new Array();
var max_people = 8;
var people_idx = 0;
var places_pics = new Array();
var max_places = 7;
var places_idx = 0;
var projects_pics = new Array();
var max_projects = 11;
var projects_idx = 0;
var volunteers_pics = new Array();
var max_volunteers = 10;
var volunteers_idx = 0;

function initLinks() {
	for (var i=1; i<=max_people; i++) {
		people_pics[i-1]=["images/gallery/people" + i + ".jpg"];
	}
	for (var i=1; i<=max_places; i++) {
		places_pics[i-1]=["images/gallery/places" + i + ".jpg"];
	}
	for (var i=1; i<=max_projects; i++) {
		projects_pics[i-1]=["images/gallery/projects" + i + ".jpg"];
	}
	for (var i=1; i<=max_volunteers; i++) {
		volunteers_pics[i-1]=["images/gallery/volunteers" + i + ".jpg"];
	}
	
	document.getElementById("people_prevLink").onclick = people_processPrevious;
	document.getElementById("people_nextLink").onclick = people_processNext;
	document.getElementById("people_firstLink").onclick = people_processFirst;
	document.getElementById("people_lastLink").onclick = people_processLast;
	
	people_processFirst();

	document.getElementById("places_prevLink").onclick = places_processPrevious;
	document.getElementById("places_nextLink").onclick = places_processNext;
	document.getElementById("places_firstLink").onclick = places_processFirst;
	document.getElementById("places_lastLink").onclick = places_processLast;
	//alert("1");	
	places_processFirst();	
	//alert("2");	
	document.getElementById("projects_prevLink").onclick = projects_processPrevious;
	document.getElementById("projects_nextLink").onclick = projects_processNext;
	document.getElementById("projects_firstLink").onclick = projects_processFirst;
	document.getElementById("projects_lastLink").onclick = projects_processLast;
	
	projects_processFirst();

	document.getElementById("volunteers_prevLink").onclick = volunteers_processPrevious;
	document.getElementById("volunteers_nextLink").onclick = volunteers_processNext;
	document.getElementById("volunteers_firstLink").onclick = volunteers_processFirst;
	document.getElementById("volunteers_lastLink").onclick = volunteers_processLast;
	volunteers_processFirst();	
}

	
	
function people_processFirst(){
	people_idx = 0;
	document.getElementById("people_picture").src = people_pics[people_idx];
	document.getElementById("photo_count_1").innerHTML = (people_idx + 1) + " of " + (people_pics.length);
	people_preload(people_idx + 1);
	return false;
}
				  
function people_processLast(){
	people_idx = people_pics.length - 1;
	document.getElementById("people_picture").src = people_pics[people_idx];
	document.getElementById("photo_count_1").innerHTML = (people_idx + 1) + " of " + (people_pics.length);
	//preload(people_idx - 1);
	return false;
}

	
function people_processPrevious() {
	if (people_idx == 0) {
		people_idx = people_pics.length;
	}
	people_idx--;
	document.getElementById("people_picture").src = people_pics[people_idx];
	document.getElementById("photo_count_1").innerHTML = (people_idx + 1) + " of " + (people_pics.length);
	//preload(people_idx - 1);
	return false;
}

function people_processNext() {
	people_idx++;
	if (people_idx == people_pics.length) {
		people_idx = 0;
	}
	document.getElementById("people_picture").src = people_pics[people_idx];
	document.getElementById("photo_count_1").innerHTML = (people_idx + 1) + " of " + (people_pics.length);
	people_preload(people_idx + 1);
	return false;
}
function people_preload(idx) {
	if (idx == people_pics.length) {idx=0};
	if (idx < 0) {idx=people_pics.length - 1};
	document.getElementById("people_picture_preload").src=people_pics[idx];
	return false;
}
function places_processFirst(){
	places_idx = 0;
	document.getElementById("places_picture").src = places_pics[places_idx];
	document.getElementById("photo_count_2").innerHTML = (places_idx + 1) + " of " + (places_pics.length);
	places_preload(places_idx+1)
	return false;
}

function places_processLast(){
	places_idx = places_pics.length - 1;
	document.getElementById("places_picture").src = places_pics[places_idx];
	document.getElementById("photo_count_2").innerHTML = (places_idx + 1) + " of " + (places_pics.length);
	return false;
}

function places_processPrevious() {
	if (places_idx == 0) {
		places_idx = places_pics.length;
	}
	places_idx--;
	document.getElementById("places_picture").src = places_pics[places_idx];
	document.getElementById("photo_count_2").innerHTML = (places_idx + 1) + " of " + (places_pics.length);
	return false;
}

function places_processNext() {
	places_idx++;
	if (places_idx == places_pics.length) {
		places_idx = 0;
	}
	document.getElementById("places_picture").src = places_pics[places_idx];
	document.getElementById("photo_count_2").innerHTML = (places_idx + 1) + " of " + (places_pics.length);
		places_preload(places_idx+1)
	return false;
}
function places_preload(idx) {
	if (idx == places_pics.length) {idx=0};
	if (idx < 0) {idx=places_pics.length - 1};
	document.getElementById("places_picture_preload").src=places_pics[idx];
	return false;
}
function projects_processFirst(){
	projects_idx = 0;
	document.getElementById("projects_picture").src = projects_pics[projects_idx];
	document.getElementById("photo_count_3").innerHTML = (projects_idx + 1) + " of " + (projects_pics.length);
	projects_preload(projects_idx + 1);
	return false;
}
				  
function projects_processLast(){
	projects_idx = projects_pics.length - 1;
	document.getElementById("projects_picture").src = projects_pics[projects_idx];
	document.getElementById("photo_count_3").innerHTML = (projects_idx + 1) + " of " + (projects_pics.length);
	return false;
}

	
function projects_processPrevious() {
	if (projects_idx == 0) {
		projects_idx = projects_pics.length;
	}
	projects_idx--;
	document.getElementById("projects_picture").src = projects_pics[projects_idx];
	document.getElementById("photo_count_3").innerHTML = (projects_idx + 1) + " of " + (projects_pics.length);
	return false;
}

function projects_processNext() {
	projects_idx++;
	if (projects_idx == projects_pics.length) {
		projects_idx = 0;
	}
	document.getElementById("projects_picture").src = projects_pics[projects_idx];
	document.getElementById("photo_count_3").innerHTML = (projects_idx + 1) + " of " + (projects_pics.length);
	projects_preload(projects_idx + 1);
	return false;
}
function projects_preload(idx) {
	if (idx == projects_pics.length) {idx=0};
	if (idx < 0) {idx=projects_pics.length - 1};
	document.getElementById("projects_picture_preload").src=projects_pics[idx];
	return false;
}
function volunteers_processFirst(){
	volunteers_idx = 0;
	document.getElementById("volunteers_picture").src = volunteers_pics[volunteers_idx];
	document.getElementById("photo_count_4").innerHTML = (volunteers_idx + 1) + " of " + (volunteers_pics.length);
	volunteers_preload(volunteers_idx + 1);

	return false;
}

function volunteers_processLast(){
	volunteers_idx = volunteers_pics.length - 1;
	document.getElementById("volunteers_picture").src = volunteers_pics[volunteers_idx];
	document.getElementById("photo_count_4").innerHTML = (volunteers_idx + 1) + " of " + (volunteers_pics.length);
	return false;
}

function volunteers_processPrevious() {
	if (volunteers_idx == 0) {
		volunteers_idx = volunteers_pics.length;
	}
	volunteers_idx--;
	document.getElementById("volunteers_picture").src = volunteers_pics[volunteers_idx];
	document.getElementById("photo_count_4").innerHTML = (volunteers_idx + 1) + " of " + (volunteers_pics.length);
	return false;
}

function volunteers_processNext() {
	volunteers_idx++;
	if (volunteers_idx == volunteers_pics.length) {
		volunteers_idx = 0;
	}
	document.getElementById("volunteers_picture").src = volunteers_pics[volunteers_idx];
	document.getElementById("photo_count_4").innerHTML = (volunteers_idx + 1) + " of " + (volunteers_pics.length);
	volunteers_preload(volunteers_idx + 1);
	return false;
}
function volunteers_preload(idx) {
	if (idx == volunteers_pics.length) {idx=0};
	if (idx < 0) {idx=volunteers_pics.length - 1};
	document.getElementById("volunteers_picture_preload").src=volunteers_pics[idx];
	return false;
}