function toggleMenu(id, range) {
	var menuTab;	
	var selectTab;
	var infoArea;
	var i;
	// sets all the tabs back to normal state
	for (i = 1; i < range + 1; i++) {
		menuTab = 'menu' + i;
		selectedTab = 'selected' + i;
		infoArea = 'info' + i;
		menuobject = document.getElementById(menuTab);				
		menuobject.style.display = 'block';
		selectedObject = document.getElementById(selectedTab);				
		selectedObject.style.display = 'none';
		infoObject = document.getElementById(infoArea);				
		infoObject.style.display = 'none';
	}
	// sets the current tab to selected
		menuTab = 'menu' + id;
		selectedTab = 'selected' + id;
		infoArea = 'info' + id;
		menuobject = document.getElementById(menuTab);				
		menuobject.style.display = 'none';
		selectedObject = document.getElementById(selectedTab);				
		selectedObject.style.display = 'block';
		infoObject = document.getElementById(infoArea);				
		infoObject.style.display = 'block';
	return;
}