// ADJUST SPECS SECTION ---------------

function replacePartConfig(lvl)  
{ 
  var text =  
  [ 
    "B3-",
    "B4-", 
    "B5-",
    "B6-",
    "B7-"/**/  
  ][lvl]; 

  var span = document.getElementById("partMount"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  var span = document.getElementById("specMount"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
	
  var text2 =  
  [ 
    "B3",
    "B4", 
    "B5",
    "B6"/**/  
  ][lvl]; 

  
  document.form.mountoption.value = text2; 
}

function replacePartMount(lvl)  
{ 
  var text =  
  [ 
    "FT-",
    "IG-", 
    "B3-"/**/  
  ][lvl]; 

  var span = document.getElementById("partMount"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  var text2 =  
  [ 
    "FT-",
    "IG-", 
    "B3-"/**/  
  ][lvl]; 

  var span = document.getElementById("specMount"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text2));  

  var text3 =  
  [ 
    "FT",
    "IG", 
    "B3"/**/  
  ][lvl];
  
  document.form.mountoption.value = text3;

}

function replacePartFinish(lvl)  
{ 
  var text =  
  [ 
    "GV", 
    "EPX",
    "ST"/**/  
  ][lvl]; 

  var span = document.getElementById("partFinish"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  var text2 =  
  [ 
    "GV", 
    "EPX",
    "ST"/**/  
  ][lvl]; 

  var span = document.getElementById("specFinish"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text2));
}

function replaceRailNumber(lvl)  
{ 
  var text =  
  [ 
    "3 ",
    "4 ", 
    "5 ", 
    "6 ",
    "7 "/**/  
  ][lvl]; 

  var span = document.getElementById("railNumber"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));

  var span = document.getElementById("railNumberSm"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));  
}

function replacePcColor(lvl)  
{ 
  var text =  
  [ 
    "",
    "White.", 
    "Black.", 
    "Light Grey (RAL7042).",
    "Sky Blue (RAL5015).",
    "Blue (RAL5005).",
    "Hunter Green (RAL6005).",
    "Light Green (6018).",
    "Green (RAL6016).",
    "Yellow (RAL1023).",
    "Deep Red (RAL3003)."/**/  
  ][lvl]; 

  var span = document.getElementById("pcColor"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));  
}

function replaceFinish(lvl)  
{ 
  var text =  
  [ 
    "Hot-dipped, galvanized finish.", 
    "Sandblast, epoxy prime 2-4 mils, final TGIC UV resistant coating at 2-4 mils.", 
    "High grade polished stainless steel"/**/  
  ][lvl]; 

  var span = document.getElementById("ex3Span"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  var text2 =  
  [ 
    "",
    "", 
    "", 
    ""/**/  
  ][lvl]; 

  var span = document.getElementById("pcColor"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text2));  
}

function replaceRackname(lvl)  

{ 
  var text =  
  [ 
    "SURFACE MOUNTED ", 
    "IN-GROUND MOUNTED ", 
    "RAIL MOUNTED "/**/  
  ][lvl]; 

  var span = document.getElementById("rackName"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  var text2 =  
  [ 
    "surface mounted ", 
    "in-ground mounted ", 
    "rail mounted "/**/  
  ][lvl]; 

  var span = document.getElementById("rackNameSmall"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text2));
  	
  var text3 =  
  [ 
    'Flange mount has two 2.5" x 6" x .25" feet - 4 anchors.', 
    'In-ground mount is embedded into concrete base. ', 
    'Rail mount has two galvanized steel channels. '/**/  
  ][lvl]; 

  var span = document.getElementById("installation"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text3));
  	
  var text4 =  
  [ 
    '',
    '', 
    '', 
    ''/**/  
  ][lvl]; 

  var span = document.getElementById("railNumber"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text4));
  	
  var span = document.getElementById("railNumberSm"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text4)); 
 }

// End Specs Section

var img=new Array();
  img[""]="images/bb.png";
  img["Select Mount"]="images/bb.png";
  img["Surface"]="images/bbft.png";
  img["In Ground"]="images/bbig.png";
  img["Rail Mount"]="images/bbfs3.png";
  img["Select Configuration"]="images/bbfs.png";
  img["3 per Rail"]="images/bbfs3.png";
  img["4 per Rail"]="images/bbfs4.png";
  img["5 per Rail"]="images/bbfs5.png";
  img["6 per Rail"]="images/bbfs6.png";
  img["7 per Rail"]="images/bbfs7.png";

function swap(type){
document.getElementById("image").src=img[type];
var sel=document.form.Mount;
for(i=0;i<sel.length;i++){if(sel.options[i].text==type){sel.selectedIndex=i;}}
}

function change(id, newClass) {

 identity=document.getElementById(id);

 identity.className=newClass;

 }

function changebk(TheId,lvl)
{
  if ( lvl == '') {
        clr = "";
  } else if ( lvl == 'GV' ) {
        clr = "URL(images/galvanized.gif)";
  } else if ( lvl == 'EPX' ) {
        clr = "URL(images/white.gif)";
  } else if ( lvl == 'ST' ) {
        clr = "URL(images/stainless.gif)";
  } else if ( lvl == 'Black' ) {
        clr = "URL(images/black.gif)";
  } else if ( lvl == 'White' ) {
        clr = "URL(images/white.gif)";
  } else if ( lvl == 'Light Grey' ) {
        clr = "URL(images/grey.gif)";
  } else if ( lvl == 'Deep Red' ) {
        clr = "URL(images/red.gif)";
  } else if ( lvl == 'Yellow' ) {
        clr = "URL(images/yellow.gif)";
  } else if ( lvl == 'Sky Blue' ) {
        clr = "URL(images/sky.gif)";
  } else if ( lvl == 'Blue' ) {
        clr = "URL(images/blue.gif)";
  } else if ( lvl == 'Green' ) {
        clr = "URL(images/green.gif)";
  } else if ( lvl == 'Hunter Green' ) {
        clr = "URL(images/hunter.gif)";
  } else if ( lvl == 'Light Green' ) {
        clr = "URL(images/light.gif)";
  } 
document.getElementById("Finish").style.backgroundImage = clr;
}

function showCopy(theId) 
 { 
 	var line = document.getElementById(theId) 

 	if (line.className=="hidden") 
 	{ 
 		line.className="shown"; //show element 
 	} 
 	else 
 	{ 
 		line.className="hidden"; //hide element 
 	} 
 }


function showDiv(sel)
{
     theLayer = document.getElementById("Rail");
     if(sel.selectedIndex==2) {
     	vis="visible";
     	theLayer.style.visibility=vis;
     	}
     else {
     	vis = "hidden";
     	theLayer.style.visibility=vis;
	 	document.getElementById("Rail").selectedIndex=0;
	 	document.form.quantity.readOnly=false;
	 }
	 
}  

function showCol(sel)
{
     theLayer = document.getElementById("Color");
     if(sel.selectedIndex==1) vis="visible"
     else vis = "hidden"
     theLayer.style.visibility=vis;
}