function getChildren (element) { 
	menuItems = []; //Global scope to. Used in toggle.
	var children = element.childNodes;
	var j = 0;
	
	for(var i = 0; i < children.length; i++) {
		if(children[i].nodeType ==1) {
			menuItems[j] = children[i].id;
			j++;
		}
	}
}

function addHandlers () {
	document.getElementById('bottomFiller').onclick = toggleOff;
	document.getElementById('imgs-frame').onclick = toggleOff;
	getChildren (document.getElementById('categoryList'));
	
	for(var i = 0; i < menuItems.length; i++) {
		var menu = document.getElementById(menuItems[i]);
		menu.onclick = toggle;
	}
	
}

function toggleOff() {
	for(var i = 0; i < menuItems.length; i++) {
		var div = menuItems[i] + "Content";
		document.getElementById(div).style.display = "none";
	}
}

function toggle () {
	toggleOff();
	document.getElementById(this.id).blur();
	var div = this.id + "Content";
	var el = document.getElementById(div).style;
	
	if (el.display == "block") {
		el.display = "none";
	}
	else {
		el.display = "block";
	}
	
	return false
}