// Menu ----->

var menu = false;
var selected = false;
var selectedSub = false;

function menuOn(id) { // Main Menu
	if (menu != id) {
		if (menu) {
			menuOff(menu);
		}
		Effect.Appear(id,{duration: 0.25});
		menu = id;
	}
	else {
		menuOff(id);
	}
}

function menuOff(id) {
	Element.hide(id);
	menu = false;
}

function selectMenu(id) { // Menu
	if (selected != id) {
		if (selected) {
			unselectMenu(selected);
		}
		$(id).className = "selected";
		Effect.Appear(id+'-sub',{duration: 0.25});
		selected = id;
	}
	else {
		unselectMenu(id);
	}
}

function unselectMenu(id) {
	$(id).className = "";
	Element.hide(id+'-sub');
	selected = false;
}

function selectSubMenu(id) { // Sub Menu
	if (selectedSub != id) {
		if (selectedSub) {
			unselectSubMenu(selectedSub);
		}
		$(id).className = "selected";
		Effect.Appear(id+'-sub',{duration: 0.25});
		selectedSub = id;
	}
	else {
		unselectSubMenu(id);
	}
}

function unselectSubMenu(id) {
	$(id).className = "";
	Element.hide(id+'-sub');
	selectedSub = false;
}