
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


<html>
<head>
	<title>RailBlazers - Aluminum Railing System Version: 1.0-1</title>
	<link rel="STYLESHEET" type="text/css" href="http://www.railblazers.com/common/css/main.css">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18143175-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

	</script>
	<!-- Javascript for the paging -->
	<Script Language="Javascript">
	<!--//
	
		function load_episodes() {	          
           mainFrame = top.body_frame;
		   mainFrame.location.href = "episodes.php";
        }		

			function switch_page(pButtn) {		  
		  	var body = document.getElementById("body-right");
		  	body.src = pButtn.id + ".php";
		   	//window.location = Page.id;
		   
		   	document.getElementById("current_page").value = pButtn.id;
		   	var nav_buttons = document.getElementsByName('nav');
			//remove all on
		   	for (i = 0; i < nav_buttons.length; i++) {                           
                switch(nav_buttons[i].id){
		          case "product_quality":
		              image = "pdtnav01";
		              break;
		          case "product_versatility":
		              image = "pdtnav02";
		              break;
		          case "product_components":
		              image = "pdtnav03";
		              break;
		          case "product_testimonials":
		              image = "pdtnav04";		              
		              break;
		          default:
		              break;		          
                }
                // left it on if nav[i] = pButton                                                             
                if(nav_buttons[i].id == pButtn.id){                 
                    nav_buttons[i].src = "image/" + image + "-on.gif";                    
                } else {                     
                    nav_buttons[i].src = "image/" + image + "-off.gif";                   				                                      
                }
				               		
			}						
			
			switch(pButtn.id){
	          case "product_quality":		              
	              section = "QUALITY";
	              break;
	          case "product_versatility":
	              section = "VERSATILITY";
	              break;
	          case "product_components":
	              section = "COMPONENTS";
	              break;
	          case "product_testimonials":
	              section = "TESTIMONIALS";
	              break;
	          default:
	          	  section="";
	          	  break;		          
            } 
			
            document.getElementById("stn").innerHTML = section; 			
		}
		
		function mouseout(pButtn){
		    currentPage = document.getElementById("current_page").value;
            
            switch(pButtn.id){
		      case "product_quality":
		          image = "pdtnav01";
		          break;
		      case "product_versatility":
		          image = "pdtnav02";
		          break;
		      case "product_components":
		          image = "pdtnav03";
		          break;
		      case "product_testimonials":
		          image = "pdtnav04";
		          break;
		      default:
		          break;		          
           }		   
            if(pButtn.id == currentPage){
                pButtn.src = "image/" + image +"-on.gif";
            }else {            
                pButtn.src = "image/" + image +"-off.gif";
            }
        }
		
	
	//-->

	</Script>
</head>

<body bgcolor="#FFFFFF" text="#444444" link="#003399" vlink="#003399" alink="#3366CC" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
<input type="hidden" id="current_page" value="product_overview.php"/>

	<table class="class" height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
		<tr>
			<td nowrap="true" colspan="2" height="30">
				<font class="top_text">&#160;YOU ARE HERE&#160;:&#160;<a style="font-size:10px" href="javascript:;" onclick="document.getElementById('body-right').src='product_overview.php';">THE PRODUCT</a>&#160;>&#160;<span id="stn"></span></font>				
			</td>
		</tr>
		
		<tr>
			<!--  Menu on the Left -->
			<td valign="top" width="227"> 
				<table class="body"  border="0" cellpadding="0" cellspacing="0">
					<tr><td align="left"><img name="nav" id="product_quality" alt="QUALITY" src="image/pdtnav01-off.gif" onmouseover="this.src='image/pdtnav01-on.gif'" onmouseout="mouseout(this);" onclick="switch_page(this);" /></td></tr>
					<tr><td height="2"></td></tr>
					<tr><td align="left"><img name="nav" id="product_versatility" alt="VERSATILITY" src="image/pdtnav02-off.gif" onmouseover="this.src='image/pdtnav02-on.gif'" onmouseout="mouseout(this);" onclick="switch_page(this);" /></td></tr>
					<tr><td height="2"></td></tr>
					<tr><td align="left"><img name="nav" id="product_components" alt="COMPONENTS" src="image/pdtnav03-off.gif" onmouseover="this.src='image/pdtnav03-on.gif'" onmouseout="mouseout(this);" onclick="switch_page(this);" /></td></tr>
					<tr><td height="2"></td></tr>
					<tr><td align="left"><img name="nav" id="product_testimonials" alt="TESTIMONIALS" src="image/pdtnav04-off.gif" onmouseover="this.src='image/pdtnav04-on.gif'" onmouseout="mouseout(this);" onclick="switch_page(this);" /></td></tr>	

	
			<td align="left" valign="">
			<img src="image/spacer.gif" alt="" width="1" height="24" border="0"><br/>
						<font class="top_text3">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;<a href="javascript:load_episodes();">As seen on HGTV's</a></font> 
			<br><a href="javascript:load_episodes();"><img src="image/holmes-main.jpg" alt="Holmes on Homes" width="175" height="275" border="0" ></a>
						</td>
															
				</table>					
			</td>
			<!--  Body Content on the Right -->
			<td valign="top" width="*">
				<table class="body" height="100%" width="100%" border="0" cellpadding="0" cellspacing="0">
					<tr><td><iframe id="body-right" src ="product_overview.php" height="100%" width="525" frameborder="0" scrolling="no" marginwidth="0" marginwidth="0"></iframe></td></tr>
				</table>					
			</td>
		</tr>
	</table>
				
</body>
</html>
