<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.0//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Spar Mozilla Example</title>
</head>

<body>
<h2>Spar Example That is Viewable in Mozilla</h2>

<svg id="canvas" width="2000" height="800" onload = "init()" style="text-anchor:middle;"
xmlns="http://www.w3.org/2000/svg">

<script>
<![CDATA[
	
	var shift = 0;
	
	var scale = 80;
	
	var shiftvert = 0;
	
	var WebHeight = 0.4;
	
	var FlangeWidth = 0.1;
	
	var ToolingFlangesHeight = 0.2;
	
	var Length = 10;
	
	var Thickness = 0.01;
	
	var PartComplexity = 0;
	
	var FinishedVolumeConstant = 0.005;
	
	var Periphery = 2*(Length+WebHeight+(2*FlangeWidth)+(2*ToolingFlangesHeight));
	
	var Area = Length*(WebHeight+2*(FlangeWidth+ToolingFlangesHeight));
	
	var RawVolume = Periphery*Thickness;
	
	var FinishedVolume = RawVolume-(2*Length*Thickness*FinishedVolumeConstant);
	
	var PartWidth = WebHeight+(2*ToolingFlangesHeight);
	
	var PartHeight = FlangeWidth;
	var svgLength;
	var svgToolingFlangesHeight;
	var svgWebHeight;
	var svgLengthTop;
	var svgThickness;
	var svgThicknessHoriz;
	var svgThicknessVert;
	var svgThicknessVertInner;
	var svgToolingFlangesHeightBottom;
	var svgThicknessHorizBottom;
	var svgThicknessVertBottom;
	var svgToolingFlangesHeightTop;
	var svgWebHeightEnd;
	var svgLengthBottom;
	var scaleline;
	
	function init() {
		CreateSVGElements();
		Spar();
	}
	
function zoomin(){
	scale = scale *2;
	Spar();
}
function zoomout(){
	scale = scale /2;
	Spar();
}
function moveright(){
	shift = shift + 100;
	Spar();
}
function moveleft(){
	shift = shift -100;
	Spar();
}
function moveup(){
	shiftvert = shiftvert + 100;
	Spar();
}
function movedown(){
	shiftvert = shiftvert-100;
	Spar();
}
	function CreateSVGElements()
	{
		svgLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLength.setAttribute("stroke","blue");
		svgLength.setAttribute("stroke-width",2);
		
		svgToolingFlangesHeight = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgToolingFlangesHeight.setAttribute("stroke","blue");
		svgToolingFlangesHeight.setAttribute("stroke-width",2);
		
		svgWebHeight = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgWebHeight.setAttribute("stroke","blue");
		svgWebHeight.setAttribute("stroke-width",2);
		
		svgLengthTop = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLengthTop.setAttribute("stroke","blue");
		svgLengthTop.setAttribute("stroke-width",2);
		
		svgThickness = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThickness.setAttribute("stroke","blue");
		svgThickness.setAttribute("stroke-width",2);
		
		svgThicknessHoriz = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThicknessHoriz.setAttribute("stroke","blue");
		svgThicknessHoriz.setAttribute("stroke-width",2);
		
		svgThicknessVert = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThicknessVert.setAttribute("stroke","blue");
		svgThicknessVert.setAttribute("stroke-width",2);
		
		svgThicknessVertInner = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThicknessVertInner.setAttribute("stroke","blue");
		svgThicknessVertInner.setAttribute("stroke-width",2);
		
		svgToolingFlangesHeightBottom = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgToolingFlangesHeightBottom.setAttribute("stroke","blue");
		svgToolingFlangesHeightBottom.setAttribute("stroke-width",2);
		
		svgThicknessHorizBottom = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThicknessHorizBottom.setAttribute("stroke","blue");
		svgThicknessHorizBottom.setAttribute("stroke-width",2);
		
		svgThicknessVertBottom = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgThicknessVertBottom.setAttribute("stroke","blue");
		svgThicknessVertBottom.setAttribute("stroke-width",2);
		
		svgToolingFlangesHeightTop = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgToolingFlangesHeightTop.setAttribute("stroke","blue");
		svgToolingFlangesHeightTop.setAttribute("stroke-width",2);
		
		svgWebHeightEnd = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgWebHeightEnd.setAttribute("stroke","blue");
		svgWebHeightEnd.setAttribute("stroke-width",2);
		
		svgLengthBottom = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLengthBottom.setAttribute("stroke","blue");
		svgLengthBottom.setAttribute("stroke-width",2);
		
		scaleline = document.createElementNS("http://www.w3.org/2000/svg", "line");
		scaleline.setAttribute("stroke","blue");
		scaleline.setAttribute("stroke-width",2);
		scaleline.setAttribute("y1",780);
		scaleline.setAttribute("y2",780);
		
	}
	
	function UpdateSpar()
	{
		
	
		Periphery=2*(Length+WebHeight+(2*FlangeWidth)+(2*ToolingFlangesHeight));
		var Peripheryelement = document.getElementById("oPersistTextSavePeriphery");
		Peripheryelement.setAttribute("value",Periphery);
	
		Area=Length*(WebHeight+2*(FlangeWidth+ToolingFlangesHeight));
		var Areaelement = document.getElementById("oPersistTextSaveArea");
		Areaelement.setAttribute("value",Area);
	
		RawVolume=Periphery*Thickness;
		var RawVolumeelement = document.getElementById("oPersistTextSaveRawVolume");
		RawVolumeelement.setAttribute("value",RawVolume);
	
		FinishedVolume=RawVolume-(2*Length*Thickness*FinishedVolumeConstant);
		var FinishedVolumeelement = document.getElementById("oPersistTextSaveFinishedVolume");
		FinishedVolumeelement.setAttribute("value",FinishedVolume);
	
		PartWidth=WebHeight+(2*ToolingFlangesHeight);
		var PartWidthelement = document.getElementById("oPersistTextSavePartWidth");
		PartWidthelement.setAttribute("value",PartWidth);
	
		PartHeight=FlangeWidth;
		var PartHeightelement = document.getElementById("oPersistTextSavePartHeight");
		PartHeightelement.setAttribute("value",PartHeight);
	
		Spar();
	}
	function Spar()
	{
		var canvas = document.getElementById("canvas");
	var Angle = 20;
	
	var angleInRadians = 0.349065850398866;
	
	var sinAngleLength = Math.sin(angleInRadians)*Length;
	
	var cosAngleLength = Math.cos(angleInRadians)*Length;
	
	var tanToolingFlangesHeight = Math.tan(angleInRadians)*(ToolingFlangesHeight-Thickness);
	
		scaleline.setAttribute("x1",200-parseFloat(scale)/2);
		scaleline.setAttribute("x2",200+parseFloat(scale)/2);
		
		
		
		svgLength.setAttribute("x1",100);
		svgLength.setAttribute("y1",500);
		svgLength.setAttribute("x2",100);
		svgLength.setAttribute("y2",300);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgLength.setAttribute("x1", CoordinateToGet+parseFloat(shift));
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgLength.setAttribute("x2", CoordinateToGet+(parseFloat(cosAngleLength)*parseFloat(scale)));
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgLength.setAttribute("y1", CoordinateToGet-parseFloat(shiftvert));
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgLength.setAttribute("y2", CoordinateToGet-(parseFloat(sinAngleLength)*parseFloat(scale)));
		canvas.appendChild(svgLength);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgToolingFlangesHeight.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgToolingFlangesHeight.setAttribute("x2", CoordinateToGet-(ToolingFlangesHeight*parseFloat(scale)));
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgToolingFlangesHeight.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgToolingFlangesHeight.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgToolingFlangesHeight);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgWebHeight.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgWebHeight.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgWebHeight.setAttribute("y1", CoordinateToGet+WebHeight*parseFloat(scale));
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgWebHeight.setAttribute("y2", CoordinateToGet+WebHeight*parseFloat(scale));
		canvas.appendChild(svgWebHeight);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgLengthTop.setAttribute("x1", CoordinateToGet-ToolingFlangesHeight*parseFloat(scale));
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgLengthTop.setAttribute("x2", CoordinateToGet-ToolingFlangesHeight*parseFloat(scale));
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgLengthTop.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgLengthTop.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgLengthTop);
		
		CoordinateToGet=parseFloat(svgLengthTop.getAttribute("x1"));
		svgThickness.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLengthTop.getAttribute("x1"));
		svgThickness.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLengthTop.getAttribute("y1"));
		svgThickness.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgThickness.setAttribute("y2", CoordinateToGet+parseFloat(Thickness)*parseFloat(scale));
		canvas.appendChild(svgThickness);
		
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("x1"));
		svgThicknessHoriz.setAttribute("x1", CoordinateToGet-parseFloat(Thickness)*parseFloat(scale));
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("x2"));
		svgThicknessHoriz.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("y1"));
		svgThicknessHoriz.setAttribute("y1", CoordinateToGet+parseFloat(Thickness)*parseFloat(scale));
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("y2"));
		svgThicknessHoriz.setAttribute("y2", CoordinateToGet+parseFloat(Thickness)*parseFloat(scale));
		canvas.appendChild(svgThicknessHoriz);
		
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("x1"));
		svgThicknessVert.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThicknessVert.getAttribute("x1"));
		svgThicknessVert.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("y1"));
		svgThicknessVert.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThicknessVert.getAttribute("y1"));
		svgThicknessVert.setAttribute("y2", CoordinateToGet+WebHeight*parseFloat(scale)-(2*parseFloat(Thickness)*parseFloat(scale)));
		canvas.appendChild(svgThicknessVert);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgThicknessVertInner.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeight.getAttribute("x1"));
		svgThicknessVertInner.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgThicknessVertInner.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeight.getAttribute("y1"));
		svgThicknessVertInner.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgThicknessVertInner);
		
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("x1"));
		svgToolingFlangesHeightBottom.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("x2"));
		svgToolingFlangesHeightBottom.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("y1"));
		svgToolingFlangesHeightBottom.setAttribute("y1", CoordinateToGet+WebHeight*parseFloat(scale));
		CoordinateToGet=parseFloat(svgToolingFlangesHeight.getAttribute("y1"));
		svgToolingFlangesHeightBottom.setAttribute("y2", CoordinateToGet+WebHeight*parseFloat(scale));
		canvas.appendChild(svgToolingFlangesHeightBottom);
		
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("x1"));
		svgThicknessHorizBottom.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("x2"));
		svgThicknessHorizBottom.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("y1"));
		svgThicknessHorizBottom.setAttribute("y1", CoordinateToGet+WebHeight*parseFloat(scale)-parseFloat(Thickness)*parseFloat(scale)*2);
		CoordinateToGet=parseFloat(svgThicknessHoriz.getAttribute("y2"));
		svgThicknessHorizBottom.setAttribute("y2", CoordinateToGet+WebHeight*parseFloat(scale)-parseFloat(Thickness)*parseFloat(scale)*2);
		canvas.appendChild(svgThicknessHorizBottom);
		
		CoordinateToGet=parseFloat(svgThickness.getAttribute("x1"));
		svgThicknessVertBottom.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThickness.getAttribute("x2"));
		svgThicknessVertBottom.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgThickness.getAttribute("y1"));
		svgThicknessVertBottom.setAttribute("y1", CoordinateToGet+WebHeight*parseFloat(scale)-parseFloat(Thickness)*parseFloat(scale));
		CoordinateToGet=parseFloat(svgThickness.getAttribute("y2"));
		svgThicknessVertBottom.setAttribute("y2", CoordinateToGet+WebHeight*parseFloat(scale)-parseFloat(Thickness)*parseFloat(scale));
		canvas.appendChild(svgThicknessVertBottom);
		
		CoordinateToGet=parseFloat(svgLengthTop.getAttribute("x2"));
		svgToolingFlangesHeightTop.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgToolingFlangesHeightTop.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLengthTop.getAttribute("y2"));
		svgToolingFlangesHeightTop.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgToolingFlangesHeightTop.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgToolingFlangesHeightTop);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgWebHeightEnd.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeight.getAttribute("x2"));
		svgWebHeightEnd.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgWebHeightEnd.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeight.getAttribute("y2"));
		svgWebHeightEnd.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgWebHeightEnd);
		
		CoordinateToGet=parseFloat(svgThickness.getAttribute("x1"));
		svgLengthBottom.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLengthBottom.getAttribute("x1"));
		svgLengthBottom.setAttribute("x2", CoordinateToGet+(ToolingFlangesHeight-parseFloat(Thickness))*parseFloat(scale));
		CoordinateToGet=parseFloat(svgThickness.getAttribute("y1"));
		svgLengthBottom.setAttribute("y1", CoordinateToGet+WebHeight*parseFloat(scale)-parseFloat(Thickness)*parseFloat(scale));
		CoordinateToGet=parseFloat(svgLengthBottom.getAttribute("y1"));
		svgLengthBottom.setAttribute("y2", CoordinateToGet-parseFloat(tanToolingFlangesHeight)*parseFloat(scale));
		canvas.appendChild(svgLengthBottom);
		canvas.appendChild(scaleline);
		}
	
	function SpinButtonWebHeight_SpinUp()
	{
		var WebHeightelementUp = document.getElementById("oPersistTextSaveWebHeight");
		WebHeight = WebHeightelementUp.getAttribute("value");
		WebHeight=WebHeight-0+0.01;
		WebHeightelementUp.setAttribute("value",WebHeight);
		UpdateSpar();
	}
	function SpinButtonWebHeight_SpinDown()
	{
		var WebHeightelementDown = document.getElementById("oPersistTextSaveWebHeight");
		WebHeight = WebHeightelementDown.getAttribute("value");
		WebHeight=WebHeight-0.01;
		WebHeightelementDown.setAttribute("value",WebHeight);
		UpdateSpar();
	}
	function SpinButtonFlangeWidth_SpinUp()
	{
		var FlangeWidthelementUp = document.getElementById("oPersistTextSaveFlangeWidth");
		FlangeWidth = FlangeWidthelementUp.getAttribute("value");
		FlangeWidth=FlangeWidth-0+0.01;
		FlangeWidthelementUp.setAttribute("value",FlangeWidth);
		UpdateSpar();
	}
	function SpinButtonFlangeWidth_SpinDown()
	{
		var FlangeWidthelementDown = document.getElementById("oPersistTextSaveFlangeWidth");
		FlangeWidth = FlangeWidthelementDown.getAttribute("value");
		FlangeWidth=FlangeWidth-0.01;
		FlangeWidthelementDown.setAttribute("value",FlangeWidth);
		UpdateSpar();
	}
	function SpinButtonToolingFlangesHeight_SpinUp()
	{
		var ToolingFlangesHeightelementUp = document.getElementById("oPersistTextSaveToolingFlangesHeight");
		ToolingFlangesHeight = ToolingFlangesHeightelementUp.getAttribute("value");
		ToolingFlangesHeight=ToolingFlangesHeight-0+0.01;
		ToolingFlangesHeightelementUp.setAttribute("value",ToolingFlangesHeight);
		UpdateSpar();
	}
	function SpinButtonToolingFlangesHeight_SpinDown()
	{
		var ToolingFlangesHeightelementDown = document.getElementById("oPersistTextSaveToolingFlangesHeight");
		ToolingFlangesHeight = ToolingFlangesHeightelementDown.getAttribute("value");
		ToolingFlangesHeight=ToolingFlangesHeight-0.01;
		ToolingFlangesHeightelementDown.setAttribute("value",ToolingFlangesHeight);
		UpdateSpar();
	}
	function SpinButtonLength_SpinUp()
	{
		var LengthelementUp = document.getElementById("oPersistTextSaveLength");
		Length = LengthelementUp.getAttribute("value");
		Length=Length-0+0.01;
		LengthelementUp.setAttribute("value",Length);
		UpdateSpar();
	}
	function SpinButtonLength_SpinDown()
	{
		var LengthelementDown = document.getElementById("oPersistTextSaveLength");
		Length = LengthelementDown.getAttribute("value");
		Length=Length-0.01;
		LengthelementDown.setAttribute("value",Length);
		UpdateSpar();
	}
	function SpinButtonThickness_SpinUp()
	{
		var ThicknesselementUp = document.getElementById("oPersistTextSaveThickness");
		Thickness = ThicknesselementUp.getAttribute("value");
		Thickness=Thickness-0+0.01;
		ThicknesselementUp.setAttribute("value",Thickness);
		UpdateSpar();
	}
	function SpinButtonThickness_SpinDown()
	{
		var ThicknesselementDown = document.getElementById("oPersistTextSaveThickness");
		Thickness = ThicknesselementDown.getAttribute("value");
		Thickness=Thickness-0.01;
		ThicknesselementDown.setAttribute("value",Thickness);
		UpdateSpar();
	}
	function SpinButtonPartComplexity_SpinUp()
	{
		var PartComplexityelementUp = document.getElementById("oPersistTextSavePartComplexity");
		PartComplexity = PartComplexityelementUp.getAttribute("value");
		PartComplexity=PartComplexity-0+0.01;
		PartComplexityelementUp.setAttribute("value",PartComplexity);
		UpdateSpar();
	}
	function SpinButtonPartComplexity_SpinDown()
	{
		var PartComplexityelementDown = document.getElementById("oPersistTextSavePartComplexity");
		PartComplexity = PartComplexityelementDown.getAttribute("value");
		PartComplexity=PartComplexity-0.01;
		PartComplexityelementDown.setAttribute("value",PartComplexity);
		UpdateSpar();
	}
	function SpinButtonFinishedVolumeConstant_SpinUp()
	{
		var FinishedVolumeConstantelementUp = document.getElementById("oPersistTextSaveFinishedVolumeConstant");
		FinishedVolumeConstant = FinishedVolumeConstantelementUp.getAttribute("value");
		FinishedVolumeConstant=FinishedVolumeConstant-0+0.01;
		FinishedVolumeConstantelementUp.setAttribute("value",FinishedVolumeConstant);
		UpdateSpar();
	}
	function SpinButtonFinishedVolumeConstant_SpinDown()
	{
		var FinishedVolumeConstantelementDown = document.getElementById("oPersistTextSaveFinishedVolumeConstant");
		FinishedVolumeConstant = FinishedVolumeConstantelementDown.getAttribute("value");
		FinishedVolumeConstant=FinishedVolumeConstant-0.01;
		FinishedVolumeConstantelementDown.setAttribute("value",FinishedVolumeConstant);
		UpdateSpar();
	}
	]]>
	</script>
</svg>

<form name="oPersistSave" id="oPersistSave">
<table border = "1" bgcolor="YELLOW" class="SparTable">
	<tr>
		<td align ="right" valign ="top">
		Scale = 1m
		<table border = "1" bgcolor="YELLOW" class="InputValues">
			<tr>
				<td><label id = "InputWebHeight">Web Height</label></td>
				<td><input id="oPersistTextSaveWebHeight" class="sFavorite"  value = "0.4" onsave="fnSaveThisSaveWebHeight()" size="10"  onload="fnLoadThisSaveWebHeight()" /></td>
				<td><table><tr><td><input id="buttonWebHeightUp" type="image" src="../Images/Up.gif" onclick="SpinButtonWebHeight_SpinUp();" /></td></tr><tr><td><input id="buttonWebHeightDown" type="image" src="../Images/Down.gif" onclick="SpinButtonWebHeight_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputFlangeWidth">Flange Width</label></td>
				<td><input id="oPersistTextSaveFlangeWidth" class="sFavorite"  value = "0.1" onsave="fnSaveThisSaveFlangeWidth()" size="10"  onload="fnLoadThisSaveFlangeWidth()" /></td>
				<td><table><tr><td><input id="buttonFlangeWidthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonFlangeWidth_SpinUp();" /></td></tr><tr><td><input id="buttonFlangeWidthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonFlangeWidth_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputToolingFlangesHeight">Tooling Flanges Height</label></td>
				<td><input id="oPersistTextSaveToolingFlangesHeight" class="sFavorite"  value = "0.2" onsave="fnSaveThisSaveToolingFlangesHeight()" size="10"  onload="fnLoadThisSaveToolingFlangesHeight()" /></td>
				<td><table><tr><td><input id="buttonToolingFlangesHeightUp" type="image" src="../Images/Up.gif" onclick="SpinButtonToolingFlangesHeight_SpinUp();" /></td></tr><tr><td><input id="buttonToolingFlangesHeightDown" type="image" src="../Images/Down.gif" onclick="SpinButtonToolingFlangesHeight_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputLength">Length</label></td>
				<td><input id="oPersistTextSaveLength" class="sFavorite"  value = "10" onsave="fnSaveThisSaveLength()" size="10"  onload="fnLoadThisSaveLength()" /></td>
				<td><table><tr><td><input id="buttonLengthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonLength_SpinUp();" /></td></tr><tr><td><input id="buttonLengthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonLength_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputThickness">Thickness</label></td>
				<td><input id="oPersistTextSaveThickness" class="sFavorite"  value = "0.01" onsave="fnSaveThisSaveThickness()" size="10"  onload="fnLoadThisSaveThickness()" /></td>
				<td><table><tr><td><input id="buttonThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonThickness_SpinUp();" /></td></tr><tr><td><input id="buttonThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputPartComplexity">Part Complexity</label></td>
				<td><input id="oPersistTextSavePartComplexity" class="sFavorite"  value = "Complex" onsave="fnSaveThisSavePartComplexity()" size="10"  onload="fnLoadThisSavePartComplexity()" /></td>
				<td><table><tr><td><input id="buttonPartComplexityUp" type="image" src="../Images/Up.gif" onclick="SpinButtonPartComplexity_SpinUp();" /></td></tr><tr><td><input id="buttonPartComplexityDown" type="image" src="../Images/Down.gif" onclick="SpinButtonPartComplexity_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputFinishedVolumeConstant">Finished Volume Constant</label></td>
				<td><input id="oPersistTextSaveFinishedVolumeConstant" class="sFavorite"  value = "0.005" onsave="fnSaveThisSaveFinishedVolumeConstant()" size="10"  onload="fnLoadThisSaveFinishedVolumeConstant()" /></td>
				<td><table><tr><td><input id="buttonFinishedVolumeConstantUp" type="image" src="../Images/Up.gif" onclick="SpinButtonFinishedVolumeConstant_SpinUp();" /></td></tr><tr><td><input id="buttonFinishedVolumeConstantDown" type="image" src="../Images/Down.gif" onclick="SpinButtonFinishedVolumeConstant_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td><label id = "InputPeriphery">Periphery</label></td>
				<td><input id="oPersistTextSavePeriphery" class="sFavorite"  value = "22" onsave="fnSaveThisSavePeriphery()" size="10"  onload="fnLoadThisSavePeriphery()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputArea">Area</label></td>
				<td><input id="oPersistTextSaveArea" class="sFavorite"  value = "10" onsave="fnSaveThisSaveArea()" size="10"  onload="fnLoadThisSaveArea()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputRawVolume">Raw Volume</label></td>
				<td><input id="oPersistTextSaveRawVolume" class="sFavorite"  value = "0.22" onsave="fnSaveThisSaveRawVolume()" size="10"  onload="fnLoadThisSaveRawVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputFinishedVolume">Finished Volume</label></td>
				<td><input id="oPersistTextSaveFinishedVolume" class="sFavorite"  value = "0.219" onsave="fnSaveThisSaveFinishedVolume()" size="10"  onload="fnLoadThisSaveFinishedVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputPartWidth">Part Width</label></td>
				<td><input id="oPersistTextSavePartWidth" class="sFavorite"  value = "0.8" onsave="fnSaveThisSavePartWidth()" size="10"  onload="fnLoadThisSavePartWidth()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputPartHeight">Part Height</label></td>
				<td><input id="oPersistTextSavePartHeight" class="sFavorite"  value = "0.1" onsave="fnSaveThisSavePartHeight()" size="10"  onload="fnLoadThisSavePartHeight()" /></td>
				
				</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td>Periphery=2*(Length+Web Height+(2*Flange Width)+(2*Tooling Flanges Height))</td>
				
				</tr>
		
			<tr>
				<td>Area=Length*(Web Height+2*(Flange Width+Tooling Flanges Height))</td>
				
				</tr>
		
			<tr>
				<td>Raw Volume=Periphery*Thickness</td>
				
				</tr>
		
			<tr>
				<td>Finished Volume=Raw Volume-(2*Length*Thickness*Finished Volume Constant)</td>
				
				</tr>
		
			<tr>
				<td>Part Width=Web Height+(2*Tooling Flanges Height)</td>
				
				</tr>
		
			<tr>
				<td>Part Height=Flange Width</td>
				
				</tr>
		</table>
		</td>
	
<table border = "0" bgcolor="YELLOW" class="swtable">

<tr height = "30">
	<td>
	</td>
	<td>
	</td>
</tr>
<tr>
	<td>
	</td>
	<td align = "center"><input type="button" style="width:90;height:25" value="Zoom In" onclick="zoomin();" />
	</td>

	<td>
	</td>
</tr>
<tr>
	<td>
	</td>
	<td align = "center"><input type="button" style="width:90;height:25" value="Zoom Out" onclick="zoomout();" />
	</td>

	<td>
	</td>
</tr>
<tr height = "30">
	<td>
	</td>
	<td>
	</td>
</tr>
<tr>
	<td>
	</td>
	<td align = "center"><input type="button" style="width:90;height:25" value="Up" onclick="moveup();" />
	</td>

	<td>
	</td>
</tr>
<tr>
	<td>
	</td>
	<td>
	</td>
	<td>
	</td>
</tr>
<tr>
	<td align = "center"><input type="button" style="width:90;height:25" value="Left" onclick="moveleft();" />
	</td>

	<td>
	</td>
	<td>
	</td>
	<td align = "center"><input type="button" style="width:90;height:25" value="Right" onclick="moveright();" />
	</td>

</tr>
<tr>
	<td>
	</td>
	<td align = "center"><input type="button" style="width:90;height:25" value="Down" onclick="movedown();" />
	</td>

	<td>
	</td>
</tr>
<tr height = "30">
	<td>
	</td>
	<td>
	</td>
</tr>

</table>
</tr>
</table></form>

</body>
</html>

