//TEST SECTION



/////

function setOptions(chosen) {
var selbox = document.form.config;
 
selbox.options.length = 0;
if (chosen == "mtns") {
  selbox.options[selbox.options.length] = new Option('3 arms/bikes','s3');
  selbox.options[selbox.options.length] = new Option('4 arms/bikes','s4');
  selbox.options[selbox.options.length] = new Option('5 arms/bikes','s5');
  selbox.options[selbox.options.length] = new Option('6 arms/bikes','s6');
  document.getElementById("image").src="images/mtnss3ft.png";
  document.form.length.value="S3";
}
if (chosen == "mtnd") {
  selbox.options[selbox.options.length] = new Option('5 arms/bikes','d5');
  selbox.options[selbox.options.length] = new Option('7 arms/bikes','d7');
  selbox.options[selbox.options.length] = new Option('9 arms/bikes','d9');
  selbox.options[selbox.options.length] = new Option('11 arms/bikes','d11');
  document.getElementById("image").src="images/mtndd5ft.png";
  document.form.length.value="D5";
}
}


var start="1";
function StartStop()
{
        if (start=="0") {
                start="1"; 
                document.images["specbutton"].src="images/showspecs.gif"; 
                reloadimg();
        } else {
                document.images["specbutton"].src="images/hidespecs.gif";
                start="0";
        }
}


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

function replacePartMount(lvl)  
{ 
  var text =  
  [ 
    "",
    "FT-",
    "IG-"/**/  
  ][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));
}

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 span = document.getElementById("specFinish"); 
//  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 setSD(lvl)  
{ 
  var text =  
  [ 
    "S3-", 
    "D5-", 
    ""/**/  
  ][lvl]; 

  var span = document.getElementById("rackConfig"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text));
  	
  //var text2 =  
//  [ 
//    "S3-", 
//    "D5-", 
//    ""/**/  
//  ][lvl]; 
//
//  var span = document.getElementById("rackConfigSm"); 
//  while(span.childNodes[0]) /* removing nodes */ 
//    span.removeChild(span.childNodes[0]); 
//  	span.appendChild(document.createTextNode(text2));
//  	
//  var text3 =  
//  [ 
//    "3 ", 
//    "5 ", 
//    ""/**/  
//  ][lvl]; 
//
//  var span = document.getElementById("bikesParked"); 
//  while(span.childNodes[0]) /* removing nodes */ 
//    span.removeChild(span.childNodes[0]); 
//  	span.appendChild(document.createTextNode(text3));
//  	
//  var text4 =  
//  [ 
//    '136" x 76" ', 
//    '160" x 76" ', 
//    ''/**/  
//  ][lvl]; 
//
//  var span = document.getElementById("spaceUse"); 
//  while(span.childNodes[0]) /* removing nodes */ 
//    span.removeChild(span.childNodes[0]); 
//  	span.appendChild(document.createTextNode(text4));
//  	
//  var text5=
//  [
//  	"S3-",
//  	"D5-",
//  ][lvl];
//  
//  var span = document.getElementById("partConfig"); 
//  while(span.childNodes[0]) /* removing nodes */ 
//    span.removeChild(span.childNodes[0]); 
//  	span.appendChild(document.createTextNode(text5));
//  	
//  var span = document.getElementById("specPart"); 
//  while(span.childNodes[0]) /* removing nodes */ 
//    span.removeChild(span.childNodes[0]); 
//  	span.appendChild(document.createTextNode(text5));
	
}

function replaceBikesParked(TheId,lvl)
{
if ( lvl == 's3') {
document.getElementById("bikesParked").firstChild.nodeValue="3 ";
} else if ( lvl == 's4' ) {
document.getElementById("bikesParked").firstChild.nodeValue="4 ";
} else if ( lvl == 's5' ) {
document.getElementById("bikesParked").firstChild.nodeValue="5 ";
} else if ( lvl == 's6' ) {
document.getElementById("bikesParked").firstChild.nodeValue="6 ";
} else if ( lvl == 'd5' ) {
document.getElementById("bikesParked").firstChild.nodeValue="5 ";
} else if ( lvl == 'd7' ) {
document.getElementById("bikesParked").firstChild.nodeValue="7 ";
} else if ( lvl == 'd9' ) {
document.getElementById("bikesParked").firstChild.nodeValue="9 ";
} else if ( lvl == 'd11' ) {
document.getElementById("bikesParked").firstChild.nodeValue="11 ";
}
}

function replaceSpaceUse(TheId,lvl)
{
if ( lvl == 's3') {
document.getElementById("spaceUse").firstChild.nodeValue='136"  x 76"';
} else if ( lvl == 's4' ) {
document.getElementById("spaceUse").firstChild.nodeValue='136" x 101"';
} else if ( lvl == 's5' ) {
document.getElementById("spaceUse").firstChild.nodeValue='136" x 126"';
} else if ( lvl == 's6' ) {
document.getElementById("spaceUse").firstChild.nodeValue='136" x 151"';
} else if ( lvl == 'd5' ) {
document.getElementById("spaceUse").firstChild.nodeValue='160" x 76"';
} else if ( lvl == 'd7' ) {
document.getElementById("spaceUse").firstChild.nodeValue='160" x 101"';
} else if ( lvl == 'd9' ) {
document.getElementById("spaceUse").firstChild.nodeValue='160" x 126"';
} else if ( lvl == 'd11' ) {
document.getElementById("spaceUse").firstChild.nodeValue='160" x 151"';
}
}

function replaceRackConfig(TheId,lvl)
{
if ( lvl == 's3') {
document.getElementById("rackConfig").firstChild.nodeValue="S3-";
document.form.length.value="S3";
} else if ( lvl == 's4' ) {
document.getElementById("rackConfig").firstChild.nodeValue="S4-";
document.form.length.value="S4";
} else if ( lvl == 's5' ) {
document.getElementById("rackConfig").firstChild.nodeValue="S5-";
document.form.length.value="S5";
} else if ( lvl == 's6' ) {
document.getElementById("rackConfig").firstChild.nodeValue="S6-";
document.form.length.value="S6";
} else if ( lvl == 'd5' ) {
document.getElementById("rackConfig").firstChild.nodeValue="D5-";
document.form.length.value="D5";
} else if ( lvl == 'd7' ) {
document.getElementById("rackConfig").firstChild.nodeValue="D7-";
document.form.length.value="D7";
} else if ( lvl == 'd9' ) {
document.getElementById("rackConfig").firstChild.nodeValue="D9-";
document.form.length.value="D9";
} else if ( lvl == 'd11' ) {
document.getElementById("rackConfig").firstChild.nodeValue="D11-";
document.form.length.value="D11";
}
}

function replaceRackConfigSm(TheId,lvl)
{
if ( lvl == 's3') {
document.getElementById("rackConfigSm").firstChild.nodeValue="S3 ";
document.getElementById("specPart").firstChild.nodeValue="S3-";
document.getElementById("partConfig").firstChild.nodeValue="S3-";
} else if ( lvl == 's4' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="S4 ";
document.getElementById("specPart").firstChild.nodeValue="S4-";
document.getElementById("partConfig").firstChild.nodeValue="S4-";
} else if ( lvl == 's5' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="S5 ";
document.getElementById("specPart").firstChild.nodeValue="S5-";
document.getElementById("partConfig").firstChild.nodeValue="S5-";
} else if ( lvl == 's6' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="S6 ";
document.getElementById("specPart").firstChild.nodeValue="S6-";
document.getElementById("partConfig").firstChild.nodeValue="S6-";
} else if ( lvl == 'd5' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="D5 ";
document.getElementById("specPart").firstChild.nodeValue="D5-";
document.getElementById("partConfig").firstChild.nodeValue="D5-";
} else if ( lvl == 'd7' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="D7 ";
document.getElementById("specPart").firstChild.nodeValue="D7-";
document.getElementById("partConfig").firstChild.nodeValue="D7-";
} else if ( lvl == 'd9' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="D9 ";
document.getElementById("specPart").firstChild.nodeValue="D9-";
document.getElementById("partConfig").firstChild.nodeValue="D9-";
} else if ( lvl == 'd11' ) {
document.getElementById("rackConfigSm").firstChild.nodeValue="D11 ";
document.getElementById("specPart").firstChild.nodeValue="D11-";
document.getElementById("partConfig").firstChild.nodeValue="D11-";
}
}

function replaceFinish(lvl)  
{ 
  var text =  
  [ 
    "A Hot-dipped galvanized finish is standard. Powder coated colors and stainless steel finish are also available.",
    "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));  
}



function replaceRackname(lvl)  
{ 
  var text =  
  [ 
    "",
    "SURFACE MOUNTED ", 
    "IN-GROUND 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 "/**/  
  ][lvl]; 

  var span = document.getElementById("rackNameSmall"); 
  while(span.childNodes[0]) /* removing nodes */ 
    span.removeChild(span.childNodes[0]); 
  	span.appendChild(document.createTextNode(text2));
  	
  var text3 =  
  [ 
    'Surface mount has 34" x 3" galvanized steel channel feet which can be left freestanding or anchored with four fasteners. In-Ground mount is embedded into concrete base.',
    'Surface mount has 34" x 3" galvanized steel channel feet which can be left freestanding or anchored with four fasteners.', 
    "In-Ground mount is embedded into concrete base."/**/  
  ][lvl]; 

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

// End Specs

function imgChange(elem)
	{
		var imageName = elem.form.side.value+elem.form.config.value+elem.form.mount.value;
		if (imageName.length < 3) {
			alert('Please select something from all three options');
		}
		else
		{
			if (document.images)  document.images['image'].src= 'images/'+imageName+'.png'; // ie4+ ns3+
			else window.open(imageName+'.png','newimage','width=300,height=400'); // ie3+
		}
	}

var img=new Array();
  img["2H - Surface"]="images/rr2hft.gif";
  img["2H - In Ground"]="images/rr2hig.gif";
  img["2H - Freestanding"]="images/rr2hfs.gif";
  img["3H - Surface"]="images/rr3hft.gif";
  img["3H - In Ground"]="images/rr3hig.gif";
  img["3H - Freestanding"]="images/rr3hfs.gif";
  img["4H - Surface"]="images/rr4hft.gif";
  img["4H - In Ground"]="images/rr4hig.gif";
  img["4H - Freestanding"]="images/rr4hfs.gif";
  img["5H - Surface"]="images/rr5hft.gif";
  img["5H - In Ground"]="images/rr5hig.gif";
  img["5H - Freestanding"]="images/rr5hfs.gif";

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 == 'Select Finish') {
        clr = "URL(images/grey.gif)";
  } else if ( lvl == 'Galvanized' ) {
        clr = "URL(images/galvanized.gif)";
  } else if ( lvl == 'Powdercoat' ) {
        clr = "URL(images/white.gif)";
  } else if ( lvl == 'Stainless' ) {
        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 swapButton(theId) 
 { 
 	var button = document.getElementById(theId) 

 	if (button.src=="URL(images/showspecs.gif)") 
 	{ 
 		button.src="URL(images/hidespecs.gif)"; //show element 
 	} 
 	else 
 	{ 
 	button.src="URL(images/showspecs.gif)"; //hide element 
 	} 
 }

function showAndHide(theId) 
 { 
 	var el = document.getElementById(theId) 

 	if (el.className=="invisible") 
 	{ 
 		el.className="visible"; //show element 
 	} 
 	else 
 	{ 
 		el.className="invisible"; //hide element 
 	} 
 }		

function showDiv(sel)
{
     theLayer = document.getElementById("Rail");
     if(sel.selectedIndex==3) {
     	vis="visible";
     	theLayer.style.visibility=vis;
     	document.form.quantity.value = "3";
     	document.form.quantity.readOnly=true;
     	}
     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==2) vis="visible"
     else vis = "hidden"
     theLayer.style.visibility=vis;
}

function validate()
 {
 if (form.mount.options[0].selected) {
 alert('Please choose a mounting option.');
 event.returnValue=false;
 	}
 else if (form.Finish.options[0].selected) {
 alert('Please choose a finish option.');
 event.returnValue=false;
 	}
 }

// Pricing section

function calculate()
{
	document.form.result.value = (document.form.pcadd.value - 0) * (document.form.second.value - 0);
	document.form.price.value = (document.form.result.value - 0) + (document.form.baseprice.value - 0);
	}
	
function number(lvl)  
{ 
  var text =  
  [ 
    "0",
    "0", 
    "1"/**/  
  ][lvl]; 

  
  document.form.second.value = text; 
}


function setPCAdd(TheId,lvl)
{
if ( lvl == 's3') {
document.form.pcadd.value = 31;
} else if ( lvl == 's4' ) {
document.form.pcadd.value = 36;
} else if ( lvl == 's5' ) {
document.form.pcadd.value = 42;
} else if ( lvl == 's6' ) {
document.form.pcadd.value = 47;
} else if ( lvl == 'd5' ) {
document.form.pcadd.value = 52;
} else if ( lvl == 'd7' ) {
document.form.pcadd.value = 57;
} else if ( lvl == 'd9' ) {
document.form.pcadd.value = 60;
} else if ( lvl == 'd11' ) {
document.form.pcadd.value = 63;
}
}

function setConfigAdd(TheId,lvl)
{
if ( lvl == 's3') {
document.form.baseprice.value = 408.00;
} else if ( lvl == 's4' ) {
document.form.baseprice.value = 439.00;
} else if ( lvl == 's5' ) {
document.form.baseprice.value = 523.00;
} else if ( lvl == 's6' ) {
document.form.baseprice.value = 628.00;
} else if ( lvl == 'd5' ) {
document.form.baseprice.value = 460.00;
} else if ( lvl == 'd7' ) {
document.form.baseprice.value = 607.00;
} else if ( lvl == 'd9' ) {
document.form.baseprice.value = 686.00;
} else if ( lvl == 'd11' ) {
document.form.baseprice.value = 765.00;
}
}

function formatNumber (num, decplaces) { // JavaScript & DHTML Cookbook, by Danny Goodman.
    // convert in case it arrives as a string value
    num = parseFloat(num);
    // make sure it passes conversion
    if (!isNaN(num)) {
        // multiply value by 10 to the decplaces power;
        // round the result to the nearest integer;
        // convert the result to a string
        var str = "" + Math.round (eval(num) * Math.pow(10,decplaces));
        // exponent means value is too big or small for this routine
        if (str.indexOf("e") != -1) {
            return "Out of Range";
        }
        // if needed for small values, pad zeros
        // to the left of the number
        while (str.length <= decplaces) {
            str = "0" + str;
        }
        // calculate decimal point position
        var decpoint = str.length - decplaces;
        // assemble final result from: (a) the string up to the position of
        // the decimal point; (b) the decimal point; and (c) the balance
        // of the string. Return finished product.
        return str.substring(0,decpoint) + "." + str.substring(decpoint,str.length);
    } else {
        return "NaN";
    }
}


function calcit()
{
	intval = document.form.price.value
	document.form.cost.value='$ '+((intval.toFixed)?intval.toFixed(2):formatNumber(intval,2));
	document.getElementById("total").firstChild.nodeValue=document.form.cost.value;
}

// JavaScript Document