//################################################################################	
//
//S T A R T   M E N U
//
//This is the code that makes up the Left Menu structure. 
//The entire menu is contaned in one table cell.  This cell
//contains a new table with 2 columns.
//col 1.) An area on the left to place the arrow head that shows the current
//	    possition in the menu.
//col 2.) The actual menu items.
//---------------------------
//The colors, and text properties are defined in the stylesheet "body.css"
//We link to this code at the top of this page, in the line:
//"<link rel="STYLESHEET" type="text/css" href="body.css">"
//--------------------------	
//-	When a menu item is not the current position in the menu the class="menu"
//	defines the look of the text as outlined by the a.menu style within body.css
//	
//-	When a user places the mouse over the menu item the stylesheet has a built-in
//	style called hover, in this case a.menu:hover within body.css.  This is what 
//	cause the change in color, underline, etc when the mouseover takes place.
//	
//-	When a menu item in the active or current position in the menu, the style a.on
//	within body.css defines the look of this text (highlighted color).  we indicate 
//	this with class="on" 
//	
//	The menu ends with the Comment "E N D   M E N U"


//################################################################################		

			
				var strLocation = document.URL ;
				strLocation = strLocation.toUpperCase();
				var mypos ;		
				
				//--------------------------------
				//  O P E N   T H E   T A B L E 
				//--------------------------------	
				//document.write("<table BORDER='0' CELLPADDING='0' CELLSPACING='0'><tr><td width='30' background='images/bk_stripe.gif'><img src='images/bk_stripe.gif' alt='' width='30' height='2' border='0'></td><td>");
				
				document.write("<table BORDER='0' CELLPADDING='0' CELLSPACING='0' height='100%' width='155'><tr><td WIDTH='10'>");
//------------------------------------------------------------------
//  I N D E X                        
//------------------------------------------------------------------
						
						mypos = (document.URL.toUpperCase()).indexOf("INDEX");		
						//checks for the name index.asp in the URL, or the title of the page, if the URL
						//does not show the index.asp - for example the user types in the url, without the 
						//index.asp, which would still process as the default page for the site.						
						if((mypos>=0) || (document.title=="Commercial Roll - Home")){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td style='padding-top:10px;'>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='../index.htm' class='on'>");	
						}else{
						document.write("</td><td  style='padding-top:10px;'>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='../index.htm' class='menu'>");	
						}											
						document.write("Home</a><br><img src='../_images/navigation/menuDivider.gif' width='162' height='20' border='0'></td></tr>");	
						

						
//------------------------------------------------------------------
//   A B O U T 
//------------------------------------------------------------------
					document.write("<tr><td WIDTH='10'>");
						mypos = (document.URL.toUpperCase()).indexOf("ABOUT");										
						if(mypos>=0){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='about.htm' class='on'>");	
						}else{
						document.write("</td><td>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='about.htm' class='menu'>");	
						}											
						document.write("About Us</a><br><img src='../_images/navigation/menuDivider.gif' width='162' height='20' border='0'></td></tr>");
						
						
					
//------------------------------------------------------------------
//   R O L L _ F O R M I N G
//------------------------------------------------------------------
					document.write("<tr><td WIDTH='10'>");
						mypos = (document.URL.toUpperCase()).indexOf("ROLL_FORMING");										
						if(mypos>=0){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='roll_forming.htm' class='on'>");	
						}else{
						document.write("</td><td>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='roll_forming.htm' class='menu'>");	
						}											
						document.write("Roll Forming</a><br><img src='../_images/navigation/menuDivider.gif' width='162' height='20' border='0'></td></tr>");
						
						

		
//------------------------------------------------------------------
//   S E R V I C E S
//------------------------------------------------------------------
					document.write("<tr><td WIDTH='10'>");
						mypos = (document.URL.toUpperCase()).indexOf("SERVICES");										
						if(mypos>=0){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='services.htm' class='on'>");	
						}else{
						document.write("</td><td>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='services.htm' class='menu'>");	
						}											
						document.write("Other Services</a><br><img src='../_images/navigation/menuDivider.gif' width='162' height='20' border='0'></td></tr>");		

	
					
//------------------------------------------------------------------
// Q U A L I T Y 
//------------------------------------------------------------------
					document.write("<tr><td WIDTH='10'>");
						mypos = (document.URL.toUpperCase()).indexOf("QUALITY");										
						if(mypos>=0){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='quality.htm' class='on'>");	
						}else{
						document.write("</td><td>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='quality.htm' class='menu'>");	
						}											
						document.write("Quality</a><br><img src='../_images/navigation/menuDivider.gif' width='162' height='20' border='0'></td></tr>");




//------------------------------------------------------------------
// C O N T A C T
//------------------------------------------------------------------
					document.write("<tr><td WIDTH='10'>");
						mypos = (document.URL.toUpperCase()).indexOf("CONTACT");										
						if(mypos>=0){ 
							//document.write("<IMG SRC='images/menu_arrow.gif' WIDTH='10' HEIGHT='13' ALT=''>");
							document.write("</td><td>");						
							document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='contact.htm' class='on'>");	
						}else{
						document.write("</td><td>");						
						document.write("<img src='../_images/navigation/bullet.gif' width='12' height='11' border='0'> <a href='contact.htm' class='menu'>");	
						}											
						document.write("Contact Info</a><br><br></td></tr>");
						
						
		
				
				//--------------------------------
				//  C L O S E   T H E   T A B L E 
				document.write("</table>");		
				//--------------------------------</td></tr></table>
				
//<!--- 	
//E N D   M E N U
//--->