//----------------------------------------------------------------------------------------------------------------
// GLOBAL VARIABLE DECLARATIONS
// ============================
var strNavBarLinkID;

//----------------------------------------------------------------------------------------------------------------

function SDDL(targetDIV)
	{
		// *******************************************************************************************************
		// This function makes the target DIV element enclosing the desired drop-down list visible.
		// SDDL = Show Drop Down List
		// *******************************************************************************************************
		
		// Ensure all Drop Down Lists (enclosed by DIV elements) are hidden
		document.getElementById("ddmAboutUs").style.visibility = "hidden";	
		document.getElementById("ddmMenus").style.visibility = "hidden";	
		
		// Show the sub-menu list elements
		document.getElementById(targetDIV).style.visibility = "visible";
		
		// Make the Main Heading active as if the mouse is over it
		NavBarLinkID(targetDIV);	// Associate the Active DIV element with the link that calls it
		document.getElementById(strNavBarLinkID).style.color = "#999999";
		
	}

//----------------------------------------------------------------------------------------------------------------

function HDDL(targetDIV)
	{
		// *******************************************************************************************************
		// This function makes the target DIV element enclosing the desired drop-down list invisible.
		// HDDL = Hide Drop Down List
		// *******************************************************************************************************
		
		// Hide the sub-menu list elements
		document.getElementById(targetDIV).style.visibility = "hidden";		
		
		// Make the Main Heading inactive as if the mouse is not over it
		NavBarLinkID(targetDIV);	// Associate the Active DIV element with the link that calls it
		document.getElementById(strNavBarLinkID).style.color = "#000000";

	}

//----------------------------------------------------------------------------------------------------------------

function NavBarLinkID(targetDIV)
	{
		// *******************************************************************************************************
		// This function associates the active DIV element enclosing the active drop down menu list with the 
		// link/navbar heading that activated it.
		// *******************************************************************************************************
		
		if (targetDIV=="ddmAboutUs")
			{
			strNavBarLinkID="hotspot1"
			}
		if (targetDIV=="ddmMenus")
			{
			strNavBarLinkID="hotspot2"
			}
	}
	
//----------------------------------------------------------------------------------------------------------------
	
//----------------------------------------------------------------------------------------------------------------