var list = '';

function showList(sender) {
	
	if (document.getElementById(sender).className == "menuList") {
		if (sender == "trigger1") {
			list = "flyout1";			
		}
		else {
			list = "flyout2";
		}
		document.getElementById(sender).className = 'menuList listHover';
		document.getElementById(list).className = 'flyout show';	
	}
	else if (document.getElementById(sender).className == "menuList listHover") {
		if (sender == "trigger1") {
			list = "flyout1";			
		}
		else {
			list = "flyout2";
		}
		document.getElementById(sender).className = 'menuList listHover';
		document.getElementById(list).className = 'flyout show';	
	}
	else {
		if(sender == "flyout1") {
			list = "trigger1";
		}
		else {
			list = "trigger2";
		}
		document.getElementById(list).className = 'menuList listHover';
		document.getElementById(sender).className = 'flyout show';		
	}
		
}
		
function hideList(sender) {
	
	if (document.getElementById(sender).className == "menuList listHover") {
		if (sender == "trigger1") {
			list = "flyout1";			
		}
		else {
			list = "flyout2";
		}
		document.getElementById(sender).className = 'menuList';
		document.getElementById(list).className = 'flyout';	
	}
	else if (document.getElementById(sender).className == "menuList") {
		if (sender == "trigger1") {
			list = "flyout1";			
		}
		else {
			list = "flyout2";
		}
		document.getElementById(sender).className = 'menuList';
		document.getElementById(list).className = 'flyout';	
	}

	else {
		if(sender == "flyout1") {
			list = "trigger1";
		}
		else {
			list = "trigger2";
		}
		document.getElementById(list).className = 'menuList';
		document.getElementById(sender).className = 'flyout';
	}	
}