titles1 = new Array();
var count1 = 0;

titles2 = new Array();
var count2 = 0;

titles3 = new Array();
var count3 = 0;

allimgs = new Array();

function setup() {
	document.getElementById('ctrl1').innerHTML = '<a href="javascript: shiftBack(\'1\');">&lt;</a> <a href="javascript: shiftNext(\'1\');">&gt;</a>'
	document.getElementById('ctrl2').innerHTML = '<a href="javascript: shiftBack(\'2\');">&lt;</a> <a href="javascript: shiftNext(\'2\');">&gt;</a>'
	document.getElementById('ctrl3').innerHTML = '<a href="javascript: shiftBack(\'3\');">&lt;</a> <a href="javascript: shiftNext(\'3\');">&gt;</a>'

	allimgs = document.getElementsByTagName('img');
	for (i=0 ; i<allimgs.length ; i++) {
		if (allimgs[i].src.substring(allimgs[i].src.indexOf('images')+7,allimgs[i].src.indexOf('images')+8) === 'A') {
			titles1[count1] = allimgs[i].alt;
			count1++
		}
		if (allimgs[i].src.substring(allimgs[i].src.indexOf('images')+7,allimgs[i].src.indexOf('images')+8) === 'B') {
			titles2[count2] = allimgs[i].alt;
			count2++
		}
		if (allimgs[i].src.substring(allimgs[i].src.indexOf('images')+7,allimgs[i].src.indexOf('images')+8) === 'C') {
			titles3[count3] = allimgs[i].alt;
			count3++
		}
	}
}

function shiftBack(foo) {
	var curImg = document.getElementById('gallery'+foo).innerHTML;
	curImg = curImg.substring(curImg.indexOf('images')+7,curImg.indexOf('.jpg'));
	
	if (curImg.charAt(0) === 'A') {
		if (curImg.substring(1) === '1') {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/A' + count1 + '.jpg" alt="' + titles1[count1-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles1[count1-1];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/A' + (parseFloat(curImg.substring(1))-1) + '.jpg" alt="' + titles1[parseFloat(curImg.substring(1))-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles1[parseFloat(curImg.substring(1))-2];
		}
	}
	
	if (curImg.charAt(0) === 'B') {
		if (curImg.substring(1) === '1') {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/B' + count2 + '.jpg" alt="' + titles2[count2-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles2[count2-1];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/B' + (parseFloat(curImg.substring(1))-1) + '.jpg" alt="' + titles1[parseFloat(curImg.substring(1))-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles2[parseFloat(curImg.substring(1))-2];
		}
	}
	
	if (curImg.charAt(0) === 'C') {
		if (curImg.substring(1) === '1') {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/C' + count3 + '.jpg" alt="' + titles3[count3-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles3[count3-1];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/C' + (parseFloat(curImg.substring(1))-1) + '.jpg" alt="' + titles3[parseFloat(curImg.substring(1))-1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles3[parseFloat(curImg.substring(1))-2];
		}
	}
	
}

function shiftNext(foo) {
	var curImg = document.getElementById('gallery'+foo).innerHTML;
	curImg = curImg.substring(curImg.indexOf('images')+7,curImg.indexOf('.jpg'));
	
	if (curImg.charAt(0) === 'A') {
		if (parseFloat(curImg.substring(1)) === count1) {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/A1.jpg" alt="' + titles1[0] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles1[0];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/A' + (parseFloat(curImg.substring(1))+1) + '.jpg" alt="' + titles1[parseFloat(curImg.substring(1))+1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles1[parseFloat(curImg.substring(1))];
		}
	}
	
	if (curImg.charAt(0) === 'B') {
		if (parseFloat(curImg.substring(1)) === count2) {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/B1.jpg" alt="' + titles2[0] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles2[0];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/B' + (parseFloat(curImg.substring(1))+1) + '.jpg" alt="' + titles1[parseFloat(curImg.substring(1))+1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles2[parseFloat(curImg.substring(1))];
		}
	}
	
	if (curImg.charAt(0) === 'C') {
		if (parseFloat(curImg.substring(1)) === count3) {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/C1.jpg" alt="' + titles3[0] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles3[0];
		} else {
			document.getElementById('gallery'+foo).innerHTML = '<img src="images/C' + (parseFloat(curImg.substring(1))+1) + '.jpg" alt="' + titles3[parseFloat(curImg.substring(1))+1] + '" title="">';
			document.getElementById('title'+foo).innerHTML = titles3[parseFloat(curImg.substring(1))];
		}
	}
	
}

function activate(brillig) {
	document.getElementById('config').name = "config";
	document.getElementById('config').value = brillig;
}

function pop(file,wide,high) {
	window.open(file,'popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=auto,resizable=yes,copyhistory=no,width='+wide+',height='+high)
}