// JavaScript Document

//<!-- ################################################## -->
//<!--               Woofer BoxWizard(TM) 2007            -->
//<!--                Designed and Written by             -->
//<!--       Eric Russell (russeler@rockfordcorp.com)     -->
//<!--                                                    -->
//<!--        This application is NOT freeware NOR        -->
//<!--       is it "open-source".  Any reproduction       -->
//<!--       or usage of this DESIGN and CODE not to      -->
//<!--      be used without explicit written approval.    -->
//<!-- ################################################## -->


	

// WIN & MAC AUTO-PRINT DIALOG POPUP
function printWindow() {
	bV = parseInt(navigator.appVersion);
	if (bV >= 4) {
		window.setTimeout('window.print();',2000);
	}
	
}


// SHOW & HIDE "Printer Friendly" & "Email A Friend" DIV
function showExtraLinks() {
	  var extraLinks = document.getElementById('layer_extra_links').style;
	   extraLinks.display = "block";
}


// PRINTER FRIENDLY
function openPrintWindow() {
	var printURL = ""
	
	for (var i=0; i < document.form1.type.length; i++){
		if (document.form1.type[i].checked) {
		var printType = document.form1.type[i].value;
		}
	}	
	for (var i=0; i < document.form1.method.length; i++){
		if (document.form1.method[i].checked) {
		var printMethod = document.form1.method[i].value;
		}
	}
	for (var i=0; i < document.form1.units.length; i++){
		if (document.form1.units[i].checked) {
		var printUnits = document.form1.units[i].value;
		}
	}
	for (var i=0; i < document.form1.wood.length; i++){
		if (document.form1.wood[i].checked) {
		var printWood = document.form1.wood[i].value;
		}
	}
	
	printURL = printURL + "?type=" + printType + "&units=" + printUnits + "&wood=" + printWood + "&method=" + printMethod

	if(printType == "rectangle") {
		if(printMethod == "external") {
			var printRectH = document.getElementById("rect_height_out").value;
			var printRectW = document.getElementById("rect_width_out").value;	
			var printRectD = document.getElementById("rect_depth_out").value;			
			printURL = printURL + "&rect_height_out=" + printRectH + "&rect_width_out=" + printRectW + "&rect_depth_out=" + printRectD
		} else if(printMethod == "internal") {
			var printRectH = document.getElementById("rect_height_in").value;
			var printRectW = document.getElementById("rect_width_in").value;	
			var printRectD = document.getElementById("rect_depth_in").value;
			printURL = printURL + "&rect_height_in=" + printRectH + "&rect_width_in=" + printRectW + "&rect_depth_in=" + printRectD
		}

	} else if(printType == "wedge") {
		if(printMethod == "external") {		
			var printWedgeH = document.getElementById("wedge_height_out").value;
			var printWedgeW = document.getElementById("wedge_width_out").value;	
			var printWedgeD1 = document.getElementById("wedge_depth1_out").value;	
			var printWedgeD2 = document.getElementById("wedge_depth2_out").value;	
			printURL = printURL + "&wedge_height_out=" + printWedgeH + "&wedge_width_out=" + printWedgeW + "&wedge_depth1_out=" + printWedgeD1 + "&wedge_depth2_out=" + printWedgeD2
		} else if(printMethod == "internal") {
			var printWedgeH = document.getElementById("wedge_height_in").value;
			var printWedgeW = document.getElementById("wedge_width_in").value;	
			var printWedgeD1 = document.getElementById("wedge_depth1_in").value;	
			var printWedgeD2 = document.getElementById("wedge_depth2_in").value;	
			printURL = printURL + "&wedge_height_in=" + printWedgeH + "&wedge_width_in=" + printWedgeW + "&wedge_depth1_in=" + printWedgeD1 + "&wedge_depth2_in=" + printWedgeD2			
		}
			
	} else if(printType == "wedge2") {
		if(printMethod == "external") {				
			var printWedge2H1 = document.getElementById("wedge2_height1_out").value;
			var printWedge2H2 = document.getElementById("wedge2_height2_out").value;
			var printWedge2W = document.getElementById("wedge2_width_out").value;
			var printWedge2D1 = document.getElementById("wedge2_depth1_out").value;
			var printWedge2D2 = document.getElementById("wedge2_depth2_out").value;
			printURL = printURL + "&wedge2_height1_out=" + printWedge2H1 + "&wedge2_height2_out=" + printWedge2H2 + "&wedge2_width_out=" + printWedge2W + "&wedge2_depth1_out=" + printWedge2D1 + "&wedge2_depth2_out=" + printWedge2D2
		} else if(printMethod == "internal") {			
			var printWedge2H1 = document.getElementById("wedge2_height1_in").value;
			var printWedge2H2 = document.getElementById("wedge2_height2_in").value;
			var printWedge2W = document.getElementById("wedge2_width_in").value;
			var printWedge2D1 = document.getElementById("wedge2_depth1_in").value;
			var printWedge2D2 = document.getElementById("wedge2_depth2_in").value;
			printURL = printURL + "&wedge2_height1_in=" + printWedge2H1 + "&wedge2_height2_in=" + printWedge2H2 + "&wedge2_width_in=" + printWedge2W + "&wedge2_depth1_in=" + printWedge2D1 + "&wedge2_depth2_in=" + printWedge2D2		
		}
		
	} else if(printType == "hexagon") {	
		if(printMethod == "external") {			
			var printHexW = document.getElementById("hex_width_out").value;	
			var printHexD = document.getElementById("hex_depth_out").value;	
			printURL = printURL + "&hex_width_out=" + printHexW + "&hex_depth_out=" + printHexD
		} else if(printMethod == "internal") {
			var printHexW = document.getElementById("hex_width_in").value;	
			var printHexD = document.getElementById("hex_depth_in").value;	
			printURL = printURL + "&hex_width_in=" + printHexW + "&hex_depth_in=" + printHexD			
		}
		
	}
	//alert("Print URL: " + printURL)	
	window.open('box_wizard/box_wizard_print.asp' + printURL,'new_window','width=560,height=450,location=yes,resizable=yes')
}


// EMAIL A FRIEND
function openEmailWindow() {
	var urlEmail = ""
	
	for (var i=0; i < document.form1.type.length; i++){
		if (document.form1.type[i].checked) {
		var urlType = document.form1.type[i].value;
		}
	}	
	for (var i=0; i < document.form1.method.length; i++){
		if (document.form1.method[i].checked) {
		var urlMethod = document.form1.method[i].value;
		}
	}
	for (var i=0; i < document.form1.units.length; i++){
		if (document.form1.units[i].checked) {
		var urlUnits = document.form1.units[i].value;
		}
	}
	for (var i=0; i < document.form1.wood.length; i++){
		if (document.form1.wood[i].checked) {
		var urlWood = document.form1.wood[i].value;
		}
	}
	
	urlEmail = urlEmail + "?type=" + urlType + "&units=" + urlUnits + "&wood=" + urlWood + "&method=" + urlMethod

	if(urlType == "rectangle") {
		if(urlMethod == "external") {
			var urlRectH = document.getElementById("rect_height_out").value;
			var urlRectW = document.getElementById("rect_width_out").value;	
			var urlRectD = document.getElementById("rect_depth_out").value;			
			urlEmail = urlEmail + "&rect_height_out=" + urlRectH + "&rect_width_out=" + urlRectW + "&rect_depth_out=" + urlRectD
		} else if(urlMethod == "internal") {
			var urlRectH = document.getElementById("rect_height_in").value;
			var urlRectW = document.getElementById("rect_width_in").value;	
			var urlRectD = document.getElementById("rect_depth_in").value;
			urlEmail = urlEmail + "&rect_height_in=" + urlRectH + "&rect_width_in=" + urlRectW + "&rect_depth_in=" + urlRectD
		}

	} else if(urlType == "wedge") {
		if(urlMethod == "external") {		
			var urlWedgeH = document.getElementById("wedge_height_out").value;
			var urlWedgeW = document.getElementById("wedge_width_out").value;	
			var urlWedgeD1 = document.getElementById("wedge_depth1_out").value;	
			var urlWedgeD2 = document.getElementById("wedge_depth2_out").value;	
			urlEmail = urlEmail + "&wedge_height_out=" + urlWedgeH + "&wedge_width_out=" + urlWedgeW + "&wedge_depth1_out=" + urlWedgeD1 + "&wedge_depth2_out=" + urlWedgeD2
		} else if(urlMethod == "internal") {
			var urlWedgeH = document.getElementById("wedge_height_in").value;
			var urlWedgeW = document.getElementById("wedge_width_in").value;	
			var urlWedgeD1 = document.getElementById("wedge_depth1_in").value;	
			var urlWedgeD2 = document.getElementById("wedge_depth2_in").value;	
			urlEmail = urlEmail + "&wedge_height_in=" + urlWedgeH + "&wedge_width_in=" + urlWedgeW + "&wedge_depth1_in=" + urlWedgeD1 + "&wedge_depth2_in=" + urlWedgeD2			
		}
			
	} else if(urlType == "wedge2") {
		if(urlMethod == "external") {				
			var urlWedge2H1 = document.getElementById("wedge2_height1_out").value;
			var urlWedge2H2 = document.getElementById("wedge2_height2_out").value;
			var urlWedge2W = document.getElementById("wedge2_width_out").value;
			var urlWedge2D1 = document.getElementById("wedge2_depth1_out").value;
			var urlWedge2D2 = document.getElementById("wedge2_depth2_out").value;
			urlEmail = urlEmail + "&wedge2_height1_out=" + urlWedge2H1 + "&wedge2_height2_out=" + urlWedge2H2 + "&wedge2_width_out=" + urlWedge2W + "&wedge2_depth1_out=" + urlWedge2D1 + "&wedge2_depth2_out=" + urlWedge2D2
		} else if(urlMethod == "internal") {			
			var urlWedge2H1 = document.getElementById("wedge2_height1_in").value;
			var urlWedge2H2 = document.getElementById("wedge2_height2_in").value;
			var urlWedge2W = document.getElementById("wedge2_width_in").value;
			var urlWedge2D1 = document.getElementById("wedge2_depth1_in").value;
			var urlWedge2D2 = document.getElementById("wedge2_depth2_in").value;
			urlEmail = urlEmail + "&wedge2_height1_in=" + urlWedge2H1 + "&wedge2_height2_in=" + urlWedge2H2 + "&wedge2_width_in=" + urlWedge2W + "&wedge2_depth1_in=" + urlWedge2D1 + "&wedge2_depth2_in=" + urlWedge2D2		
		}
		
	} else if(urlType == "hexagon") {	
		if(urlMethod == "external") {			
			var urlHexW = document.getElementById("hex_width_out").value;	
			var urlHexD = document.getElementById("hex_depth_out").value;	
			urlEmail = urlEmail + "&hex_width_out=" + urlHexW + "&hex_depth_out=" + urlHexD
		} else if(urlMethod == "internal") {
			var urlHexW = document.getElementById("hex_width_in").value;	
			var urlHexD = document.getElementById("hex_depth_in").value;	
			urlEmail = urlEmail + "&hex_width_in=" + urlHexW + "&hex_depth_in=" + urlHexD			
		}
		
	}
	//alert("URL Email: " + urlEmail)	
	window.open('box_wizard/box_wizard_email.asp' + urlEmail,'new_window','width=400,height=450,location=yes,resizable=yes')
}



// PRELOAD IMAGES
if (document.images) {
	 	     step2Img = new Image;  
		     step3Img = new Image;
		     step4Img = new Image;
		     step5Img = new Image;

	icon_rectangle_on = new Image;
		icon_wedge_on = new Image;		
	   icon_wedge2_on = new Image;
	   icon_hexagon_on = new Image;
	   
   icon_rectangle_off = new Image;
	   icon_wedge_off = new Image;   	  
	  icon_wedge2_off = new Image;   
	  icon_hexagon_off = new Image;   
   				
 box_rectangle_out_on = new Image;
  box_rectangle_in_on = new Image;
	 box_wedge_out_on = new Image;
	  box_wedge_in_on = new Image;
	box_wedge2_out_on = new Image;
	 box_wedge2_in_on = new Image;
	box_hexagon_out_on = new Image;
	 box_hexagon_in_on = new Image;
   
   
box_rectangle_out_off = new Image;
 box_rectangle_in_off = new Image;   
	box_wedge_out_off = new Image;
	box_wedge_in_off  = new Image;	 
   box_wedge2_out_off = new Image;	
   box_wedge2_in_off  = new Image;
   box_hexagon_out_off = new Image;      
   box_hexagon_in_off  = new Image;
		
		   step2Img.src = "assets/step_2_o.jpg";
	 	   step3Img.src = "assets/step_3_o.jpg";
		   step4Img.src = "assets/step_4_o.jpg";
	 	   step5Img.src = "assets/step_5_o.jpg";
		   
  icon_rectangle_on.src = "box_wizard/icon_rectangle_on.gif";		
	  icon_wedge_on.src = "box_wizard/icon_wedge_on.gif";		
	 icon_wedge2_on.src = "box_wizard/icon_wedge2_on.gif";			
	 icon_hexagon_on.src = "box_wizard/icon_hexagon_on.gif";

 icon_rectangle_off.src = "box_wizard/icon_rectangle_off.gif";		
	 icon_wedge_off.src = "box_wizard/icon_wedge_off.gif";		
	icon_wedge2_off.src = "box_wizard/icon_wedge2_off.gif";			
	icon_hexagon_off.src = "box_wizard/icon_hexagon_off.gif";	 
   
 box_rectangle_out_on.src = "box_wizard/box_rectangle_out_on.gif";
  box_rectangle_in_on.src = "box_wizard/box_rectangle_in_on.gif";
	 box_wedge_out_on.src = "box_wizard/box_wedge_out_on.gif";
	  box_wedge_in_on.src = "box_wizard/box_wedge_in_on.gif";
	box_wedge2_out_on.src = "box_wizard/box_wedge2_out_on.gif";
	 box_wedge2_in_on.src = "box_wizard/box_wedge2_in_on.gif";
	box_hexagon_out_on.src = "box_wizard/box_hexagon_out_on.gif";
	 box_hexagon_in_on.src = "box_wizard/box_hexagon_in_on.gif";

box_rectangle_out_off.src = "box_wizard/box_rectangle_out_off.gif";
 box_rectangle_in_off.src = "box_wizard/box_rectangle_in_off.gif";
	box_wedge_out_off.src = "box_wizard/box_wedge_out_off.gif"; 
	box_wedge_in_off.src  = "box_wizard/box_wedge_in_off.gif";
   box_wedge2_out_off.src = "box_wizard/box_wedge2_out_off.gif";
   box_wedge2_in_off.src  = "box_wizard/box_wedge2_in_off.gif";
   box_hexagon_out_off.src = "box_wizard/box_hexagon_out_off.gif";	   	   				
   box_hexagon_in_off.src  = "box_wizard/box_hexagon_in_off.gif";		
}


// JavaScript document toggles DIVs on/off and toggles images on/off

// STEP #1 - CHANGE ENCLOSURE TYPE - TURN ON STEP #2	
function changeBoxType(val) {
	// get the box type... 1) change the icon.  2) change large box images.  3) change the HxWxD input fields.
	  var inputRectOut = document.getElementById('layer_input_rect_out').style;
	   var inputRectIn = document.getElementById('layer_input_rect_in').style;
	 var inputWedgeOut = document.getElementById('layer_input_wedge_out').style;
	  var inputWedgeIn = document.getElementById('layer_input_wedge_in').style;
	var inputWedge2Out = document.getElementById('layer_input_wedge2_out').style;
	 var inputWedge2In = document.getElementById('layer_input_wedge2_in').style;
	   var inputHexOut = document.getElementById('layer_input_hex_out').style;
	    var inputHexIn = document.getElementById('layer_input_hex_in').style;	 	
	
	if(val == "rectangle") {		
		document.getElementById("icon_rectangle").src = icon_rectangle_on.src
		document.getElementById("icon_wedge").src = icon_wedge_off.src
		document.getElementById("icon_wedge2").src = icon_wedge2_off.src
		document.getElementById("icon_hexagon").src = icon_hexagon_off.src	
		document.getElementById("box_outside").src = box_rectangle_out_off.src
		document.getElementById("box_inside").src = box_rectangle_in_off.src
		inputRectIn.display = "block";
		inputRectOut.display = "block";
		inputWedgeIn.display = "none";
		inputWedgeOut.display = "none";
		inputWedge2In.display = "none";
		inputWedge2Out.display = "none";
		inputHexIn.display = "none";
		inputHexOut.display = "none";								
		// alert("rectangle")								
	} else if(val == "wedge") {
		document.getElementById("icon_rectangle").src = icon_rectangle_off.src
		document.getElementById("icon_wedge").src = icon_wedge_on.src
		document.getElementById("icon_wedge2").src = icon_wedge2_off.src
		document.getElementById("icon_hexagon").src = icon_hexagon_off.src																								
		document.getElementById("box_outside").src = box_wedge_out_off.src
		document.getElementById("box_inside").src = box_wedge_in_off.src
		inputRectIn.display = "none";
		inputRectOut.display = "none";
		inputWedgeIn.display = "block";
		inputWedgeOut.display = "block";
		inputWedge2In.display = "none";
		inputWedge2Out.display = "none";
		inputHexIn.display = "none";
		inputHexOut.display = "none";						
		// alert("wedge")												
	} else if(val == "wedge2") {
		document.getElementById("icon_rectangle").src = icon_rectangle_off.src
		document.getElementById("icon_wedge").src = icon_wedge_off.src
		document.getElementById("icon_wedge2").src = icon_wedge2_on.src
		document.getElementById("icon_hexagon").src = icon_hexagon_off.src																						
		document.getElementById("box_outside").src = box_wedge2_out_off.src
		document.getElementById("box_inside").src = box_wedge2_in_off.src
		inputRectIn.display = "none";
		inputRectOut.display = "none";
		inputWedgeIn.display = "none";
		inputWedgeOut.display = "none";
		inputWedge2In.display = "block";
		inputWedge2Out.display = "block";
		inputHexIn.display = "none";
		inputHexOut.display = "none";				
		// alert("wedge2")												
	} else if(val == "hexagon") {
		document.getElementById("icon_rectangle").src = icon_rectangle_off.src
		document.getElementById("icon_wedge").src = icon_wedge_off.src
		document.getElementById("icon_wedge2").src = icon_wedge2_off.src
		document.getElementById("icon_hexagon").src = icon_hexagon_on.src																						
		document.getElementById("box_outside").src = box_hexagon_out_off.src
		document.getElementById("box_inside").src = box_hexagon_in_off.src
		inputRectIn.display = "none";
		inputRectOut.display = "none";
		inputWedgeIn.display = "none";
		inputWedgeOut.display = "none";
		inputWedge2In.display = "none";
		inputWedge2Out.display = "none";
		inputHexIn.display = "block";
		inputHexOut.display = "block";																											
		// alert("hexagon")								
	}
		
	var myindex1=document.getElementById("type").value;
	if (myindex1 == 0) {
		document.getElementById("step2Img").src = "assets/step_2.jpg"		
	} else {
		document.getElementById("step2Img").src = "assets/step_2_o.jpg"			
	}

	// If changing the Enclosure Type  1)Reset the Measurement Method radio button  2)Reset box images and HxWxD text fields.
	// Rectangle (out)
	document.getElementById("rect_height_out").className = "formInputFieldDisabled"
	document.getElementById("rect_height_out").disabled = true;
	document.getElementById("rect_width_out").className = "formInputFieldDisabled"
	document.getElementById("rect_width_out").disabled = true;
	document.getElementById("rect_depth_out").className = "formInputFieldDisabled"
	document.getElementById("rect_depth_out").disabled = true;
	// Wedge (out)
	document.getElementById("wedge_height_out").className = "formInputFieldDisabled"
	document.getElementById("wedge_height_out").disabled = true;
	document.getElementById("wedge_width_out").className = "formInputFieldDisabled"
	document.getElementById("wedge_width_out").disabled = true;
	document.getElementById("wedge_depth1_out").className = "formInputFieldDisabled"
	document.getElementById("wedge_depth1_out").disabled = true;
	document.getElementById("wedge_depth2_out").className = "formInputFieldDisabled"
	document.getElementById("wedge_depth2_out").disabled = true;		
	// Wedge2 (out)
	document.getElementById("wedge2_height1_out").className = "formInputFieldDisabled"
	document.getElementById("wedge2_height1_out").disabled = true;
	document.getElementById("wedge2_height2_out").className = "formInputFieldDisabled"
	document.getElementById("wedge2_height2_out").disabled = true;	
	document.getElementById("wedge2_width_out").className = "formInputFieldDisabled"
	document.getElementById("wedge2_width_out").disabled = true;
	document.getElementById("wedge2_depth1_out").className = "formInputFieldDisabled"
	document.getElementById("wedge2_depth1_out").disabled = true;
	document.getElementById("wedge2_depth2_out").className = "formInputFieldDisabled"
	document.getElementById("wedge2_depth2_out").disabled = true;
	// Hexagon (out)
	document.getElementById("hex_width_out").className = "formInputFieldDisabled"
	document.getElementById("hex_width_out").disabled = true;
	document.getElementById("hex_depth_out").className = "formInputFieldDisabled"
	document.getElementById("hex_depth_out").disabled = true;
	
	// Rectangle (in)
	document.getElementById("rect_height_in").className = "formInputFieldDisabled"
	document.getElementById("rect_height_in").disabled = true;
	document.getElementById("rect_width_in").className = "formInputFieldDisabled"
	document.getElementById("rect_width_in").disabled = true;
	document.getElementById("rect_depth_in").className = "formInputFieldDisabled"
	document.getElementById("rect_depth_in").disabled = true;
	// Wedge (in)
	document.getElementById("wedge_height_in").className = "formInputFieldDisabled"
	document.getElementById("wedge_height_in").disabled = true;
	document.getElementById("wedge_width_in").className = "formInputFieldDisabled"
	document.getElementById("wedge_width_in").disabled = true;
	document.getElementById("wedge_depth1_in").className = "formInputFieldDisabled"
	document.getElementById("wedge_depth1_in").disabled = true;
	document.getElementById("wedge_depth2_in").className = "formInputFieldDisabled"
	document.getElementById("wedge_depth2_in").disabled = true;
	// Wedge2 (in)
	document.getElementById("wedge2_height1_in").className = "formInputFieldDisabled"
	document.getElementById("wedge2_height1_in").disabled = true;
	document.getElementById("wedge2_height2_in").className = "formInputFieldDisabled"
	document.getElementById("wedge2_height2_in").disabled = true;	
	document.getElementById("wedge2_width_in").className = "formInputFieldDisabled"
	document.getElementById("wedge2_width_in").disabled = true;
	document.getElementById("wedge2_depth1_in").className = "formInputFieldDisabled"
	document.getElementById("wedge2_depth1_in").disabled = true;
	document.getElementById("wedge2_depth2_in").className = "formInputFieldDisabled"
	document.getElementById("wedge2_depth2_in").disabled = true;
	// Hexagon (in)
	document.getElementById("hex_width_in").className = "formInputFieldDisabled"
	document.getElementById("hex_width_in").disabled = true;
	document.getElementById("hex_depth_in").className = "formInputFieldDisabled"
	document.getElementById("hex_depth_in").disabled = true;			
	// Reset 'Measurement Method' form so user must reselect external/internal box.
	document.form1.method[0].checked = false
	document.form1.method[1].checked = false

//--document.form1.height_in.value = "";
//--document.form1.width_in.value = "";
//--document.form1.depth_in.value = "";	
}

	
// STEP #2 - SWITCH WOOD BETWEEN US/METRIC - TURN ON STEP #3
function showWoodThickness(val) {
	var woodStandard = document.getElementById('layer_wood_standard').style;
	  var woodMetric = document.getElementById('layer_wood_metric').style;
	 var outStandard = document.getElementById('layer_text_out_standard').style;
	  var inStandard = document.getElementById('layer_text_in_standard').style;
	   var outMetric = document.getElementById('layer_text_out_metric').style;
	    var inMetric = document.getElementById('layer_text_in_metric').style;
	
	if(val == "standard") {
	   woodStandard.display = "block";
		 woodMetric.display = "none";
		outStandard.display = "block";
		 inStandard.display = "block";		
		  outMetric.display = "none";
		   inMetric.display = "none";
		document.getElementById("step3Img").src = "assets/step_3_o.jpg"
		//alert("standard")				
	} else if(val == "metric") {	
		woodStandard.display = "none";
		  woodMetric.display = "block";
		 outStandard.display = "none";
		  inStandard.display = "none";		
		   outMetric.display = "block";
		    inMetric.display = "block";
		document.getElementById("step3Img").src = "assets/step_3_o.jpg"	
		//alert("metric")		
	}
}


// STEP #3 - TURN ON STEP #4
function showMeasureMethod() {
	var myindex3=document.getElementById("wood").value;
	if (myindex3 == 0) {
		document.getElementById("step4Img").src = "assets/step_4.jpg"		
	} else {
		document.getElementById("step4Img").src = "assets/step_4_o.jpg"			
	}
}


// STEP #4 - HIGHLIGHT ENCLOSURE IMAGES & HxWxD INPUT FIELDS - TURN ON STEP #5
function changeEnclosures(val) {
	if(val == "external") {	
		// loop through the Enclosure Type radio buttons to see which value is selected
		// then highlight appropriate Measurement Method box type.
		for (i=0; i<document.form1.type.length;i++) {
			if (document.form1.type[i].checked == true) {
				if (document.form1.type[i].value == "rectangle") {
					// Rectangle (in) - change large box image														
					document.getElementById("box_outside").src = box_rectangle_out_on.src
					document.getElementById("box_inside").src = box_rectangle_in_off.src
					// Rectangle (out) - highlight the selected HxWxD text fields.	
					document.getElementById("rect_height_out").className = "formInputField"
					document.getElementById("rect_height_out").disabled = false;
					document.getElementById("rect_width_out").className = "formInputField"
					document.getElementById("rect_width_out").disabled = false;
					document.getElementById("rect_depth_out").className = "formInputField"
					document.getElementById("rect_depth_out").disabled = false;
					// Rectangle (in) - protect the blurred HxWxD text fields.
					document.getElementById("rect_height_in").className = "formInputFieldDisabled"
					document.getElementById("rect_height_in").disabled = true;
					document.getElementById("rect_width_in").className = "formInputFieldDisabled"
					document.getElementById("rect_width_in").disabled = true;
					document.getElementById("rect_depth_in").className = "formInputFieldDisabled"
					document.getElementById("rect_depth_in").disabled = true;																				
					//alert("rectangle")		
				} else if (document.form1.type[i].value == "wedge") {
					// Wedge (out) - change large box image													
					document.getElementById("box_outside").src = box_wedge_out_on.src
					document.getElementById("box_inside").src = box_wedge_in_off.src
					// Wedge (out) - highlight the selected HxWxD text fields.	
					document.getElementById("wedge_height_out").className = "formInputField"
					document.getElementById("wedge_height_out").disabled = false;
					document.getElementById("wedge_width_out").className = "formInputField"
					document.getElementById("wedge_width_out").disabled = false;
					document.getElementById("wedge_depth1_out").className = "formInputField"
					document.getElementById("wedge_depth1_out").disabled = false;
					document.getElementById("wedge_depth2_out").className = "formInputField"
					document.getElementById("wedge_depth2_out").disabled = false;
					// Wedge (in) - protect the blurred HxWxD text fields.
					document.getElementById("wedge_height_in").className = "formInputFieldDisabled"
					document.getElementById("wedge_height_in").disabled = true;
					document.getElementById("wedge_width_in").className = "formInputFieldDisabled"
					document.getElementById("wedge_width_in").disabled = true;
					document.getElementById("wedge_depth1_in").className = "formInputFieldDisabled"
					document.getElementById("wedge_depth1_in").disabled = true;				
					document.getElementById("wedge_depth2_in").className = "formInputFieldDisabled"
					document.getElementById("wedge_depth2_in").disabled = true;																				
					//alert("wedge")		
				} else if (document.form1.type[i].value == "wedge2") {
					document.getElementById("box_outside").src = box_wedge2_out_on.src
					document.getElementById("box_inside").src = box_wedge2_in_off.src
					// Wedge2 (out) - highlight the selected HxWxD text fields.	
					document.getElementById("wedge2_height1_out").className = "formInputField"
					document.getElementById("wedge2_height1_out").disabled = false;
					document.getElementById("wedge2_height2_out").className = "formInputField"
					document.getElementById("wedge2_height2_out").disabled = false;					
					document.getElementById("wedge2_width_out").className = "formInputField"
					document.getElementById("wedge2_width_out").disabled = false;
					document.getElementById("wedge2_depth1_out").className = "formInputField"
					document.getElementById("wedge2_depth1_out").disabled = false;
					document.getElementById("wedge2_depth2_out").className = "formInputField"
					document.getElementById("wedge2_depth2_out").disabled = false;
					// Wedge2 (in) - protect the blurred HxWxD text fields.
					document.getElementById("wedge2_height1_in").className = "formInputFieldDisabled"
					document.getElementById("wedge2_height1_in").disabled = true;
					document.getElementById("wedge2_height2_in").className = "formInputFieldDisabled"
					document.getElementById("wedge2_height2_in").disabled = true;
					document.getElementById("wedge2_width_in").className = "formInputFieldDisabled"
					document.getElementById("wedge2_width_in").disabled = true;
					document.getElementById("wedge2_depth1_in").className = "formInputFieldDisabled"
					document.getElementById("wedge2_depth1_in").disabled = true;				
					document.getElementById("wedge2_depth2_in").className = "formInputFieldDisabled"
					document.getElementById("wedge2_depth2_in").disabled = true;														
					//alert("wedge2")
				} else if (document.form1.type[i].value == "hexagon") {
					document.getElementById("box_outside").src = box_hexagon_out_on.src
					document.getElementById("box_inside").src = box_hexagon_in_off.src
					// Hexagon (out) - highlight the selected HxWxD text fields.	
					document.getElementById("hex_width_out").className = "formInputField"
					document.getElementById("hex_width_out").disabled = false;
					document.getElementById("hex_depth_out").className = "formInputField"
					document.getElementById("hex_depth_out").disabled = false;					
					// Hexagon (in) - protect the blurred HxWxD text fields.
					document.getElementById("hex_width_in").className = "formInputFieldDisabled"
					document.getElementById("hex_width_in").disabled = true;																													
					document.getElementById("hex_depth_in").className = "formInputFieldDisabled"
					document.getElementById("hex_depth_in").disabled = true;					
					//alert("hexagon")
				}
			}
		}		
//--} else {	
//--	//disable enclousre image & clear values left in the HxWxD fields if we switch back to internal calculator	
//--	//document.getElementById("box_outside").src = "box_wizard/box_rectangle_out_off.gif"
//--	document.form1.height_out.value = "";
//--	document.form1.width_out.value = "";
//--	document.form1.depth_out.value = "";												
	}

	if(val == "internal") {
		// loop through the Enclosure Type radio buttons to see which value is selected
		// then highlight appropriate Measurement Method box type.	
		for (i=0; i<document.form1.type.length;i++) {
			if (document.form1.type[i].checked == true) {
				if (document.form1.type[i].value == "rectangle") {
					// Rectangle (out) - change large box image						
					document.getElementById("box_outside").src = box_rectangle_out_off.src
					document.getElementById("box_inside").src = box_rectangle_in_on.src
					// Rectangle (out) - protect the blurred HxWxD text fields.	
					document.getElementById("rect_height_out").className = "formInputFieldDisabled"
					document.getElementById("rect_height_out").disabled = true;
					document.getElementById("rect_width_out").className = "formInputFieldDisabled"
					document.getElementById("rect_width_out").disabled = true;
					document.getElementById("rect_depth_out").className = "formInputFieldDisabled"
					document.getElementById("rect_depth_out").disabled = true;
					// Rectangle (in) - highlight the selected HxWxD text fields.	
					document.getElementById("rect_height_in").className = "formInputField"
					document.getElementById("rect_height_in").disabled = false;
					document.getElementById("rect_width_in").className = "formInputField"
					document.getElementById("rect_width_in").disabled = false;
					document.getElementById("rect_depth_in").className = "formInputField"
					document.getElementById("rect_depth_in").disabled = false;																					
					//alert("rectangle")		
				} else if (document.form1.type[i].value == "wedge") {
					// Wedge (out) - change large box image													
					document.getElementById("box_outside").src = box_wedge_out_off.src
					document.getElementById("box_inside").src = box_wedge_in_on.src
					// Wedge (out) - protect the blurred HxWxD text fields.		
					document.getElementById("wedge_height_out").className = "formInputFieldDisabled"
					document.getElementById("wedge_height_out").disabled = true;
					document.getElementById("wedge_width_out").className = "formInputFieldDisabled"
					document.getElementById("wedge_width_out").disabled = true;
					document.getElementById("wedge_depth1_out").className = "formInputFieldDisabled"
					document.getElementById("wedge_depth1_out").disabled = true;
					document.getElementById("wedge_depth2_out").className = "formInputFieldDisabled"
					document.getElementById("wedge_depth2_out").disabled = true;
					// Wedge (in) - highlight the selected HxWxD text fields.	
					document.getElementById("wedge_height_in").className = "formInputField"
					document.getElementById("wedge_height_in").disabled = false;
					document.getElementById("wedge_width_in").className = "formInputField"
					document.getElementById("wedge_width_in").disabled = false;
					document.getElementById("wedge_depth1_in").className = "formInputField"
					document.getElementById("wedge_depth1_in").disabled = false;
					document.getElementById("wedge_depth2_in").className = "formInputField"
					document.getElementById("wedge_depth2_in").disabled = false;																			
					//alert("wedge")		
				} else if (document.form1.type[i].value == "wedge2") {
					document.getElementById("box_outside").src = box_wedge2_out_off.src
					document.getElementById("box_inside").src = box_wedge2_in_on.src
					// Wedge2 (out) - protect the blurred HxWxD text fields.		
					document.getElementById("wedge2_height1_out").className = "formInputFieldDisabled"
					document.getElementById("wedge2_height1_out").disabled = true;
					document.getElementById("wedge2_height2_out").className = "formInputFieldDisabled"
					document.getElementById("wedge2_height2_out").disabled = true;					
					document.getElementById("wedge2_width_out").className = "formInputFieldDisabled"
					document.getElementById("wedge2_width_out").disabled = true;
					document.getElementById("wedge2_depth1_out").className = "formInputFieldDisabled"
					document.getElementById("wedge2_depth1_out").disabled = true;
					document.getElementById("wedge2_depth2_out").className = "formInputFieldDisabled"
					document.getElementById("wedge2_depth2_out").disabled = true;
					// Wedge2 (in) - highlight the selected HxWxD text fields.	
					document.getElementById("wedge2_height1_in").className = "formInputField"
					document.getElementById("wedge2_height1_in").disabled = false;
					document.getElementById("wedge2_height2_in").className = "formInputField"
					document.getElementById("wedge2_height2_in").disabled = false;
					document.getElementById("wedge2_width_in").className = "formInputField"
					document.getElementById("wedge2_width_in").disabled = false;
					document.getElementById("wedge2_depth1_in").className = "formInputField"
					document.getElementById("wedge2_depth1_in").disabled = false;
					document.getElementById("wedge2_depth2_in").className = "formInputField"
					document.getElementById("wedge2_depth2_in").disabled = false;														
					//alert("wedge2")
				} else if (document.form1.type[i].value == "hexagon") {
					document.getElementById("box_outside").src = box_hexagon_out_off.src
					document.getElementById("box_inside").src = box_hexagon_in_on.src
					// Hexagon (out) - protect the blurred HxWxD text fields.
					document.getElementById("hex_width_out").className = "formInputFieldDisabled"
					document.getElementById("hex_width_out").disabled = true;
					document.getElementById("hex_depth_out").className = "formInputFieldDisabled"
					document.getElementById("hex_depth_out").disabled = true;					
					// Hexagon (in) - highlight the selected HxWxD text fields.
					document.getElementById("hex_width_in").className = "formInputField"
					document.getElementById("hex_width_in").disabled = false;
					document.getElementById("hex_depth_in").className = "formInputField"
					document.getElementById("hex_depth_in").disabled = false;		
					//alert("hexagon")				
				}
			}
		}
//--} else {
//--	//disable enclousre image & clear values left in the HxWxD fields if we switch back to external calculator		
//--	//document.getElementById("box_inside").src = "box_wizard/box_rectangle_in_off.gif"
//--	document.form1.height_in.value = "";
//--	document.form1.width_in.value = "";
//--	document.form1.depth_in.value = "";
	}
	document.getElementById("step5Img").src = "assets/step_5_o.jpg"	
}