// *****************************************************************************
//  GLOBAL VARS
var subArr = document.getElementsByTagName('dd');
var menu   = new Array()


// *****************************************************************************
//  FUNCTION THAT HIDES ALL SUBMENU ITEMS.
function hideMenu()	{
//	alert(subArr.length);     // DISPLAYS NUMBER OF ELEMENTS (TESTING PURPOSES)
	for ( var i=0; i<subArr.length; i++ )	{
		subArr[i].style.display = 'none';
	}	
}


// *****************************************************************************
//  DISPLAYS SUBMENU ON PARENT CLICK
function showMenu(idx)	{
	menu = [];          // CLEARS MENU
	hideMenu();         // HIDES ALL SUBS BEFORE SHOWING ANOTHER.
	
	var pattern = eval("/^" + idx + "/i");

	// TAKES ORIGINAL ARRAY OF 'DD' TAGS AND FILTERS ON THE MATCH PATTERN INTO NEW ARRAY
	for ( var i=0; i<subArr.length; i++ )	{
		if ( pattern.test(subArr[i].id) )
			menu.push(subArr[i]);
	}
	
	// TAKES NEW ARRAY DEFINED ABOVE AND CHANGES DISPLAY STYLE OF THOSE ELEMENTS ONLY
	for ( var i=0; i<menu.length; i++ )	{
		document.getElementById(menu[i].id).style.display = '';
	}
}