<?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>Stringer Mozilla Example</title>
</head>

<body>
<h2>Stringer 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 = 40;
	
	var shiftvert = 0;
	
	var StringerLength = 10;
	
	var StringerWidth = 1;
	
	var StringerPartComplexity = 0;
	
	var StringerRawVolumeConstant = 0.005;
	
	var StringerWebHeight = 1;
	
	var FootWidth = 1;
	
	var FootThickness = 0.1;
	
	var StringerPeriphery = 2*(StringerLength+(2*StringerWebHeight)+FootWidth);
	
	var StringerArea = StringerLength*(2*StringerWebHeight+FootWidth);
	
	var StringerRawVolume = StringerArea*FootThickness+(StringerPeriphery*FootThickness*StringerRawVolumeConstant);
	
	var StringerFinishedVolume = StringerArea*FootThickness;
	
	var StringerPartWidth = StringerWidth;
	
	var StringerPartHeight = StringerWebHeight+FootThickness;
	var svgLength;
	var svgWebHeightRight;
	var svgDoubleWebThickness;
	var svgWebHeightLeft;
	var svgTopUndersideRight;
	var svgTopRight;
	var svgTopUndersideLength;
	var svgTopUppersideLength;
	var svgTopLeft;
	var svgTopFront;
	var svgTopBackLength;
	var svgTopUndersideLeft;
	var svgStringerInner;
	var scaleline;
	
	function init() {
		CreateSVGElements();
		Stringer();
	}
	
function zoomin(){
	scale = scale *2;
	Stringer();
}
function zoomout(){
	scale = scale /2;
	Stringer();
}
function moveright(){
	shift = shift + 100;
	Stringer();
}
function moveleft(){
	shift = shift -100;
	Stringer();
}
function moveup(){
	shiftvert = shiftvert + 100;
	Stringer();
}
function movedown(){
	shiftvert = shiftvert-100;
	Stringer();
}
	function CreateSVGElements()
	{
		svgLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLength.setAttribute("stroke","blue");
		svgLength.setAttribute("stroke-width",2);
		
		svgWebHeightRight = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgWebHeightRight.setAttribute("stroke","blue");
		svgWebHeightRight.setAttribute("stroke-width",2);
		
		svgDoubleWebThickness = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgDoubleWebThickness.setAttribute("stroke","blue");
		svgDoubleWebThickness.setAttribute("stroke-width",2);
		
		svgWebHeightLeft = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgWebHeightLeft.setAttribute("stroke","blue");
		svgWebHeightLeft.setAttribute("stroke-width",2);
		
		svgTopUndersideRight = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopUndersideRight.setAttribute("stroke","blue");
		svgTopUndersideRight.setAttribute("stroke-width",2);
		
		svgTopRight = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopRight.setAttribute("stroke","blue");
		svgTopRight.setAttribute("stroke-width",2);
		
		svgTopUndersideLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopUndersideLength.setAttribute("stroke","blue");
		svgTopUndersideLength.setAttribute("stroke-width",2);
		
		svgTopUppersideLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopUppersideLength.setAttribute("stroke","blue");
		svgTopUppersideLength.setAttribute("stroke-width",2);
		
		svgTopLeft = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopLeft.setAttribute("stroke","blue");
		svgTopLeft.setAttribute("stroke-width",2);
		
		svgTopFront = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopFront.setAttribute("stroke","blue");
		svgTopFront.setAttribute("stroke-width",2);
		
		svgTopBackLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopBackLength.setAttribute("stroke","blue");
		svgTopBackLength.setAttribute("stroke-width",2);
		
		svgTopUndersideLeft = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgTopUndersideLeft.setAttribute("stroke","blue");
		svgTopUndersideLeft.setAttribute("stroke-width",2);
		
		svgStringerInner = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgStringerInner.setAttribute("stroke","blue");
		svgStringerInner.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 UpdateStringer()
	{
		
	
		StringerPeriphery=2*(StringerLength+(2*StringerWebHeight)+FootWidth);
		var StringerPeripheryelement = document.getElementById("oPersistTextSaveStringerPeriphery");
		StringerPeripheryelement.setAttribute("value",StringerPeriphery);
	
		StringerArea=StringerLength*(2*StringerWebHeight+FootWidth);
		var StringerAreaelement = document.getElementById("oPersistTextSaveStringerArea");
		StringerAreaelement.setAttribute("value",StringerArea);
	
		StringerRawVolume=StringerArea*FootThickness+(StringerPeriphery*FootThickness*StringerRawVolumeConstant);
		var StringerRawVolumeelement = document.getElementById("oPersistTextSaveStringerRawVolume");
		StringerRawVolumeelement.setAttribute("value",StringerRawVolume);
	
		StringerFinishedVolume=StringerArea*FootThickness;
		var StringerFinishedVolumeelement = document.getElementById("oPersistTextSaveStringerFinishedVolume");
		StringerFinishedVolumeelement.setAttribute("value",StringerFinishedVolume);
	
		StringerPartWidth=StringerWidth;
		var StringerPartWidthelement = document.getElementById("oPersistTextSaveStringerPartWidth");
		StringerPartWidthelement.setAttribute("value",StringerPartWidth);
	
		StringerPartHeight=StringerWebHeight+FootThickness;
		var StringerPartHeightelement = document.getElementById("oPersistTextSaveStringerPartHeight");
		StringerPartHeightelement.setAttribute("value",StringerPartHeight);
	
		Stringer();
	}
	function Stringer()
	{
		var canvas = document.getElementById("canvas");
	var Angle = 20;
	
	var angleInRadians = 0.349065850398866;
	
	var sinAngleLength = Math.sin(angleInRadians)*StringerLength;
	
	var cosAngleLength = Math.cos(angleInRadians)*StringerLength;
	
		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"));
		svgWebHeightRight.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgWebHeightRight.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgWebHeightRight.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgWebHeightRight.setAttribute("y2", CoordinateToGet-(StringerWebHeight*parseFloat(scale)));
		canvas.appendChild(svgWebHeightRight);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgDoubleWebThickness.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgDoubleWebThickness.setAttribute("x2", CoordinateToGet-parseFloat(scale)*FootThickness*2);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgDoubleWebThickness.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgDoubleWebThickness.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgDoubleWebThickness);
		
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("x1"));
		svgWebHeightLeft.setAttribute("x1", CoordinateToGet-parseFloat(scale)*FootThickness*2);
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("x2"));
		svgWebHeightLeft.setAttribute("x2", CoordinateToGet-parseFloat(scale)*FootThickness*2);
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("y1"));
		svgWebHeightLeft.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("y2"));
		svgWebHeightLeft.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgWebHeightLeft);
		
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("x1"));
		svgTopUndersideRight.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("x1"));
		svgTopUndersideRight.setAttribute("x2", CoordinateToGet+parseFloat(scale)*(FootWidth/2-FootThickness));
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("y2"));
		svgTopUndersideRight.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightRight.getAttribute("y2"));
		svgTopUndersideRight.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgTopUndersideRight);
		
		CoordinateToGet=parseFloat(svgTopUndersideRight.getAttribute("x2"));
		svgTopRight.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopUndersideRight.getAttribute("x2"));
		svgTopRight.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopUndersideRight.getAttribute("y2"));
		svgTopRight.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopUndersideRight.getAttribute("y2"));
		svgTopRight.setAttribute("y2", CoordinateToGet-(parseFloat(scale)*FootThickness));
		canvas.appendChild(svgTopRight);
		
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("x2"));
		svgTopUndersideLength.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("x2"));
		svgTopUndersideLength.setAttribute("x2", CoordinateToGet+(parseFloat(cosAngleLength)*parseFloat(scale)));
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("y1"));
		svgTopUndersideLength.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("y1"));
		svgTopUndersideLength.setAttribute("y2", CoordinateToGet-(parseFloat(sinAngleLength)*parseFloat(scale)));
		canvas.appendChild(svgTopUndersideLength);
		
		CoordinateToGet=parseFloat(svgTopUndersideLength.getAttribute("x1"));
		svgTopUppersideLength.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopUndersideLength.getAttribute("x2"));
		svgTopUppersideLength.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopUndersideLength.getAttribute("y1"));
		svgTopUppersideLength.setAttribute("y1", CoordinateToGet-(parseFloat(scale)*FootThickness));
		CoordinateToGet=parseFloat(svgTopUndersideLength.getAttribute("y2"));
		svgTopUppersideLength.setAttribute("y2", CoordinateToGet-(parseFloat(scale)*FootThickness));
		canvas.appendChild(svgTopUppersideLength);
		
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("x1"));
		svgTopLeft.setAttribute("x1", CoordinateToGet-(parseFloat(scale)*FootWidth));
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("x2"));
		svgTopLeft.setAttribute("x2", CoordinateToGet-(parseFloat(scale)*FootWidth));
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("y1"));
		svgTopLeft.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("y2"));
		svgTopLeft.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgTopLeft);
		
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("x1"));
		svgTopFront.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopRight.getAttribute("x2"));
		svgTopFront.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("y2"));
		svgTopFront.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("y2"));
		svgTopFront.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgTopFront);
		
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("x1"));
		svgTopBackLength.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("x1"));
		svgTopBackLength.setAttribute("x2", CoordinateToGet+(parseFloat(cosAngleLength)*parseFloat(scale)));
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("y2"));
		svgTopBackLength.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("y2"));
		svgTopBackLength.setAttribute("y2", CoordinateToGet-(parseFloat(sinAngleLength)*parseFloat(scale)));
		canvas.appendChild(svgTopBackLength);
		
		CoordinateToGet=parseFloat(svgTopLeft.getAttribute("x1"));
		svgTopUndersideLeft.setAttribute("x1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightLeft.getAttribute("x2"));
		svgTopUndersideLeft.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightLeft.getAttribute("y2"));
		svgTopUndersideLeft.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgWebHeightLeft.getAttribute("y2"));
		svgTopUndersideLeft.setAttribute("y2", CoordinateToGet);
		canvas.appendChild(svgTopUndersideLeft);
		
		CoordinateToGet=parseFloat(svgTopFront.getAttribute("x1"));
		svgStringerInner.setAttribute("x1", CoordinateToGet+(parseFloat(scale)*FootWidth)/2);
		CoordinateToGet=parseFloat(svgStringerInner.getAttribute("x1"));
		svgStringerInner.setAttribute("x2", CoordinateToGet);
		CoordinateToGet=parseFloat(svgTopFront.getAttribute("y1"));
		svgStringerInner.setAttribute("y1", CoordinateToGet);
		CoordinateToGet=parseFloat(svgStringerInner.getAttribute("y1"));
		svgStringerInner.setAttribute("y2", CoordinateToGet+(parseFloat(scale)*StringerWebHeight));
		canvas.appendChild(svgStringerInner);
		canvas.appendChild(scaleline);
		}
	
	function SpinButtonStringerLength_SpinUp()
	{
		var StringerLengthelementUp = document.getElementById("oPersistTextSaveStringerLength");
		StringerLength = StringerLengthelementUp.getAttribute("value");
		StringerLength=StringerLength-0+0.01;
		StringerLengthelementUp.setAttribute("value",StringerLength);
		UpdateStringer();
	}
	function SpinButtonStringerLength_SpinDown()
	{
		var StringerLengthelementDown = document.getElementById("oPersistTextSaveStringerLength");
		StringerLength = StringerLengthelementDown.getAttribute("value");
		StringerLength=StringerLength-0.01;
		StringerLengthelementDown.setAttribute("value",StringerLength);
		UpdateStringer();
	}
	function SpinButtonStringerWidth_SpinUp()
	{
		var StringerWidthelementUp = document.getElementById("oPersistTextSaveStringerWidth");
		StringerWidth = StringerWidthelementUp.getAttribute("value");
		StringerWidth=StringerWidth-0+0.01;
		StringerWidthelementUp.setAttribute("value",StringerWidth);
		UpdateStringer();
	}
	function SpinButtonStringerWidth_SpinDown()
	{
		var StringerWidthelementDown = document.getElementById("oPersistTextSaveStringerWidth");
		StringerWidth = StringerWidthelementDown.getAttribute("value");
		StringerWidth=StringerWidth-0.01;
		StringerWidthelementDown.setAttribute("value",StringerWidth);
		UpdateStringer();
	}
	function SpinButtonStringerPartComplexity_SpinUp()
	{
		var StringerPartComplexityelementUp = document.getElementById("oPersistTextSaveStringerPartComplexity");
		StringerPartComplexity = StringerPartComplexityelementUp.getAttribute("value");
		StringerPartComplexity=StringerPartComplexity-0+0.01;
		StringerPartComplexityelementUp.setAttribute("value",StringerPartComplexity);
		UpdateStringer();
	}
	function SpinButtonStringerPartComplexity_SpinDown()
	{
		var StringerPartComplexityelementDown = document.getElementById("oPersistTextSaveStringerPartComplexity");
		StringerPartComplexity = StringerPartComplexityelementDown.getAttribute("value");
		StringerPartComplexity=StringerPartComplexity-0.01;
		StringerPartComplexityelementDown.setAttribute("value",StringerPartComplexity);
		UpdateStringer();
	}
	function SpinButtonStringerRawVolumeConstant_SpinUp()
	{
		var StringerRawVolumeConstantelementUp = document.getElementById("oPersistTextSaveStringerRawVolumeConstant");
		StringerRawVolumeConstant = StringerRawVolumeConstantelementUp.getAttribute("value");
		StringerRawVolumeConstant=StringerRawVolumeConstant-0+0.01;
		StringerRawVolumeConstantelementUp.setAttribute("value",StringerRawVolumeConstant);
		UpdateStringer();
	}
	function SpinButtonStringerRawVolumeConstant_SpinDown()
	{
		var StringerRawVolumeConstantelementDown = document.getElementById("oPersistTextSaveStringerRawVolumeConstant");
		StringerRawVolumeConstant = StringerRawVolumeConstantelementDown.getAttribute("value");
		StringerRawVolumeConstant=StringerRawVolumeConstant-0.01;
		StringerRawVolumeConstantelementDown.setAttribute("value",StringerRawVolumeConstant);
		UpdateStringer();
	}
	function SpinButtonStringerWebHeight_SpinUp()
	{
		var StringerWebHeightelementUp = document.getElementById("oPersistTextSaveStringerWebHeight");
		StringerWebHeight = StringerWebHeightelementUp.getAttribute("value");
		StringerWebHeight=StringerWebHeight-0+0.01;
		StringerWebHeightelementUp.setAttribute("value",StringerWebHeight);
		UpdateStringer();
	}
	function SpinButtonStringerWebHeight_SpinDown()
	{
		var StringerWebHeightelementDown = document.getElementById("oPersistTextSaveStringerWebHeight");
		StringerWebHeight = StringerWebHeightelementDown.getAttribute("value");
		StringerWebHeight=StringerWebHeight-0.01;
		StringerWebHeightelementDown.setAttribute("value",StringerWebHeight);
		UpdateStringer();
	}
	function SpinButtonFootWidth_SpinUp()
	{
		var FootWidthelementUp = document.getElementById("oPersistTextSaveFootWidth");
		FootWidth = FootWidthelementUp.getAttribute("value");
		FootWidth=FootWidth-0+0.01;
		FootWidthelementUp.setAttribute("value",FootWidth);
		UpdateStringer();
	}
	function SpinButtonFootWidth_SpinDown()
	{
		var FootWidthelementDown = document.getElementById("oPersistTextSaveFootWidth");
		FootWidth = FootWidthelementDown.getAttribute("value");
		FootWidth=FootWidth-0.01;
		FootWidthelementDown.setAttribute("value",FootWidth);
		UpdateStringer();
	}
	function SpinButtonFootThickness_SpinUp()
	{
		var FootThicknesselementUp = document.getElementById("oPersistTextSaveFootThickness");
		FootThickness = FootThicknesselementUp.getAttribute("value");
		FootThickness=FootThickness-0+0.01;
		FootThicknesselementUp.setAttribute("value",FootThickness);
		UpdateStringer();
	}
	function SpinButtonFootThickness_SpinDown()
	{
		var FootThicknesselementDown = document.getElementById("oPersistTextSaveFootThickness");
		FootThickness = FootThicknesselementDown.getAttribute("value");
		FootThickness=FootThickness-0.01;
		FootThicknesselementDown.setAttribute("value",FootThickness);
		UpdateStringer();
	}
	]]>
	</script>
</svg>

<form name="oPersistSave" id="oPersistSave">
<table border = "1" bgcolor="YELLOW" class="StringerTable">
	<tr>
		<td align ="right" valign ="top">
		Scale = 1m
		<table border = "1" bgcolor="YELLOW" class="InputValues">
			<tr>
				<td><label id = "InputStringerLength">Stringer Length (m)</label></td>
				<td><input id="oPersistTextSaveStringerLength" class="sFavorite"  value = "10" onsave="fnSaveThisSaveStringerLength()" size="10"  onload="fnLoadThisSaveStringerLength()" /></td>
				<td><table><tr><td><input id="buttonStringerLengthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonStringerLength_SpinUp();" /></td></tr><tr><td><input id="buttonStringerLengthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonStringerLength_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputStringerWidth">Stringer Width (m)</label></td>
				<td><input id="oPersistTextSaveStringerWidth" class="sFavorite"  value = "1" onsave="fnSaveThisSaveStringerWidth()" size="10"  onload="fnLoadThisSaveStringerWidth()" /></td>
				<td><table><tr><td><input id="buttonStringerWidthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonStringerWidth_SpinUp();" /></td></tr><tr><td><input id="buttonStringerWidthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonStringerWidth_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputStringerPartComplexity">Stringer Part Complexity</label></td>
				<td><input id="oPersistTextSaveStringerPartComplexity" class="sFavorite"  value = "Simple-Medium" onsave="fnSaveThisSaveStringerPartComplexity()" size="10"  onload="fnLoadThisSaveStringerPartComplexity()" /></td>
				<td><table><tr><td><input id="buttonStringerPartComplexityUp" type="image" src="../Images/Up.gif" onclick="SpinButtonStringerPartComplexity_SpinUp();" /></td></tr><tr><td><input id="buttonStringerPartComplexityDown" type="image" src="../Images/Down.gif" onclick="SpinButtonStringerPartComplexity_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputStringerRawVolumeConstant">Stringer Raw Volume Constant (m)</label></td>
				<td><input id="oPersistTextSaveStringerRawVolumeConstant" class="sFavorite"  value = "0.005" onsave="fnSaveThisSaveStringerRawVolumeConstant()" size="10"  onload="fnLoadThisSaveStringerRawVolumeConstant()" /></td>
				<td><table><tr><td><input id="buttonStringerRawVolumeConstantUp" type="image" src="../Images/Up.gif" onclick="SpinButtonStringerRawVolumeConstant_SpinUp();" /></td></tr><tr><td><input id="buttonStringerRawVolumeConstantDown" type="image" src="../Images/Down.gif" onclick="SpinButtonStringerRawVolumeConstant_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputStringerWebHeight">Stringer Web Height (m)</label></td>
				<td><input id="oPersistTextSaveStringerWebHeight" class="sFavorite"  value = "1" onsave="fnSaveThisSaveStringerWebHeight()" size="10"  onload="fnLoadThisSaveStringerWebHeight()" /></td>
				<td><table><tr><td><input id="buttonStringerWebHeightUp" type="image" src="../Images/Up.gif" onclick="SpinButtonStringerWebHeight_SpinUp();" /></td></tr><tr><td><input id="buttonStringerWebHeightDown" type="image" src="../Images/Down.gif" onclick="SpinButtonStringerWebHeight_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputFootWidth">Foot Width (m)</label></td>
				<td><input id="oPersistTextSaveFootWidth" class="sFavorite"  value = "1" onsave="fnSaveThisSaveFootWidth()" size="10"  onload="fnLoadThisSaveFootWidth()" /></td>
				<td><table><tr><td><input id="buttonFootWidthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonFootWidth_SpinUp();" /></td></tr><tr><td><input id="buttonFootWidthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonFootWidth_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputFootThickness">Foot Thickness (m)</label></td>
				<td><input id="oPersistTextSaveFootThickness" class="sFavorite"  value = "0.1" onsave="fnSaveThisSaveFootThickness()" size="10"  onload="fnLoadThisSaveFootThickness()" /></td>
				<td><table><tr><td><input id="buttonFootThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonFootThickness_SpinUp();" /></td></tr><tr><td><input id="buttonFootThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonFootThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td><label id = "InputStringerPeriphery">Stringer Periphery (m)</label></td>
				<td><input id="oPersistTextSaveStringerPeriphery" class="sFavorite"  value = "26" onsave="fnSaveThisSaveStringerPeriphery()" size="10"  onload="fnLoadThisSaveStringerPeriphery()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputStringerArea">Stringer Area (m^2)</label></td>
				<td><input id="oPersistTextSaveStringerArea" class="sFavorite"  value = "30" onsave="fnSaveThisSaveStringerArea()" size="10"  onload="fnLoadThisSaveStringerArea()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputStringerRawVolume">Stringer Raw Volume (m^3)</label></td>
				<td><input id="oPersistTextSaveStringerRawVolume" class="sFavorite"  value = "3.013" onsave="fnSaveThisSaveStringerRawVolume()" size="10"  onload="fnLoadThisSaveStringerRawVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputStringerFinishedVolume">Stringer Finished Volume (m^3)</label></td>
				<td><input id="oPersistTextSaveStringerFinishedVolume" class="sFavorite"  value = "3" onsave="fnSaveThisSaveStringerFinishedVolume()" size="10"  onload="fnLoadThisSaveStringerFinishedVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputStringerPartWidth">Stringer Part Width (m)</label></td>
				<td><input id="oPersistTextSaveStringerPartWidth" class="sFavorite"  value = "1" onsave="fnSaveThisSaveStringerPartWidth()" size="10"  onload="fnLoadThisSaveStringerPartWidth()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputStringerPartHeight">Stringer Part Height (m)</label></td>
				<td><input id="oPersistTextSaveStringerPartHeight" class="sFavorite"  value = "1.1" onsave="fnSaveThisSaveStringerPartHeight()" size="10"  onload="fnLoadThisSaveStringerPartHeight()" /></td>
				
				</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td>Stringer Periphery=2*(Stringer Length+(2*Stringer Web Height)+Foot Width)</td>
				
				</tr>
		
			<tr>
				<td>Stringer Area=Stringer Length*(2*Stringer Web Height+Foot Width)</td>
				
				</tr>
		
			<tr>
				<td>Stringer Raw Volume=Stringer Area*Foot Thickness+(Stringer Periphery*Foot Thickness*Stringer Raw Volume Constant)</td>
				
				</tr>
		
			<tr>
				<td>Stringer Finished Volume=Stringer Area*Foot Thickness</td>
				
				</tr>
		
			<tr>
				<td>Stringer Part Width=Stringer Width</td>
				
				</tr>
		
			<tr>
				<td>Stringer Part Height=Stringer Web Height+Foot Thickness</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>


