function subnavOn ( buttonID, area )
			{
				
				var button = document.getElementById(buttonID);
				if (button.className.indexOf('Selected') < 0)
				{
					var newClassName;
					switch (area)
					{
						case 'Vista':
							newClassName = 'subNavigationVistaHover';
							break;
						case 'IE':
							newClassName = 'subNavigationIEHover';
							break;
						case 'Using':
							newClassName = 'subNavigationUsingHover';
							break;
						case 'VirtualPC':
							newClassName = 'subNavigationVirtualPCHover';
							break;
						case 'Five':
							newClassName = 'subNavigationFiveHover';
							break;
						default:
							newClassName = 'subNavigationVistaHover';
					}
					button.className = newClassName;
				}
			}
			function subnavOff ( buttonID, area)
			{
				var button = document.getElementById(buttonID);
				if (button.className.indexOf('Selected') < 0)
				{
					var newClassName;
					switch (area)
					{
						case 'Vista':
							newClassName = 'subNavigationVista';
							break;
						case 'IE':
							newClassName = 'subNavigationIE';
							break;
						case 'Using':
							newClassName = 'subNavigationUsing';
							break;
						case 'VirtualPC':
							newClassName = 'subNavigationVirtualPC';
							break;
						case 'Five':
							newClassName = 'subNavigationFive';
							break;
						default:
							newClassName = 'subNavigationVista';
					}
					button.className = newClassName;
				}
			}