// Top navigation button background hover colors
var MAIN_BAR_HOVER_COLOR = '#0e68db';
var MYACCOUNT_BAR_HOVER_COLOR = '#d6e6fa';

// Will be set to true when mouse is within submenu, otherwise will be false;
// used to determine how to react to a certain mouseout event
var mouseWithinSubmenu = false;

// navBar is hard-coded. Current possibilities: 'main', 'myaccount'
function subOn(navBtn, subNavMenu, navBar) {
	if(navBar == 'main')
		navBtn.style.backgroundColor = MAIN_BAR_HOVER_COLOR;
	else if(navBar == 'myaccount')
		navBtn.style.backgroundColor = MYACCOUNT_BAR_HOVER_COLOR;

	subNavMenu.style.display = 'block';
}

function subOff(navBtn, subNavMenu) {
	if(!mouseWithinSubmenu)
	{
		navBtn.style.backgroundColor = 'transparent';
		subNavMenu.style.display = 'none';
	}
}

function setMouseWithinSubmenu(boolValue) {
	mouseWithinSubmenu = boolValue;
}