var infoPanelMenuTabList = [ 'customer', 'merchant', 'new', 'express' ];
var infoPanelSubMenuTabList = [ 'serviceAndUtilityBillPayment', 'newServiceAndUtilityBillPayment', 'merchantServices', 'mobilePayment', 'merchantMobilePayment', 'merchantEcommerce', 'merchantUtilities', 'support', 'express' ];

var infoPanelSubMenuTabListMap = { 'customer' : [ 'serviceAndUtilityBillPayment', 'mobilePayment', 'support' ],
								'merchant' : [ 'merchantServices', 'merchantMobilePayment', 'merchantEcommerce', 'merchantUtilities', 'support' ],
								'new' : [ 'newServiceAndUtilityBillPayment' ], 'express' : [ 'express' ] };

function deselectOtherMenuTabs(menu, targetTab) {
	if (targetTab != menu) {
		document.getElementById(targetTab + 'MenuTab').className = "";
		//document.getElementById(targetTab + 'MenuLink').style.display = "none";
	}
}

function saveSelectedMenu(menu) {
	document.forms.infoPanelForm['infoPanelForm:selectedInfoPanelMenuInput'].value = menu;
	if (document.forms.feedbackForm) {
		document.forms.feedbackForm['feedbackForm:selectedInfoPanelMenuInput'].value = menu;
	}
}

function hideSubMenuTags() {
	for (i = 0; i < infoPanelSubMenuTabList.length; i++) {
		document.getElementById(infoPanelSubMenuTabList[i] + 'SubMenuTab').style.display = "none";
	}
}

function showSubMenuTags(menu) {
	var subMenuList = infoPanelSubMenuTabListMap[menu];
	for (i = 0; i < subMenuList.length; i++) {
		document.getElementById(subMenuList[i] + 'SubMenuTab').style.display = "inline";
	}
}

function selectInfoPanelMenu(menu) {
	saveSelectedMenu(menu);
	document.getElementById(menu + 'MenuTab').className = 'selectedTab';

	for (i = 0; i < infoPanelMenuTabList.length; i++) {
		deselectOtherMenuTabs(menu, infoPanelMenuTabList[i]);
	}
	
	hideSubMenuTags();
	showSubMenuTags(menu);
	selectInfoPanelSubMenu(infoPanelSubMenuTabListMap[menu][0]);
}

function deselectOtherSubMenuTabs(subMenu, targetTab) {
	if (targetTab != subMenu) {
		document.getElementById(targetTab + 'SubMenuTab').className = "";
		document.getElementById(targetTab + 'SubMenuPanel').style.display = "none";
	}
}

function saveSelectedSubMenu(subMenu) {
	document.forms.infoPanelForm['infoPanelForm:selectedInfoPanelSubMenuInput'].value = subMenu;
	if (document.forms.feedbackForm) {
		document.forms.feedbackForm['feedbackForm:selectedInfoPanelSubMenuInput'].value = subMenu;
	}
}

function selectInfoPanelSubMenu(subMenu) {
	saveSelectedSubMenu(subMenu);
	document.getElementById(subMenu + 'SubMenuTab').className = 'selectedTab';
	
	for (i = 0; i < infoPanelSubMenuTabList.length; i++) {
		deselectOtherSubMenuTabs(subMenu, infoPanelSubMenuTabList[i]);
	}
	
	document.getElementById(subMenu + 'SubMenuPanel').style.display = "block";
}