/**
 * @param element The menu item that was clicked
 */
function displayHome(element)
{
	var sideBarMid = document.getElementById('sideBarMid');
	var elementParent = document.getElementById(element).parentNode;
	var level2Elements = document.getElementsByTagName('li');
	
	// Collapse the selected menu item if it's already selected
	if (elementParent.getElementsByTagName('a')[0].className.indexOf('selected') != -1) {
		elementParent.getElementsByTagName('a')[0].className = '';
		elementParent.getElementsByTagName('ul')[0].style.display = 'none';
		return;
	}
	
	for (var i = 0; i < level2Elements.length; i++) {
		if (level2Elements[i].className.indexOf('level2') != -1) {
			level2Elements[i].className = 'level2';
			level2Elements[i].getElementsByTagName('a')[0].className = '';
			level2Elements[i].getElementsByTagName('ul')[0].style.display = 'none';
		}
	}
	
	document.getElementById(element).parentNode.className = 'level2 level2Selected';
	elementParent.getElementsByTagName('a')[0].className = 'selected';
	elementParent.getElementsByTagName('ul')[0].style.display = 'block';
}


/**
 * @param element The menu item that was clicked
 */
function display(element)
{
	var sideBarMid = document.getElementById('sideBarMid');
	var level1Elements = document.getElementsByTagName('li');
	
	var li = document.getElementById(element).parentNode;
	
	for (var i = 0; i < level1Elements.length; i++) {
		if (level1Elements[i].className.indexOf('level1') != -1) {
			level1Elements[i].className = 'level1';
			
			if (level1Elements[i].getElementsByTagName('a')[0].className.indexOf('multiline') != -1) {
				level1Elements[i].getElementsByTagName('a')[0].className = 'multiline';
			} else {
				level1Elements[i].getElementsByTagName('a')[0].className = '';
			}
			
			
			level1Elements[i].getElementsByTagName('ul')[0].style.display = 'none';
		}
	}
	
	document.getElementById(element).parentNode.className = 'level1 level1Selected';
	
	if (li.getElementsByTagName('a')[0].className.indexOf('multiline') != -1) {
		li.getElementsByTagName('a')[0].className = 'selected multiline';
	} else {
		li.getElementsByTagName('a')[0].className = 'selected';
	}
	
	li.getElementsByTagName('ul')[0].style.display = 'block';
}