// Use this to add extra space between the items in the navbar.
var MenuItemSpacingPixels = 0; 

//---------------------------- BEGIN: HTML Table ------------------------------------//

document.write( '<table class="NavBarTable" width="800" border="0" align="left" cellpadding="0" cellspacing="0">' );

	document.write( '<tr>' );
	
	    /* ForgeFX Logo */
	    document.write( '<td width=264>' );
		
		    document.write( '<a href="http://www.forgefx.com"><img src="/shared/images/forgefx-simulations-logo.png" width="225" height="43" border="0" alt="Interactive 3D Simulations" /></a>');
			
	    document.write( '</td>' );
		
	    /* Section Names */
	    document.write( '<td class="NavBarTd" width=536 align="left" style="vertical-align: middle">' );
	
		    /* Home */
		    document.write( '<span id="Home" class="NavBarItem" onmouseover="mMouseOver(&quot;Home&quot;)" onmouseout="mMouseOut(&quot;Home&quot;)" onmousedown="mMouseDown(&quot;Home&quot;)">Home</span>' );
		    
		     /* Services */
		    document.write( '<span id="Services" class="NavBarItem" onmouseover="mMouseOver(&quot;Services&quot;)" onmouseout="mMouseOut(&quot;Services&quot;)" onmousedown="mMouseDown(&quot;Services&quot;)">Services</span>' );
			
		    /* Showcase */
		    document.write( '<span id="Showcase" class="NavBarItem" onmouseover="mMouseOver(&quot;Showcase&quot;)" onmouseout="mMouseOut(&quot;Showcase&quot;)" onmousedown="mMouseDown(&quot;Showcase&quot;)">Showcase</span>' );
			
		    /* Industries */
		    document.write( '<span id="Industries" class="NavBarItem" onmouseover="mMouseOver(&quot;Industries&quot;)" onmouseout="mMouseOut(&quot;Industries&quot;)" onmousedown="mMouseDown(&quot;Industries&quot;)">Industries</span>' );
			
		    /* About */
		    document.write( '<span id="About" class="NavBarItem" onmouseover="mMouseOver(&quot;About&quot;)" onmouseout="mMouseOut(&quot;About&quot;)" onmousedown="mMouseDown(&quot;About&quot;)">About</span>' );
			
		    /* Contact */
		    document.write( '<span id="Contact" class="NavBarItem" onmouseover="mMouseOver(&quot;Contact&quot;)" onmouseout="mMouseOut(&quot;Contact&quot;)" onmousedown="mMouseDown(&quot;Contact&quot;)">Contact</span>' );
		
	    document.write( '</td>' );			
		
	document.write( '</tr>' );	
								
	if ( CurrentSection == "Home" ) {
	
		/* Speical homepage header */
		document.write( '<tr>' );
			document.write( '<td colspan="2">' );
			document.write( '<img src="http://www.forgefx.com/images/small_bar_wide.jpg" width="800" height="14" alt="" /><br />' ); 
			document.write( '</td>' ); 
		document.write( '</tr>' );			
		
	} else {
	
		/* Normal default header */
		document.write( '<tr>' );
			document.write( '<td colspan="2">' );
			document.write( '<img src="http://www.forgefx.com/images/small_bar_wide.jpg" width="800" height="14" alt="" /><br />' );
			document.write( '<img src="http://www.forgefx.com/images/orange_bar_wide.jpg" width="800" height="54" alt="" /><br />' ); 
			document.write( '</td>' );
		document.write( '</tr>' );
		
	}											
							
document.write( '</table>' );
     
//---------------------------- END: HTML Table ------------------------------------//
                    
// Colors
tColorRed = '#D03000';
tColorGrey = '#333333';

// Highlight current section.
document.getElementById( CurrentSection ).style.color = tColorRed;

/////////////////////////////////////////////////////////////////////////////////////
// mMouseOver
// Make text red.
/////////////////////////////////////////////////////////////////////////////////////
function mMouseOver ( tSection ) {
  if ( tSection != CurrentSection ) {
    document.getElementById( tSection ).style.color = tColorRed; 
    document.getElementById( tSection ).style.cursor = "pointer";
  }
  else 
  {
    document.getElementById( tSection ).style.cursor = "pointer"; // was: "default";  
  } 
}

/////////////////////////////////////////////////////////////////////////////////////
// mMouseOver
// Return text to grey color.
/////////////////////////////////////////////////////////////////////////////////////
function mMouseOut ( tSection ) {
  if ( tSection != CurrentSection ) {
    document.getElementById( tSection ).style.color = tColorGrey; 
  }
}

/////////////////////////////////////////////////////////////////////////////////////
// mMouseDown
/////////////////////////////////////////////////////////////////////////////////////
function mMouseDown( tSection )
{
    switch ( tSection )
    {
      case "Home": tUrl = '/index.htm'; break;
      case "Services": tUrl = '/services/services.htm'; break;
      case "Showcase": tUrl = '/demos.htm'; break;
      case "Industries": tUrl = '/industries/training-simulation-industries.htm'; break;
      case "About": tUrl = '/company.htm'; break;
      case "Contact": tUrl = '/contact/contact.aspx'; break;
    }
    document.location = tUrl;  
}