function initMainNav()
{
	var mainNav   = document.getElementById( 'mainNav' );
	var listItems = mainNav.getElementsByTagName( 'li' );
	
	for ( var i = 0; i < listItems.length; i++ ) {
		
		if ( listItems[i].getAttribute('id') == 'curMain' ) continue;
		if ( listItems[i].parentNode.parentNode.getAttribute('id') == 'curMain' ) continue;
		listItems[i].onmouseover = function() {
			toggleCurSubNav();
			toggleHoverSubNav( this );
		}
		listItems[i].onmouseout = function() {
			toggleCurSubNav();
			toggleHoverSubNav( this );
		}
		
	} // end for
}



function toggleCurSubNav()
{	
	var curMain   = document.getElementById( 'curMain' );
	if ( !curMain ) return;
	var curSubNav = curMain.getElementsByTagName( 'ul' )[0];
	if ( !curSubNav ) return;
	
	if ( curSubNav.className != 'fade' ) {
		curSubNav.className = 'fade';
	} else {
		curSubNav.className = '';
	}
	
}



function toggleHoverSubNav( obj )
{
	var hoverSubNav = obj.getElementsByTagName( 'ul' )[0];
	if ( !hoverSubNav ) return;
	if ( hoverSubNav.className == 'mOver' ) {
		hoverSubNav.className = '';
	} else {
		hoverSubNav.className = 'mOver';
	}
}

