// JavaScript Document - This is additional js for transmenu...
		function init() {
			//==========================================================================================
			// if supported, initialize TransMenus
			//==========================================================================================
			// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
			// This is better than server-side checking because it will also catch browsers which would
			// normally support the menus but have javascript disabled.
			//
			// If supported, call initialize() and then hook whatever image rollover code you need to do
			// to the .onactivate and .ondeactivate events for each menu.
			//==========================================================================================
			if (TransMenu.isSupported()) {
				TransMenu.initialize();

				// hook all the highlight swapping of the main toolbar to menu activation/deactivation
				// instead of simple rollover to get the effect where the button stays hightlit until
				// the menu is closed.
//=========================================================================================================================//
//  do one of these for each item WITH sub menus...
			
//=========================================================================================================================//				
				menu1.onactivate = function() { document.getElementById("memberbenefits").className = "hover"; };
				menu1.ondeactivate = function() { document.getElementById("memberbenefits").className = ""; };
			
		
//=========================================================================================================================//
//  do one of these for each item WITHOUT sub menus...
/*			
			<a href="chamber-home.cfm" id="chamberofcommerce">#pageSection#</a>
			<a href="member-directory.cfm" id="memberdirectory">member directory</a>
			<a href="area-information.cfm" id="areainformation">area information</a>
			<a href="news.cfm" id="news">news</a>
			<a href="events.cfm" id="events">events</a>
			<a href="going-into-business.cfm" id="goingintobusiness">going into business</a>
			<a href="member-benefits.cfm" id="memberbenefits">member benefits</a>
			<a href="member-login.cfm" id="memberlogin">member login</a>
			 
*/			
//=========================================================================================================================//
				document.getElementById("chamberofcommerce").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("chamberofcommerce").onmouseout = function() { this.className = ""; }
//=========================================================================================================================//				
				
				/*document.getElementById("memberdirectory").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("memberdirectory").onmouseout = function() { this.className = ""; }*/
//=========================================================================================================================//				
				
				document.getElementById("areainformation").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("areainformation").onmouseout = function() { this.className = ""; }
//=========================================================================================================================//
				
				document.getElementById("news").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("news").onmouseout = function() { this.className = ""; }
//=========================================================================================================================//
				
				/*document.getElementById("chamberevents").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("chamberevents").onmouseout = function() { this.className = ""; }*/
//=========================================================================================================================//
				
				document.getElementById("goingintobusiness").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("goingintobusiness").onmouseout = function() { this.className = ""; }

//=========================================================================================================================//
				
				document.getElementById("memberlogin").onmouseover = function() {
					ms.hideCurrent();
					this.className = "hover";
				}

				document.getElementById("memberlogin").onmouseout = function() { this.className = ""; }
//=========================================================================================================================//

				
			}
		}