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

<body>
<h2>Skin 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 SkinLength = 9.167;
	
	var SkinDepthofCurvature = 0.3;
	
	var SkinPartComplexity = 0;
	
	var SkinRawVolumeConstant = 0.005;
	
	var SkinRootChord = 2.6;
	
	var SkinTipChord = 1.07;
	
	var SkinRootThickness = 0.0035;
	
	var SkinTipThickness = 0.001;
	
	var SkinNumberofManholes = 2;
	
	var SkinManholeDiameter = 0.2;
	
	var SkinArea = SkinLength*(SkinRootChord+SkinTipChord)/2;
	
	var SkinPeriphery = SkinRootChord+SkinTipChord+(2*Math.sqrt(((SkinRootChord-SkinTipChord)*(SkinRootChord-SkinTipChord)/4)+(SkinLength*SkinLength)));
	
	var SkinRawVolume = (SkinLength*SkinPartThickness*((SkinRootChord+SkinTipChord)/2)+(SkinPartThickness*SkinPeriphery*SkinRawVolumeConstant));
	
	var SkinFinishedVolume = SkinRawVolume-(SkinNumberofManholes*3.141592654*SkinManholeDiameter*SkinManholeDiameter/4*(SkinRootThickness+SkinTipThickness)/2)-(SkinRootThickness+SkinTipThickness)/2*SkinPeriphery*SkinRawVolumeConstant;
	
	var SkinPartHeight = SkinDepthofCurvature;
	
	var SkinPartWidth = (SkinRootChord+SkinTipChord)/2;
	
	var SkinPartThickness = 0.539*(SkinRootThickness+SkinTipThickness)/2;
	var svgLength;
	var svgTipChordCurve;
	var svgRootChordCurve;
	var svgLengthTop;
	var svgOneThirdChordCurve;
	var svgTwoThirdChordCurve;
	var scaleline;
	
	function init() {
		CreateSVGElements();
		Skin();
	}
	
function zoomin(){
	scale = scale *2;
	Skin();
}
function zoomout(){
	scale = scale /2;
	Skin();
}
function moveright(){
	shift = shift + 100;
	Skin();
}
function moveleft(){
	shift = shift -100;
	Skin();
}
function moveup(){
	shiftvert = shiftvert + 100;
	Skin();
}
function movedown(){
	shiftvert = shiftvert-100;
	Skin();
}
	function CreateSVGElements()
	{
		svgLength = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLength.setAttribute("stroke","blue");
		svgLength.setAttribute("stroke-width",2);
		
		svgTipChordCurve = document.createElementNS("http://www.w3.org/2000/svg", "path");
		svgTipChordCurve.setAttribute("stroke","blue");
		svgTipChordCurve.setAttribute("stroke-width",2);
		svgTipChordCurve.setAttribute("fill","none");
		svgRootChordCurve = document.createElementNS("http://www.w3.org/2000/svg", "path");
		svgRootChordCurve.setAttribute("stroke","blue");
		svgRootChordCurve.setAttribute("stroke-width",2);
		svgRootChordCurve.setAttribute("fill","none");
		svgLengthTop = document.createElementNS("http://www.w3.org/2000/svg", "line");
		svgLengthTop.setAttribute("stroke","blue");
		svgLengthTop.setAttribute("stroke-width",2);
		
		svgOneThirdChordCurve = document.createElementNS("http://www.w3.org/2000/svg", "path");
		svgOneThirdChordCurve.setAttribute("stroke","blue");
		svgOneThirdChordCurve.setAttribute("stroke-width",2);
		svgOneThirdChordCurve.setAttribute("fill","none");
		svgTwoThirdChordCurve = document.createElementNS("http://www.w3.org/2000/svg", "path");
		svgTwoThirdChordCurve.setAttribute("stroke","blue");
		svgTwoThirdChordCurve.setAttribute("stroke-width",2);
		svgTwoThirdChordCurve.setAttribute("fill","none");
		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 UpdateSkin()
	{
		
	
		SkinArea=SkinLength*(SkinRootChord+SkinTipChord)/2;
		var SkinAreaelement = document.getElementById("oPersistTextSaveSkinArea");
		SkinAreaelement.setAttribute("value",SkinArea);
	
		SkinPeriphery=SkinRootChord+SkinTipChord+(2*Math.sqrt(((SkinRootChord-SkinTipChord)*(SkinRootChord-SkinTipChord)/4)+(SkinLength*SkinLength)));
		var SkinPeripheryelement = document.getElementById("oPersistTextSaveSkinPeriphery");
		SkinPeripheryelement.setAttribute("value",SkinPeriphery);
	
		SkinRawVolume=(SkinLength*SkinPartThickness*((SkinRootChord+SkinTipChord)/2)+(SkinPartThickness*SkinPeriphery*SkinRawVolumeConstant));
		var SkinRawVolumeelement = document.getElementById("oPersistTextSaveSkinRawVolume");
		SkinRawVolumeelement.setAttribute("value",SkinRawVolume);
	
		SkinFinishedVolume=SkinRawVolume-(SkinNumberofManholes*3.141592654*SkinManholeDiameter*SkinManholeDiameter/4*(SkinRootThickness+SkinTipThickness)/2)-(SkinRootThickness+SkinTipThickness)/2*SkinPeriphery*SkinRawVolumeConstant;
		var SkinFinishedVolumeelement = document.getElementById("oPersistTextSaveSkinFinishedVolume");
		SkinFinishedVolumeelement.setAttribute("value",SkinFinishedVolume);
	
		SkinPartHeight=SkinDepthofCurvature;
		var SkinPartHeightelement = document.getElementById("oPersistTextSaveSkinPartHeight");
		SkinPartHeightelement.setAttribute("value",SkinPartHeight);
	
		SkinPartWidth=(SkinRootChord+SkinTipChord)/2;
		var SkinPartWidthelement = document.getElementById("oPersistTextSaveSkinPartWidth");
		SkinPartWidthelement.setAttribute("value",SkinPartWidth);
	
		SkinPartThickness=0.539*(SkinRootThickness+SkinTipThickness)/2;
		var SkinPartThicknesselement = document.getElementById("oPersistTextSaveSkinPartThickness");
		SkinPartThicknesselement.setAttribute("value",SkinPartThickness);
	
		Skin();
	}
	function Skin()
	{
		var canvas = document.getElementById("canvas");
	var Angle = 20;
	
	var angleInRadians = 0.349065850398866;
	
	var sinAngleLength = Math.sin(angleInRadians)*SkinLength;
	
	var cosAngleLength = Math.cos(angleInRadians)*SkinLength;
	
		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);
		var svgTipChordCurveConstruction= document.getElementById("svgConstruction");
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
	var svgTipChordCurvePointx1= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
	var svgTipChordCurvePointy1= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgTipChordCurvePointx1-scale*Math.sin(angleInRadians)*SkinTipChord);
	var svgTipChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgTipChordCurvePointy1-scale*Math.cos(angleInRadians)*SkinTipChord);
	var svgTipChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgTipChordCurvePointGX = (svgTipChordCurvePointx1+svgTipChordCurvePointx2)/2;
	var svgTipChordCurvePointGY = (svgTipChordCurvePointy1+svgTipChordCurvePointy2)/2;
	var svgTipChordCurvePointFX = (svgTipChordCurvePointx1+svgTipChordCurvePointx2)/2-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgTipChordCurvePointGXtoFX = (svgTipChordCurvePointGX-svgTipChordCurvePointFX);
	var svgTipChordCurvePointGXtoFX = (svgTipChordCurvePointGX-svgTipChordCurvePointFX);
	var svgTipChordCurvePointGYtoFY = svgTipChordCurvePointGXtoFX*Math.sin(angleInRadians);
	var svgTipChordCurvePointFY = (svgTipChordCurvePointGY+svgTipChordCurvePointGYtoFY);
	var svgTipChordCurvePointBX = svgTipChordCurvePointFX-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgTipChordCurvePointBY = (svgTipChordCurvePointFY+svgTipChordCurvePointGYtoFY);
	PathVariable="M ";
	PathVariable+=svgTipChordCurvePointx1 + " ";
	PathVariable+=svgTipChordCurvePointy1 + " ";
	PathVariable+="q ";
	PathVariable+=svgTipChordCurvePointBX - svgTipChordCurvePointx1 + " ";
	PathVariable+=(svgTipChordCurvePointBY - svgTipChordCurvePointy1) + " ";
	PathVariable+=svgTipChordCurvePointx2 - svgTipChordCurvePointx1 + " ";
	PathVariable+=svgTipChordCurvePointy2 - svgTipChordCurvePointy1;
	svgTipChordCurve.setAttribute("d", PathVariable);
		canvas.appendChild(svgTipChordCurve);
		var svgRootChordCurveConstruction= document.getElementById("svgConstruction");
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
	var svgRootChordCurvePointx1= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
	var svgRootChordCurvePointy1= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgRootChordCurvePointx1-scale*Math.sin(angleInRadians)*SkinRootChord);
	var svgRootChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgRootChordCurvePointy1-scale*Math.cos(angleInRadians)*SkinRootChord);
	var svgRootChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgRootChordCurvePointGX = (svgRootChordCurvePointx1+svgRootChordCurvePointx2)/2;
	var svgRootChordCurvePointGY = (svgRootChordCurvePointy1+svgRootChordCurvePointy2)/2;
	var svgRootChordCurvePointFX = (svgRootChordCurvePointx1+svgRootChordCurvePointx2)/2-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgRootChordCurvePointGXtoFX = (svgRootChordCurvePointGX-svgRootChordCurvePointFX);
	var svgRootChordCurvePointGXtoFX = (svgRootChordCurvePointGX-svgRootChordCurvePointFX);
	var svgRootChordCurvePointGYtoFY = svgRootChordCurvePointGXtoFX*Math.sin(angleInRadians);
	var svgRootChordCurvePointFY = (svgRootChordCurvePointGY+svgRootChordCurvePointGYtoFY);
	var svgRootChordCurvePointBX = svgRootChordCurvePointFX-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgRootChordCurvePointBY = (svgRootChordCurvePointFY+svgRootChordCurvePointGYtoFY);
	PathVariable="M ";
	PathVariable+=svgRootChordCurvePointx1 + " ";
	PathVariable+=svgRootChordCurvePointy1 + " ";
	PathVariable+="q ";
	PathVariable+=svgRootChordCurvePointBX - svgRootChordCurvePointx1 + " ";
	PathVariable+=(svgRootChordCurvePointBY - svgRootChordCurvePointy1) + " ";
	PathVariable+=svgRootChordCurvePointx2 - svgRootChordCurvePointx1 + " ";
	PathVariable+=svgRootChordCurvePointy2 - svgRootChordCurvePointy1;
	svgRootChordCurve.setAttribute("d", PathVariable);
		canvas.appendChild(svgRootChordCurve);
		
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
		svgLengthTop.setAttribute("x1", CoordinateToGet-parseFloat(scale)*Math.sin(parseFloat(angleInRadians))*SkinRootChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgLengthTop.setAttribute("x2", CoordinateToGet-parseFloat(scale)*Math.sin(parseFloat(angleInRadians))*SkinTipChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgLengthTop.setAttribute("y1", CoordinateToGet-parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*SkinRootChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgLengthTop.setAttribute("y2", CoordinateToGet-parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*SkinTipChord);
		canvas.appendChild(svgLengthTop);
		var svgOneThirdChordCurveConstruction= document.getElementById("svgConstruction");
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
	var svgOneThirdChordCurvePointx1= CoordinateToGet+(parseFloat(cosAngleLength)*parseFloat(scale))/3;
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
	var svgOneThirdChordCurvePointy1= CoordinateToGet-(parseFloat(sinAngleLength)*parseFloat(scale))/3;
	
		CoordinateToGet=parseFloat(svgOneThirdChordCurvePointx1-scale*Math.cos(angleInRadians)*(SkinRootChord-(SkinRootChord-SkinTipChord)/3)*Math.tan(angleInRadians));
	var svgOneThirdChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgOneThirdChordCurvePointy1-scale*Math.cos(angleInRadians)*(SkinRootChord-(SkinRootChord-SkinTipChord)/3));
	var svgOneThirdChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgOneThirdChordCurvePointGX = (svgOneThirdChordCurvePointx1+svgOneThirdChordCurvePointx2)/2;
	var svgOneThirdChordCurvePointGY = (svgOneThirdChordCurvePointy1+svgOneThirdChordCurvePointy2)/2;
	var svgOneThirdChordCurvePointFX = (svgOneThirdChordCurvePointx1+svgOneThirdChordCurvePointx2)/2-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgOneThirdChordCurvePointGXtoFX = (svgOneThirdChordCurvePointGX-svgOneThirdChordCurvePointFX);
	var svgOneThirdChordCurvePointGXtoFX = (svgOneThirdChordCurvePointGX-svgOneThirdChordCurvePointFX);
	var svgOneThirdChordCurvePointGYtoFY = svgOneThirdChordCurvePointGXtoFX*Math.sin(angleInRadians);
	var svgOneThirdChordCurvePointFY = (svgOneThirdChordCurvePointGY+svgOneThirdChordCurvePointGYtoFY);
	var svgOneThirdChordCurvePointBX = svgOneThirdChordCurvePointFX-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgOneThirdChordCurvePointBY = (svgOneThirdChordCurvePointFY+svgOneThirdChordCurvePointGYtoFY);
	PathVariable="M ";
	PathVariable+=svgOneThirdChordCurvePointx1 + " ";
	PathVariable+=svgOneThirdChordCurvePointy1 + " ";
	PathVariable+="q ";
	PathVariable+=svgOneThirdChordCurvePointBX - svgOneThirdChordCurvePointx1 + " ";
	PathVariable+=(svgOneThirdChordCurvePointBY - svgOneThirdChordCurvePointy1) + " ";
	PathVariable+=svgOneThirdChordCurvePointx2 - svgOneThirdChordCurvePointx1 + " ";
	PathVariable+=svgOneThirdChordCurvePointy2 - svgOneThirdChordCurvePointy1;
	svgOneThirdChordCurve.setAttribute("d", PathVariable);
		canvas.appendChild(svgOneThirdChordCurve);
		var svgTwoThirdChordCurveConstruction= document.getElementById("svgConstruction");
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("x1"));
	var svgTwoThirdChordCurvePointx1= CoordinateToGet+(parseFloat(cosAngleLength)*parseFloat(scale))*2/3;
	
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
	var svgTwoThirdChordCurvePointy1= CoordinateToGet-(parseFloat(sinAngleLength)*parseFloat(scale))*2/3;
	
		CoordinateToGet=parseFloat(svgTwoThirdChordCurvePointx1-scale*Math.cos(angleInRadians)*(SkinRootChord-(SkinRootChord-SkinTipChord)*2/3)*Math.tan(angleInRadians));
	var svgTwoThirdChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgTwoThirdChordCurvePointy1-scale*Math.cos(angleInRadians)*(SkinRootChord-(SkinRootChord-SkinTipChord)*2/3));
	var svgTwoThirdChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgTwoThirdChordCurvePointGX = (svgTwoThirdChordCurvePointx1+svgTwoThirdChordCurvePointx2)/2;
	var svgTwoThirdChordCurvePointGY = (svgTwoThirdChordCurvePointy1+svgTwoThirdChordCurvePointy2)/2;
	var svgTwoThirdChordCurvePointFX = (svgTwoThirdChordCurvePointx1+svgTwoThirdChordCurvePointx2)/2-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgTwoThirdChordCurvePointGXtoFX = (svgTwoThirdChordCurvePointGX-svgTwoThirdChordCurvePointFX);
	var svgTwoThirdChordCurvePointGXtoFX = (svgTwoThirdChordCurvePointGX-svgTwoThirdChordCurvePointFX);
	var svgTwoThirdChordCurvePointGYtoFY = svgTwoThirdChordCurvePointGXtoFX*Math.sin(angleInRadians);
	var svgTwoThirdChordCurvePointFY = (svgTwoThirdChordCurvePointGY+svgTwoThirdChordCurvePointGYtoFY);
	var svgTwoThirdChordCurvePointBX = svgTwoThirdChordCurvePointFX-(SkinDepthofCurvature*scale)*Math.cos(angleInRadians);
	var svgTwoThirdChordCurvePointBY = (svgTwoThirdChordCurvePointFY+svgTwoThirdChordCurvePointGYtoFY);
	PathVariable="M ";
	PathVariable+=svgTwoThirdChordCurvePointx1 + " ";
	PathVariable+=svgTwoThirdChordCurvePointy1 + " ";
	PathVariable+="q ";
	PathVariable+=svgTwoThirdChordCurvePointBX - svgTwoThirdChordCurvePointx1 + " ";
	PathVariable+=(svgTwoThirdChordCurvePointBY - svgTwoThirdChordCurvePointy1) + " ";
	PathVariable+=svgTwoThirdChordCurvePointx2 - svgTwoThirdChordCurvePointx1 + " ";
	PathVariable+=svgTwoThirdChordCurvePointy2 - svgTwoThirdChordCurvePointy1;
	svgTwoThirdChordCurve.setAttribute("d", PathVariable);
		canvas.appendChild(svgTwoThirdChordCurve);
		canvas.appendChild(scaleline);
		}
	
	function SpinButtonSkinLength_SpinUp()
	{
		var SkinLengthelementUp = document.getElementById("oPersistTextSaveSkinLength");
		SkinLength = SkinLengthelementUp.getAttribute("value");
		SkinLength=SkinLength-0+0.01;
		SkinLengthelementUp.setAttribute("value",SkinLength);
		UpdateSkin();
	}
	function SpinButtonSkinLength_SpinDown()
	{
		var SkinLengthelementDown = document.getElementById("oPersistTextSaveSkinLength");
		SkinLength = SkinLengthelementDown.getAttribute("value");
		SkinLength=SkinLength-0.01;
		SkinLengthelementDown.setAttribute("value",SkinLength);
		UpdateSkin();
	}
	function SpinButtonSkinDepthofCurvature_SpinUp()
	{
		var SkinDepthofCurvatureelementUp = document.getElementById("oPersistTextSaveSkinDepthofCurvature");
		SkinDepthofCurvature = SkinDepthofCurvatureelementUp.getAttribute("value");
		SkinDepthofCurvature=SkinDepthofCurvature-0+0.01;
		SkinDepthofCurvatureelementUp.setAttribute("value",SkinDepthofCurvature);
		UpdateSkin();
	}
	function SpinButtonSkinDepthofCurvature_SpinDown()
	{
		var SkinDepthofCurvatureelementDown = document.getElementById("oPersistTextSaveSkinDepthofCurvature");
		SkinDepthofCurvature = SkinDepthofCurvatureelementDown.getAttribute("value");
		SkinDepthofCurvature=SkinDepthofCurvature-0.01;
		SkinDepthofCurvatureelementDown.setAttribute("value",SkinDepthofCurvature);
		UpdateSkin();
	}
	function SpinButtonSkinPartComplexity_SpinUp()
	{
		var SkinPartComplexityelementUp = document.getElementById("oPersistTextSaveSkinPartComplexity");
		SkinPartComplexity = SkinPartComplexityelementUp.getAttribute("value");
		SkinPartComplexity=SkinPartComplexity-0+0.01;
		SkinPartComplexityelementUp.setAttribute("value",SkinPartComplexity);
		UpdateSkin();
	}
	function SpinButtonSkinPartComplexity_SpinDown()
	{
		var SkinPartComplexityelementDown = document.getElementById("oPersistTextSaveSkinPartComplexity");
		SkinPartComplexity = SkinPartComplexityelementDown.getAttribute("value");
		SkinPartComplexity=SkinPartComplexity-0.01;
		SkinPartComplexityelementDown.setAttribute("value",SkinPartComplexity);
		UpdateSkin();
	}
	function SpinButtonSkinRawVolumeConstant_SpinUp()
	{
		var SkinRawVolumeConstantelementUp = document.getElementById("oPersistTextSaveSkinRawVolumeConstant");
		SkinRawVolumeConstant = SkinRawVolumeConstantelementUp.getAttribute("value");
		SkinRawVolumeConstant=SkinRawVolumeConstant-0+0.01;
		SkinRawVolumeConstantelementUp.setAttribute("value",SkinRawVolumeConstant);
		UpdateSkin();
	}
	function SpinButtonSkinRawVolumeConstant_SpinDown()
	{
		var SkinRawVolumeConstantelementDown = document.getElementById("oPersistTextSaveSkinRawVolumeConstant");
		SkinRawVolumeConstant = SkinRawVolumeConstantelementDown.getAttribute("value");
		SkinRawVolumeConstant=SkinRawVolumeConstant-0.01;
		SkinRawVolumeConstantelementDown.setAttribute("value",SkinRawVolumeConstant);
		UpdateSkin();
	}
	function SpinButtonSkinRootChord_SpinUp()
	{
		var SkinRootChordelementUp = document.getElementById("oPersistTextSaveSkinRootChord");
		SkinRootChord = SkinRootChordelementUp.getAttribute("value");
		SkinRootChord=SkinRootChord-0+0.01;
		SkinRootChordelementUp.setAttribute("value",SkinRootChord);
		UpdateSkin();
	}
	function SpinButtonSkinRootChord_SpinDown()
	{
		var SkinRootChordelementDown = document.getElementById("oPersistTextSaveSkinRootChord");
		SkinRootChord = SkinRootChordelementDown.getAttribute("value");
		SkinRootChord=SkinRootChord-0.01;
		SkinRootChordelementDown.setAttribute("value",SkinRootChord);
		UpdateSkin();
	}
	function SpinButtonSkinTipChord_SpinUp()
	{
		var SkinTipChordelementUp = document.getElementById("oPersistTextSaveSkinTipChord");
		SkinTipChord = SkinTipChordelementUp.getAttribute("value");
		SkinTipChord=SkinTipChord-0+0.01;
		SkinTipChordelementUp.setAttribute("value",SkinTipChord);
		UpdateSkin();
	}
	function SpinButtonSkinTipChord_SpinDown()
	{
		var SkinTipChordelementDown = document.getElementById("oPersistTextSaveSkinTipChord");
		SkinTipChord = SkinTipChordelementDown.getAttribute("value");
		SkinTipChord=SkinTipChord-0.01;
		SkinTipChordelementDown.setAttribute("value",SkinTipChord);
		UpdateSkin();
	}
	function SpinButtonSkinRootThickness_SpinUp()
	{
		var SkinRootThicknesselementUp = document.getElementById("oPersistTextSaveSkinRootThickness");
		SkinRootThickness = SkinRootThicknesselementUp.getAttribute("value");
		SkinRootThickness=SkinRootThickness-0+0.01;
		SkinRootThicknesselementUp.setAttribute("value",SkinRootThickness);
		UpdateSkin();
	}
	function SpinButtonSkinRootThickness_SpinDown()
	{
		var SkinRootThicknesselementDown = document.getElementById("oPersistTextSaveSkinRootThickness");
		SkinRootThickness = SkinRootThicknesselementDown.getAttribute("value");
		SkinRootThickness=SkinRootThickness-0.01;
		SkinRootThicknesselementDown.setAttribute("value",SkinRootThickness);
		UpdateSkin();
	}
	function SpinButtonSkinTipThickness_SpinUp()
	{
		var SkinTipThicknesselementUp = document.getElementById("oPersistTextSaveSkinTipThickness");
		SkinTipThickness = SkinTipThicknesselementUp.getAttribute("value");
		SkinTipThickness=SkinTipThickness-0+0.01;
		SkinTipThicknesselementUp.setAttribute("value",SkinTipThickness);
		UpdateSkin();
	}
	function SpinButtonSkinTipThickness_SpinDown()
	{
		var SkinTipThicknesselementDown = document.getElementById("oPersistTextSaveSkinTipThickness");
		SkinTipThickness = SkinTipThicknesselementDown.getAttribute("value");
		SkinTipThickness=SkinTipThickness-0.01;
		SkinTipThicknesselementDown.setAttribute("value",SkinTipThickness);
		UpdateSkin();
	}
	function SpinButtonSkinNumberofManholes_SpinUp()
	{
		var SkinNumberofManholeselementUp = document.getElementById("oPersistTextSaveSkinNumberofManholes");
		SkinNumberofManholes = SkinNumberofManholeselementUp.getAttribute("value");
		SkinNumberofManholes=SkinNumberofManholes-0+0.01;
		SkinNumberofManholeselementUp.setAttribute("value",SkinNumberofManholes);
		UpdateSkin();
	}
	function SpinButtonSkinNumberofManholes_SpinDown()
	{
		var SkinNumberofManholeselementDown = document.getElementById("oPersistTextSaveSkinNumberofManholes");
		SkinNumberofManholes = SkinNumberofManholeselementDown.getAttribute("value");
		SkinNumberofManholes=SkinNumberofManholes-0.01;
		SkinNumberofManholeselementDown.setAttribute("value",SkinNumberofManholes);
		UpdateSkin();
	}
	function SpinButtonSkinManholeDiameter_SpinUp()
	{
		var SkinManholeDiameterelementUp = document.getElementById("oPersistTextSaveSkinManholeDiameter");
		SkinManholeDiameter = SkinManholeDiameterelementUp.getAttribute("value");
		SkinManholeDiameter=SkinManholeDiameter-0+0.01;
		SkinManholeDiameterelementUp.setAttribute("value",SkinManholeDiameter);
		UpdateSkin();
	}
	function SpinButtonSkinManholeDiameter_SpinDown()
	{
		var SkinManholeDiameterelementDown = document.getElementById("oPersistTextSaveSkinManholeDiameter");
		SkinManholeDiameter = SkinManholeDiameterelementDown.getAttribute("value");
		SkinManholeDiameter=SkinManholeDiameter-0.01;
		SkinManholeDiameterelementDown.setAttribute("value",SkinManholeDiameter);
		UpdateSkin();
	}
	]]>
	</script>
</svg>

<form name="oPersistSave" id="oPersistSave">
<table border = "1" bgcolor="YELLOW" class="SkinTable">
	<tr>
		<td align ="right" valign ="top">
		Scale = 1m
		<table border = "1" bgcolor="YELLOW" class="InputValues">
			<tr>
				<td><label id = "InputSkinLength">Skin Length (m)</label></td>
				<td><input id="oPersistTextSaveSkinLength" class="sFavorite"  value = "9.167" onsave="fnSaveThisSaveSkinLength()" size="10"  onload="fnLoadThisSaveSkinLength()" /></td>
				<td><table><tr><td><input id="buttonSkinLengthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinLength_SpinUp();" /></td></tr><tr><td><input id="buttonSkinLengthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinLength_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinDepthofCurvature">Skin Depth of Curvature (m)</label></td>
				<td><input id="oPersistTextSaveSkinDepthofCurvature" class="sFavorite"  value = "0.3" onsave="fnSaveThisSaveSkinDepthofCurvature()" size="10"  onload="fnLoadThisSaveSkinDepthofCurvature()" /></td>
				<td><table><tr><td><input id="buttonSkinDepthofCurvatureUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinDepthofCurvature_SpinUp();" /></td></tr><tr><td><input id="buttonSkinDepthofCurvatureDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinDepthofCurvature_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinPartComplexity">Skin Part Complexity</label></td>
				<td><input id="oPersistTextSaveSkinPartComplexity" class="sFavorite"  value = "Extremely Simple" onsave="fnSaveThisSaveSkinPartComplexity()" size="10"  onload="fnLoadThisSaveSkinPartComplexity()" /></td>
				<td><table><tr><td><input id="buttonSkinPartComplexityUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinPartComplexity_SpinUp();" /></td></tr><tr><td><input id="buttonSkinPartComplexityDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinPartComplexity_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinRawVolumeConstant">Skin Raw Volume Constant (m)</label></td>
				<td><input id="oPersistTextSaveSkinRawVolumeConstant" class="sFavorite"  value = "0.005" onsave="fnSaveThisSaveSkinRawVolumeConstant()" size="10"  onload="fnLoadThisSaveSkinRawVolumeConstant()" /></td>
				<td><table><tr><td><input id="buttonSkinRawVolumeConstantUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinRawVolumeConstant_SpinUp();" /></td></tr><tr><td><input id="buttonSkinRawVolumeConstantDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinRawVolumeConstant_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinRootChord">Skin Root Chord (m)</label></td>
				<td><input id="oPersistTextSaveSkinRootChord" class="sFavorite"  value = "2.6" onsave="fnSaveThisSaveSkinRootChord()" size="10"  onload="fnLoadThisSaveSkinRootChord()" /></td>
				<td><table><tr><td><input id="buttonSkinRootChordUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinRootChord_SpinUp();" /></td></tr><tr><td><input id="buttonSkinRootChordDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinRootChord_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinTipChord">Skin Tip Chord (m)</label></td>
				<td><input id="oPersistTextSaveSkinTipChord" class="sFavorite"  value = "1.07" onsave="fnSaveThisSaveSkinTipChord()" size="10"  onload="fnLoadThisSaveSkinTipChord()" /></td>
				<td><table><tr><td><input id="buttonSkinTipChordUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinTipChord_SpinUp();" /></td></tr><tr><td><input id="buttonSkinTipChordDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinTipChord_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinRootThickness">Skin Root Thickness (m)</label></td>
				<td><input id="oPersistTextSaveSkinRootThickness" class="sFavorite"  value = "0.0035" onsave="fnSaveThisSaveSkinRootThickness()" size="10"  onload="fnLoadThisSaveSkinRootThickness()" /></td>
				<td><table><tr><td><input id="buttonSkinRootThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinRootThickness_SpinUp();" /></td></tr><tr><td><input id="buttonSkinRootThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinRootThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinTipThickness">Skin Tip Thickness (m)</label></td>
				<td><input id="oPersistTextSaveSkinTipThickness" class="sFavorite"  value = "0.001" onsave="fnSaveThisSaveSkinTipThickness()" size="10"  onload="fnLoadThisSaveSkinTipThickness()" /></td>
				<td><table><tr><td><input id="buttonSkinTipThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinTipThickness_SpinUp();" /></td></tr><tr><td><input id="buttonSkinTipThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinTipThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinNumberofManholes">Skin Number of Manholes</label></td>
				<td><input id="oPersistTextSaveSkinNumberofManholes" class="sFavorite"  value = "2" onsave="fnSaveThisSaveSkinNumberofManholes()" size="10"  onload="fnLoadThisSaveSkinNumberofManholes()" /></td>
				<td><table><tr><td><input id="buttonSkinNumberofManholesUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinNumberofManholes_SpinUp();" /></td></tr><tr><td><input id="buttonSkinNumberofManholesDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinNumberofManholes_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputSkinManholeDiameter">Skin Manhole Diameter (m)</label></td>
				<td><input id="oPersistTextSaveSkinManholeDiameter" class="sFavorite"  value = "0.2" onsave="fnSaveThisSaveSkinManholeDiameter()" size="10"  onload="fnLoadThisSaveSkinManholeDiameter()" /></td>
				<td><table><tr><td><input id="buttonSkinManholeDiameterUp" type="image" src="../Images/Up.gif" onclick="SpinButtonSkinManholeDiameter_SpinUp();" /></td></tr><tr><td><input id="buttonSkinManholeDiameterDown" type="image" src="../Images/Down.gif" onclick="SpinButtonSkinManholeDiameter_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td><label id = "InputSkinArea">Skin Area (m^2)</label></td>
				<td><input id="oPersistTextSaveSkinArea" class="sFavorite"  value = "16.821445" onsave="fnSaveThisSaveSkinArea()" size="10"  onload="fnLoadThisSaveSkinArea()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinPeriphery">Skin Periphery (m)</label></td>
				<td><input id="oPersistTextSaveSkinPeriphery" class="sFavorite"  value = "22.0677296425401" onsave="fnSaveThisSaveSkinPeriphery()" size="10"  onload="fnLoadThisSaveSkinPeriphery()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinRawVolume">Skin Raw Volume (m^3)</label></td>
				<td><input id="oPersistTextSaveSkinRawVolume" class="sFavorite"  value = "0.02053402061937" onsave="fnSaveThisSaveSkinRawVolume()" size="10"  onload="fnLoadThisSaveSkinRawVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinFinishedVolume">Skin Finished Volume (m^3)</label></td>
				<td><input id="oPersistTextSaveSkinFinishedVolume" class="sFavorite"  value = "0.020144386991461" onsave="fnSaveThisSaveSkinFinishedVolume()" size="10"  onload="fnLoadThisSaveSkinFinishedVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinPartHeight">Skin Part Height (m)</label></td>
				<td><input id="oPersistTextSaveSkinPartHeight" class="sFavorite"  value = "0.3" onsave="fnSaveThisSaveSkinPartHeight()" size="10"  onload="fnLoadThisSaveSkinPartHeight()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinPartWidth">Skin Part Width (m)</label></td>
				<td><input id="oPersistTextSaveSkinPartWidth" class="sFavorite"  value = "1.835" onsave="fnSaveThisSaveSkinPartWidth()" size="10"  onload="fnLoadThisSaveSkinPartWidth()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputSkinPartThickness">Skin Part Thickness (m)</label></td>
				<td><input id="oPersistTextSaveSkinPartThickness" class="sFavorite"  value = "0.00121275" onsave="fnSaveThisSaveSkinPartThickness()" size="10"  onload="fnLoadThisSaveSkinPartThickness()" /></td>
				
				</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td>Skin Area=Skin Length*(Skin Root Chord+Skin Tip Chord)/2</td>
				
				</tr>
		
			<tr>
				<td>Skin Periphery=Skin Root Chord+Skin Tip Chord+(2*sqrt(((Skin Root Chord-Skin Tip Chord)*(Skin Root Chord-Skin Tip Chord)/4)+(Skin Length*Skin Length)))</td>
				
				</tr>
		
			<tr>
				<td>Skin Raw Volume=(Skin Length*Skin Part Thickness*((Skin Root Chord+Skin Tip Chord)/2)+(Skin Part Thickness*Skin Periphery*Skin Raw Volume Constant))</td>
				
				</tr>
		
			<tr>
				<td>Skin Finished Volume=Skin Raw Volume-(Skin Number of Manholes*3.141592654*Skin Manhole Diameter*Skin Manhole Diameter/4*(Skin Root Thickness+Skin Tip Thickness)/2)-(Skin Root Thickness+Skin Tip Thickness)/2*Skin Periphery*Skin Raw Volume Constant</td>
				
				</tr>
		
			<tr>
				<td>Skin Part Height=Skin Depth of Curvature</td>
				
				</tr>
		
			<tr>
				<td>Skin Part Width=(Skin Root Chord+Skin Tip Chord)/2</td>
				
				</tr>
		
			<tr>
				<td>Skin Part Thickness=0.539*(Skin Root Thickness+Skin Tip Thickness)/2</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>


