var regularColor  = "gray";
var regularSize   = "20px";

var emphasisColor  = "black";
var emphasisSize   = "26px";
var unselectedSize = "14px";

var menuChoices = [
                   'home',
                   'casitas',
                   'puerto-morelos',
                   'hacienda',
                   'guest-experiences',
                   'photo-gallery',
                   'news',
                   'contact'
                  ];

function menuEnter(anElement, customEmphasisColor) {
	var selectedElement  = document.getElementById(anElement.id);
	var itemsNotSelected = getItemsNotSelected(anElement.id);

	if (customEmphasisColor) {
		selectedElement.style.color = customEmphasisColor;
	}
	else {
		selectedElement.style.color = emphasisColor;
	}

	selectedElement.style.fontSize = emphasisSize;

	for (i=0; i<itemsNotSelected.length; i++) {
		itemsNotSelected[i].style.fontSize = unselectedSize;
	}
}

function menuExit(anElement) {
	var selectedElement  = document.getElementById(anElement.id);
	var itemsNotSelected = getItemsNotSelected(anElement.id);

	selectedElement.style.color    = regularColor;
	selectedElement.style.fontSize = regularSize;

	for (i=0; i<itemsNotSelected.length; i++) {
		itemsNotSelected[i].style.fontSize = regularSize;
	}
}

function getItemsNotSelected(anItem) {
	var unselectedItems = [];

	for (i=0; i<menuChoices.length; i++) {
		if (anItem != menuChoices[i]) {
			var anElement = document.getElementById(menuChoices[i]);
			if (anElement) { unselectedItems.push(anElement); }
		}
	}

	return unselectedItems;
}