function navLinksEvents()
{
	var aryDivExhib = $$("#landinginfo div");
	var aryNavLinks = $$('#landingnavlinks a');
	
	// set mouseover events for all landing nav links
	aryNavLinks.each
	(
		function(navLink)
		{
			navLink.observe
			(
				'mouseover',
				function(e)
				{
					//hide all divs
					aryDivExhib.each
					(
						function(div)
						{
							div.addClassName('hide');
						}
					);
					
					//make all nav links not active
					aryNavLinks.each
					(
						function(navLink)
						{
							navLink.removeClassName('active');
						}
					);
					
					//activate this nav link
					navLink.addClassName('active');
					
					//the association between the nav link and its div is based along the following:
					// id="link1" ===> id="text1"
					var div = $(navLink.getAttribute("id").replace("link", "text"));

					//show the associated div
					if(div)
						div.removeClassName('hide');
				}
			);
		}
	);	
}

Event.observe(window, 'load', navLinksEvents);