function AlterMenu(showcontrol, hideControl) {

	showItem = document.getElementById(showcontrol);
	if (showItem != null && showItem.style.display != "block") {
		showItem.style.display = "block";
	}

	hidItem = document.getElementById(hideControl);
	if (hidItem != null && hidItem.style.display != "none") {
		hidItem.style.display = "none";
	}
}
//AlterMenu('bkResident','Resident')
//RanderMenu('Resident','bkResident')
function RanderMenu(showcontrol, hideControl) {

	AlterMenu(showcontrol, hideControl);
	HideOthers(showcontrol);

}
function checkMouse(control, evt) {
	evt = evt || window.event;
	var posX = 0;
	var posY = 0;
	
	//Get control box four corners position	
	box = document.getElementById(control);
	var width = box.offsetWidth;
	var height = box.offsetHeight;
	
	while (box) {
		posX += box.offsetLeft;
		posY += box.offsetTop;
		box = box.offsetParent;
	}
	//ttest = document.getElementById("ttest");
	//ttest.value = "(" + posX + ", " + (posX + width) + "), (" + posY + ", " + (posY + height) + ") ";
	
	var cursorX = 0;
	var cursorY = 0;
	//get current cursor position
	if (evt.clientX)
		cursorX = evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
	if (evt.clientY)
		cursorY = evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
	//ttest.value += cursorX + ", " + cursorY;

	//hide boxes if cursor is outside.
	if (cursorX < posX || cursorX > (posX + width) || cursorY < posY || cursorY > (posY + height))
		HideOthers(" ");
}
function HideOthers(showcontrol) {
	var showResident = document.getElementById('Resident');
	var hideResident = document.getElementById('bkResident');
	var showBusiness = document.getElementById('Business');
	var hideBusiness = document.getElementById('bkBusiness');
	var showVisitor = document.getElementById('Visitors');
	var hideVisitor = document.getElementById('bkVisitors');
	var showGovernment = document.getElementById('Government');
	var hideGovernment = document.getElementById('bkGovernment');


	if (showcontrol.indexOf('Resident') >= 0) {
		showBusiness.style.display = "none";
		hideBusiness.style.display = "block";
		showVisitor.style.display = "none";
		hideVisitor.style.display = "block";
		showGovernment.style.display = "none";
		hideGovernment.style.display = "block";
	}
	else if (showcontrol.indexOf('Business') >= 0) {
		showResident.style.display = "none";
		hideResident.style.display = "block";
		showVisitor.style.display = "none";
		hideVisitor.style.display = "block";
		showGovernment.style.display = "none";
		hideGovernment.style.display = "block";
	}
	else if (showcontrol.indexOf('Visitors') >= 0) {
		showBusiness.style.display = "none";
		hideBusiness.style.display = "block";
		showResident.style.display = "none";
		hideResident.style.display = "block";
		showGovernment.style.display = "none";
		hideGovernment.style.display = "block";
	}
	else if (showcontrol.indexOf('Government') >= 0) {
		showBusiness.style.display = "none";
		hideBusiness.style.display = "block";
		showVisitor.style.display = "none";
		hideVisitor.style.display = "block";
		showResident.style.display = "none";
		hideResident.style.display = "block";
	}
	else {
		showBusiness.style.display = "none";
		hideBusiness.style.display = "block";
		showVisitor.style.display = "none";
		hideVisitor.style.display = "block";
		showResident.style.display = "none";
		hideResident.style.display = "block";
		showGovernment.style.display = "none";
		hideGovernment.style.display = "block";
	}
}

//function AlterMenu(showcontrol, hideControl)
//{
//    showItem = document.getElementById(showcontrol);
//    if (showItem != null){
//        showItem.style.display = "block";
//    }
//    
//    hidItem = document.getElementById(hideControl);
//    if (hidItem != null){
//        hidItem.style.display = "none";
//    }   
//}

//function RanderMenu(showcontrol, hideControl)
//{
//   AlterMenu(showcontrol, hideControl);
//   HideOthers(showcontrol);
//   
//}

//function HideOthers(showcontrol)
//{
//        var showResident = document.getElementById('Resident');
//    var hideResident = document.getElementById('bkResident');
//    var showBusiness = document.getElementById('Business');
//    var hideBusiness = document.getElementById('bkBusiness');
//    var showVisitor = document.getElementById('Visitors');
//    var hideVisitor = document.getElementById('bkVisitors');
//    var showGovernment = document.getElementById('Government');
//    var hideGovernment = document.getElementById('bkGovernment');
//    
//    
//    if (showcontrol.indexOf('Resident') > 0 )
//    {
//        showBusiness.style.display = "none";
//        hideBusiness.style.display = "block";
//        showVisitor.style.display = "none";
//        hideVisitor.style.display = "block";
//        showGovernment.style.display = "none";
//        hideGovernment.style.display = "block";
//    }
//    else if (showcontrol.indexOf('Business') > 0 )
//    {
//        showResident.style.display = "none";
//        hideResident.style.display = "block";
//        showVisitor.style.display = "none";
//        hideVisitor.style.display = "block";
//        showGovernment.style.display = "none";
//        hideGovernment.style.display = "block";
//    }
//    else if (showcontrol.indexOf('Visitors') > 0 )
//    {
//        showBusiness.style.display = "none";
//        hideBusiness.style.display = "block";
//        showResident.style.display = "none";
//        hideResident.style.display = "block";
//        showGovernment.style.display = "none";
//        hideGovernment.style.display = "block";
//    }
//    else if (showcontrol.indexOf('Government') > 0 )
//    {
//        showBusiness.style.display = "none";
//        hideBusiness.style.display = "block";
//        showVisitor.style.display = "none";
//        hideVisitor.style.display = "block";
//        showResident.style.display = "none";
//        hideResident.style.display = "block";
//    }
//    
//}