var flyoutArea = "";

function showFlyout(id) {
	if (flyoutArea) {
		hideFlyout();
	}

	flyoutArea = id;

	var flyoutObj = document.getElementById("fo_"+id);
	var moObj = document.getElementById("mo_"+id);
	
	if (flyoutObj)  {
		moObj.style.color = "#666666";

		
		flyoutObj.style.left = moObj.offsetLeft + 'px';
		flyoutObj.style.top = '22px';
		flyoutObj.style.visibility = "visible";

		var fly_out = document.getElementById('flyoutOut');
	
		fly_out.style.left = (moObj.offsetLeft-10) +'px';
		fly_out.style.top = '20px';
		fly_out.style.height = (flyoutObj.offsetHeight+35)+ 'px';
		fly_out.style.visibility = "visible";

		var fly_text = document.getElementById('flyoutText');
	
		fly_text.style.left = (moObj.offsetLeft-10) +'px';
		fly_text.style.top = '0px';
		fly_text.style.width = (moObj.offsetWidth+10) +'px';
		fly_text.style.visibility = "visible";

		var fly_off = document.getElementById('flyoutOff');
	
		fly_off.style.left = (moObj.offsetLeft-300) +'px';
		fly_off.style.top = '-20px';
		fly_off.style.height = (flyoutObj.offsetHeight+300)+ 'px';
		fly_off.style.visibility = "visible";
	}
}

function hideFlyout() {
	
	var flyoutObj = document.getElementById("fo_"+flyoutArea);
	var movObj = document.getElementById("mo_"+flyoutArea);
	if (movObj) {
		movObj.style.color = "#990000";
	}
	
	if (flyoutObj) {
		flyoutObj.style.visibility = "hidden";
		document.getElementById('flyoutOut').style.visibility = "hidden";
		document.getElementById('flyoutOff').style.visibility = "hidden";
		document.getElementById('flyoutText').style.visibility = "hidden";
	}
	flyoutArea = "";
	
}

function linkTopMenu() {
	var obj = document.getElementById('mo_'+flyoutArea);
	if (obj) {
		var sRef = obj.href;
		window.location.href = sRef;
	}
	
}