var currentInfoMenuSelection = '#info1';
var newInfoMenuSelection = false;

function initInfoMenu() {
	var menuItems = document.getElementById('info').getElementsByTagName('h2');
	for (var i = 0; i < menuItems.length; i++) {
		menuItems[i].onclick = function() {
			newInfoMenuSelection = '#info' + this.id.substring(4);
			setInfoMenuTo(this.id.substring(4));
		}
	}
}


function setInfoMenuTo(i) {
	newInfoMenuSelection = '#info' + i;
	if (newInfoMenuSelection == currentInfoMenuSelection)
		return 0;
	
	$(currentInfoMenuSelection).fadeOut("def", function() {
		$(newInfoMenuSelection).fadeIn("slow");
		currentInfoMenuSelection = newInfoMenuSelection;
	});
}