function init () {
	activeBio = 1;

	var menu = document.getElementById('biomenu');
	bioMenu = menu.getElementsByTagName('a');

	for (var i=1; i<bioMenu.length-1; i++) {
		bioMenu[i].onclick = setBio;
	}
	bioMenu[0].onclick = prevBio;
	bioMenu[bioMenu.length-1].onclick = nextBio;
	bioMenu[0].style.visibility = 'hidden';

	return true;
}

function setBio () {
	this.blur();
	var img = this.getElementsByTagName('img').item(0);
	bioHelper(parseInt(img.alt));
	return false;
}

function prevBio () {
	this.blur();
	if (activeBio <= 1) return false;
	bioHelper(activeBio-1);
	return false;
}

function nextBio () {
	this.blur();
	if (activeBio >= bioMenu.length-2) return false;
	bioHelper(activeBio+1);
	return false;
}

function bioHelper (num) {
	if (num == activeBio) return;

	// Turn off old bio
	var img = bioMenu[activeBio].getElementsByTagName('img').item(0);
	img.src = 'layout/hbox';
	var bio = document.getElementById('bio' + activeBio);
	bio.style.display = 'none';
	
	// Turn on new bio
	img = bioMenu[num].getElementsByTagName('img').item(0);
	img.src = 'layout/sbox';
	bio = document.getElementById('bio' + num);
	bio.style.display = 'block';

	activeBio = num;

	if (activeBio > 1)
		bioMenu[0].style.visibility = 'visible';
	else
		bioMenu[0].style.visibility = 'hidden';

	if (activeBio < bioMenu.length-2)
		bioMenu[bioMenu.length-1].style.visibility = 'visible';
	else
		bioMenu[bioMenu.length-1].style.visibility = 'hidden';
}
