function showSubMenu(tabName)
{
	// Set the div name and 
	var divName = "topMenuControl_" + tabName + "SubMenu";
	var imageName = tabName + "Image";
	
	// Hide any other subMenus
	document.getElementById("topMenuControl_featuresSubMenu").className = "tabcontent";
	document.getElementById("topMenuControl_photographersSubMenu").className = "tabcontent";
	document.getElementById("topMenuControl_companySubMenu").className = "tabcontent";
	document.getElementById("topMenuControl_assignmentsSubMenu").className = "tabcontent";
	document.getElementById("topMenuControl_tabDefault").className = "tabcontent";

	// Switch all tabs off
	document.getElementById("topMenuControl_featuresImage").src = "/web/images/TopMenu/featuresOff.gif";
	document.getElementById("topMenuControl_photographersImage").src = "/web/images/TopMenu/photographersOff.gif";
	document.getElementById("topMenuControl_companyImage").src = "/web/images/TopMenu/companyOff.gif";
	document.getElementById("topMenuControl_assignmentsImage").src = "/web/images/TopMenu/assignmentsOff.gif";
	document.getElementById("topMenuControl_mywpnImage").src = "/web/images/TopMenu/mywpnOff.gif";
	
	// Display the sub menu for the current MouseOver tab
	if (document.getElementById(divName))
	{
		document.getElementById(divName).className = "border";
	}
	
	// Switch to the "On" image for the selected tab
	document.getElementById("topMenuControl_" + imageName).src = "/web/images/TopMenu/" + tabName + "On.gif";
}