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

<body>
<h2>Bottom 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 BottomSkinDepthofCurvature = 0.3;
	
	var BottomSkinLength = 9.167;
	
	var BottomSkinPartComplexity = 0;
	
	var BottomSkinRawVolumeConstant = 0.005;
	
	var BottomSkinRootChord = 2.6;
	
	var BottomSkinTipChord = 1.07;
	
	var BottomSkinRootThickness = 0.0035;
	
	var BottomSkinTipThickness = 0.001;
	
	var BottomSkinManholeDiameter = 0.2;
	
	var BottomSkinNumberofManholes = 2;
	
	var BottomSkinArea = BottomSkinLength*(BottomSkinRootChord+BottomSkinTipChord)/2;
	
	var BottomSkinFinishedVolume = "empty";
	
	var BottomSkinPartHeight = BottomSkinDepthofCurvature;
	
	var BottomSkinPartThickness = 0.539*(BottomSkinRootThickness+BottomSkinTipThickness)/2;
	
	var BottomSkinPartWidth = (BottomSkinRootChord+BottomSkinTipChord)/2;
	
	var BottomSkinPeriphery = BottomSkinRootChord+BottomSkinTipChord+(2*Math.sqrt(((BottomSkinRootChord-BottomSkinTipChord)*(BottomSkinRootChord-BottomSkinTipChord)/4)+(BottomSkinLength*BottomSkinLength)));
	
	var BottomSkinRawVolume = (BottomSkinLength*BottomSkinPartThickness*((BottomSkinRootChord+BottomSkinTipChord)/2)+(BottomSkinPartThickness*BottomSkinPeriphery*BottomSkinRawVolumeConstant));
	var svgLength;
	var svgTipChordCurve;
	var svgRootChordCurve;
	var svgLengthTop;
	var svgOneThirdChordCurve;
	var svgTwoThirdChordCurve;
	var svgManhole1;
	var svgManhole2;
	var scaleline;
	
	function init() {
		CreateSVGElements();
		BottomSkin();
	}
	
function zoomin(){
	scale = scale *2;
	BottomSkin();
}
function zoomout(){
	scale = scale /2;
	BottomSkin();
}
function moveright(){
	shift = shift + 100;
	BottomSkin();
}
function moveleft(){
	shift = shift -100;
	BottomSkin();
}
function moveup(){
	shiftvert = shiftvert + 100;
	BottomSkin();
}
function movedown(){
	shiftvert = shiftvert-100;
	BottomSkin();
}
	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");
		svgManhole1 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
		svgManhole1.setAttribute("stroke","blue");
		svgManhole1.setAttribute("stroke-width",2);
		
		svgManhole2 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
		svgManhole2.setAttribute("stroke","blue");
		svgManhole2.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 UpdateBottomSkin()
	{
		
	
		BottomSkinArea=BottomSkinLength*(BottomSkinRootChord+BottomSkinTipChord)/2;
		var BottomSkinAreaelement = document.getElementById("oPersistTextSaveBottomSkinArea");
		BottomSkinAreaelement.setAttribute("value",BottomSkinArea);
	
		BottomSkinFinishedVolume="empty";
		var BottomSkinFinishedVolumeelement = document.getElementById("oPersistTextSaveBottomSkinFinishedVolume");
		BottomSkinFinishedVolumeelement.setAttribute("value",BottomSkinFinishedVolume);
	
		BottomSkinPartHeight=BottomSkinDepthofCurvature;
		var BottomSkinPartHeightelement = document.getElementById("oPersistTextSaveBottomSkinPartHeight");
		BottomSkinPartHeightelement.setAttribute("value",BottomSkinPartHeight);
	
		BottomSkinPartThickness=0.539*(BottomSkinRootThickness+BottomSkinTipThickness)/2;
		var BottomSkinPartThicknesselement = document.getElementById("oPersistTextSaveBottomSkinPartThickness");
		BottomSkinPartThicknesselement.setAttribute("value",BottomSkinPartThickness);
	
		BottomSkinPartWidth=(BottomSkinRootChord+BottomSkinTipChord)/2;
		var BottomSkinPartWidthelement = document.getElementById("oPersistTextSaveBottomSkinPartWidth");
		BottomSkinPartWidthelement.setAttribute("value",BottomSkinPartWidth);
	
		BottomSkinPeriphery=BottomSkinRootChord+BottomSkinTipChord+(2*Math.sqrt(((BottomSkinRootChord-BottomSkinTipChord)*(BottomSkinRootChord-BottomSkinTipChord)/4)+(BottomSkinLength*BottomSkinLength)));
		var BottomSkinPeripheryelement = document.getElementById("oPersistTextSaveBottomSkinPeriphery");
		BottomSkinPeripheryelement.setAttribute("value",BottomSkinPeriphery);
	
		BottomSkinRawVolume=(BottomSkinLength*BottomSkinPartThickness*((BottomSkinRootChord+BottomSkinTipChord)/2)+(BottomSkinPartThickness*BottomSkinPeriphery*BottomSkinRawVolumeConstant));
		var BottomSkinRawVolumeelement = document.getElementById("oPersistTextSaveBottomSkinRawVolume");
		BottomSkinRawVolumeelement.setAttribute("value",BottomSkinRawVolume);
	
		BottomSkin();
	}
	function BottomSkin()
	{
		var canvas = document.getElementById("canvas");
	var Angle = 20;
	
	var angleInRadians = 0.349065850398866;
	
	var sinAngleLength = Math.sin(angleInRadians)*BottomSkinLength;
	
	var cosAngleLength = Math.cos(angleInRadians)*BottomSkinLength;
	
		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)*BottomSkinTipChord);
	var svgTipChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgTipChordCurvePointy1-scale*Math.cos(angleInRadians)*BottomSkinTipChord);
	var svgTipChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgTipChordCurvePointGX = (svgTipChordCurvePointx1+svgTipChordCurvePointx2)/2;
	var svgTipChordCurvePointGY = (svgTipChordCurvePointy1+svgTipChordCurvePointy2)/2;
	var svgTipChordCurvePointFX = (svgTipChordCurvePointx1+svgTipChordCurvePointx2)/2-(BottomSkinDepthofCurvature*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-(BottomSkinDepthofCurvature*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)*BottomSkinRootChord);
	var svgRootChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgRootChordCurvePointy1-scale*Math.cos(angleInRadians)*BottomSkinRootChord);
	var svgRootChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgRootChordCurvePointGX = (svgRootChordCurvePointx1+svgRootChordCurvePointx2)/2;
	var svgRootChordCurvePointGY = (svgRootChordCurvePointy1+svgRootChordCurvePointy2)/2;
	var svgRootChordCurvePointFX = (svgRootChordCurvePointx1+svgRootChordCurvePointx2)/2-(BottomSkinDepthofCurvature*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-(BottomSkinDepthofCurvature*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))*BottomSkinRootChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("x2"));
		svgLengthTop.setAttribute("x2", CoordinateToGet-parseFloat(scale)*Math.sin(parseFloat(angleInRadians))*BottomSkinTipChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y1"));
		svgLengthTop.setAttribute("y1", CoordinateToGet-parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*BottomSkinRootChord);
		CoordinateToGet=parseFloat(svgLength.getAttribute("y2"));
		svgLengthTop.setAttribute("y2", CoordinateToGet-parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*BottomSkinTipChord);
		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)*(BottomSkinRootChord-(BottomSkinRootChord-BottomSkinTipChord)/3)*Math.tan(angleInRadians));
	var svgOneThirdChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgOneThirdChordCurvePointy1-scale*Math.cos(angleInRadians)*(BottomSkinRootChord-(BottomSkinRootChord-BottomSkinTipChord)/3));
	var svgOneThirdChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgOneThirdChordCurvePointGX = (svgOneThirdChordCurvePointx1+svgOneThirdChordCurvePointx2)/2;
	var svgOneThirdChordCurvePointGY = (svgOneThirdChordCurvePointy1+svgOneThirdChordCurvePointy2)/2;
	var svgOneThirdChordCurvePointFX = (svgOneThirdChordCurvePointx1+svgOneThirdChordCurvePointx2)/2-(BottomSkinDepthofCurvature*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-(BottomSkinDepthofCurvature*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)*(BottomSkinRootChord-(BottomSkinRootChord-BottomSkinTipChord)*2/3)*Math.tan(angleInRadians));
	var svgTwoThirdChordCurvePointx2= CoordinateToGet;
	
		CoordinateToGet=parseFloat(svgTwoThirdChordCurvePointy1-scale*Math.cos(angleInRadians)*(BottomSkinRootChord-(BottomSkinRootChord-BottomSkinTipChord)*2/3));
	var svgTwoThirdChordCurvePointy2= CoordinateToGet;
	
	PathVariable="M ";
	var svgTwoThirdChordCurvePointGX = (svgTwoThirdChordCurvePointx1+svgTwoThirdChordCurvePointx2)/2;
	var svgTwoThirdChordCurvePointGY = (svgTwoThirdChordCurvePointy1+svgTwoThirdChordCurvePointy2)/2;
	var svgTwoThirdChordCurvePointFX = (svgTwoThirdChordCurvePointx1+svgTwoThirdChordCurvePointx2)/2-(BottomSkinDepthofCurvature*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-(BottomSkinDepthofCurvature*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);
		
	svgManhole1.setAttribute("r", BottomSkinManholeDiameter*scale/2);
	svgManhole1.setAttribute("cx", parseFloat(svgLength.getAttribute("x1"))+((parseFloat(cosAngleLength)*parseFloat(scale))/(parseFloat(BottomSkinNumberofManholes)+1))-(parseFloat(scale)*Math.sin(parseFloat(angleInRadians))*((parseFloat(BottomSkinRootChord)-(parseFloat(BottomSkinRootChord)-parseFloat(BottomSkinTipChord))/(parseFloat(BottomSkinNumberofManholes)+1))/2))-parseFloat(BottomSkinDepthofCurvature)*parseFloat(scale)*Math.cos(parseFloat(angleInRadians)));
	svgManhole1.setAttribute("cy", parseFloat(svgLength.getAttribute("y1"))-(parseFloat(sinAngleLength)*parseFloat(scale))/(parseFloat(BottomSkinNumberofManholes)+1)-(Math.cos(parseFloat(angleInRadians))*parseFloat(scale)*((parseFloat(BottomSkinRootChord)-(parseFloat(BottomSkinRootChord)-parseFloat(BottomSkinTipChord))/(parseFloat(BottomSkinNumberofManholes)+1))/2))+parseFloat(BottomSkinDepthofCurvature)*parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*Math.sin(parseFloat(angleInRadians)));
	svgManhole1.setAttribute("style", "fill: white");
	svgManhole1.setAttribute("stroke","blue");
	svgManhole1.setAttribute("stroke-width",2);
	document.documentElement.appendChild(svgManhole1);
	
		canvas.appendChild(svgManhole1);
		
	svgManhole2.setAttribute("r", BottomSkinManholeDiameter*scale/2);
	svgManhole2.setAttribute("cx", parseFloat(svgLength.getAttribute("x1"))+((parseFloat(cosAngleLength)*parseFloat(scale))*2/(parseFloat(BottomSkinNumberofManholes)+1))-(parseFloat(scale)*Math.sin(parseFloat(angleInRadians))*((parseFloat(BottomSkinRootChord)-(parseFloat(BottomSkinRootChord)-parseFloat(BottomSkinTipChord))*2/(parseFloat(BottomSkinNumberofManholes)+1))/2))-parseFloat(BottomSkinDepthofCurvature)*parseFloat(scale)*Math.cos(parseFloat(angleInRadians)));
	svgManhole2.setAttribute("cy", parseFloat(svgLength.getAttribute("y1"))-(parseFloat(sinAngleLength)*parseFloat(scale))*2/(parseFloat(BottomSkinNumberofManholes)+1)-(Math.cos(parseFloat(angleInRadians))*parseFloat(scale)*((parseFloat(BottomSkinRootChord)-(parseFloat(BottomSkinRootChord)-parseFloat(BottomSkinTipChord))*2/(parseFloat(BottomSkinNumberofManholes)+1))/2))+parseFloat(BottomSkinDepthofCurvature)*parseFloat(scale)*Math.cos(parseFloat(angleInRadians))*Math.sin(parseFloat(angleInRadians)));
	svgManhole2.setAttribute("style", "fill: white");
	svgManhole2.setAttribute("stroke","blue");
	svgManhole2.setAttribute("stroke-width",2);
	document.documentElement.appendChild(svgManhole2);
	
		canvas.appendChild(svgManhole2);
		canvas.appendChild(scaleline);
		}
	
	function SpinButtonBottomSkinDepthofCurvature_SpinUp()
	{
		var BottomSkinDepthofCurvatureelementUp = document.getElementById("oPersistTextSaveBottomSkinDepthofCurvature");
		BottomSkinDepthofCurvature = BottomSkinDepthofCurvatureelementUp.getAttribute("value");
		BottomSkinDepthofCurvature=BottomSkinDepthofCurvature-0+0.01;
		BottomSkinDepthofCurvatureelementUp.setAttribute("value",BottomSkinDepthofCurvature);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinDepthofCurvature_SpinDown()
	{
		var BottomSkinDepthofCurvatureelementDown = document.getElementById("oPersistTextSaveBottomSkinDepthofCurvature");
		BottomSkinDepthofCurvature = BottomSkinDepthofCurvatureelementDown.getAttribute("value");
		BottomSkinDepthofCurvature=BottomSkinDepthofCurvature-0.01;
		BottomSkinDepthofCurvatureelementDown.setAttribute("value",BottomSkinDepthofCurvature);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinLength_SpinUp()
	{
		var BottomSkinLengthelementUp = document.getElementById("oPersistTextSaveBottomSkinLength");
		BottomSkinLength = BottomSkinLengthelementUp.getAttribute("value");
		BottomSkinLength=BottomSkinLength-0+0.01;
		BottomSkinLengthelementUp.setAttribute("value",BottomSkinLength);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinLength_SpinDown()
	{
		var BottomSkinLengthelementDown = document.getElementById("oPersistTextSaveBottomSkinLength");
		BottomSkinLength = BottomSkinLengthelementDown.getAttribute("value");
		BottomSkinLength=BottomSkinLength-0.01;
		BottomSkinLengthelementDown.setAttribute("value",BottomSkinLength);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinPartComplexity_SpinUp()
	{
		var BottomSkinPartComplexityelementUp = document.getElementById("oPersistTextSaveBottomSkinPartComplexity");
		BottomSkinPartComplexity = BottomSkinPartComplexityelementUp.getAttribute("value");
		BottomSkinPartComplexity=BottomSkinPartComplexity-0+0.01;
		BottomSkinPartComplexityelementUp.setAttribute("value",BottomSkinPartComplexity);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinPartComplexity_SpinDown()
	{
		var BottomSkinPartComplexityelementDown = document.getElementById("oPersistTextSaveBottomSkinPartComplexity");
		BottomSkinPartComplexity = BottomSkinPartComplexityelementDown.getAttribute("value");
		BottomSkinPartComplexity=BottomSkinPartComplexity-0.01;
		BottomSkinPartComplexityelementDown.setAttribute("value",BottomSkinPartComplexity);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRawVolumeConstant_SpinUp()
	{
		var BottomSkinRawVolumeConstantelementUp = document.getElementById("oPersistTextSaveBottomSkinRawVolumeConstant");
		BottomSkinRawVolumeConstant = BottomSkinRawVolumeConstantelementUp.getAttribute("value");
		BottomSkinRawVolumeConstant=BottomSkinRawVolumeConstant-0+0.01;
		BottomSkinRawVolumeConstantelementUp.setAttribute("value",BottomSkinRawVolumeConstant);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRawVolumeConstant_SpinDown()
	{
		var BottomSkinRawVolumeConstantelementDown = document.getElementById("oPersistTextSaveBottomSkinRawVolumeConstant");
		BottomSkinRawVolumeConstant = BottomSkinRawVolumeConstantelementDown.getAttribute("value");
		BottomSkinRawVolumeConstant=BottomSkinRawVolumeConstant-0.01;
		BottomSkinRawVolumeConstantelementDown.setAttribute("value",BottomSkinRawVolumeConstant);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRootChord_SpinUp()
	{
		var BottomSkinRootChordelementUp = document.getElementById("oPersistTextSaveBottomSkinRootChord");
		BottomSkinRootChord = BottomSkinRootChordelementUp.getAttribute("value");
		BottomSkinRootChord=BottomSkinRootChord-0+0.01;
		BottomSkinRootChordelementUp.setAttribute("value",BottomSkinRootChord);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRootChord_SpinDown()
	{
		var BottomSkinRootChordelementDown = document.getElementById("oPersistTextSaveBottomSkinRootChord");
		BottomSkinRootChord = BottomSkinRootChordelementDown.getAttribute("value");
		BottomSkinRootChord=BottomSkinRootChord-0.01;
		BottomSkinRootChordelementDown.setAttribute("value",BottomSkinRootChord);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinTipChord_SpinUp()
	{
		var BottomSkinTipChordelementUp = document.getElementById("oPersistTextSaveBottomSkinTipChord");
		BottomSkinTipChord = BottomSkinTipChordelementUp.getAttribute("value");
		BottomSkinTipChord=BottomSkinTipChord-0+0.01;
		BottomSkinTipChordelementUp.setAttribute("value",BottomSkinTipChord);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinTipChord_SpinDown()
	{
		var BottomSkinTipChordelementDown = document.getElementById("oPersistTextSaveBottomSkinTipChord");
		BottomSkinTipChord = BottomSkinTipChordelementDown.getAttribute("value");
		BottomSkinTipChord=BottomSkinTipChord-0.01;
		BottomSkinTipChordelementDown.setAttribute("value",BottomSkinTipChord);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRootThickness_SpinUp()
	{
		var BottomSkinRootThicknesselementUp = document.getElementById("oPersistTextSaveBottomSkinRootThickness");
		BottomSkinRootThickness = BottomSkinRootThicknesselementUp.getAttribute("value");
		BottomSkinRootThickness=BottomSkinRootThickness-0+0.01;
		BottomSkinRootThicknesselementUp.setAttribute("value",BottomSkinRootThickness);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinRootThickness_SpinDown()
	{
		var BottomSkinRootThicknesselementDown = document.getElementById("oPersistTextSaveBottomSkinRootThickness");
		BottomSkinRootThickness = BottomSkinRootThicknesselementDown.getAttribute("value");
		BottomSkinRootThickness=BottomSkinRootThickness-0.01;
		BottomSkinRootThicknesselementDown.setAttribute("value",BottomSkinRootThickness);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinTipThickness_SpinUp()
	{
		var BottomSkinTipThicknesselementUp = document.getElementById("oPersistTextSaveBottomSkinTipThickness");
		BottomSkinTipThickness = BottomSkinTipThicknesselementUp.getAttribute("value");
		BottomSkinTipThickness=BottomSkinTipThickness-0+0.01;
		BottomSkinTipThicknesselementUp.setAttribute("value",BottomSkinTipThickness);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinTipThickness_SpinDown()
	{
		var BottomSkinTipThicknesselementDown = document.getElementById("oPersistTextSaveBottomSkinTipThickness");
		BottomSkinTipThickness = BottomSkinTipThicknesselementDown.getAttribute("value");
		BottomSkinTipThickness=BottomSkinTipThickness-0.01;
		BottomSkinTipThicknesselementDown.setAttribute("value",BottomSkinTipThickness);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinManholeDiameter_SpinUp()
	{
		var BottomSkinManholeDiameterelementUp = document.getElementById("oPersistTextSaveBottomSkinManholeDiameter");
		BottomSkinManholeDiameter = BottomSkinManholeDiameterelementUp.getAttribute("value");
		BottomSkinManholeDiameter=BottomSkinManholeDiameter-0+0.01;
		BottomSkinManholeDiameterelementUp.setAttribute("value",BottomSkinManholeDiameter);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinManholeDiameter_SpinDown()
	{
		var BottomSkinManholeDiameterelementDown = document.getElementById("oPersistTextSaveBottomSkinManholeDiameter");
		BottomSkinManholeDiameter = BottomSkinManholeDiameterelementDown.getAttribute("value");
		BottomSkinManholeDiameter=BottomSkinManholeDiameter-0.01;
		BottomSkinManholeDiameterelementDown.setAttribute("value",BottomSkinManholeDiameter);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinNumberofManholes_SpinUp()
	{
		var BottomSkinNumberofManholeselementUp = document.getElementById("oPersistTextSaveBottomSkinNumberofManholes");
		BottomSkinNumberofManholes = BottomSkinNumberofManholeselementUp.getAttribute("value");
		BottomSkinNumberofManholes=BottomSkinNumberofManholes-0+0.01;
		BottomSkinNumberofManholeselementUp.setAttribute("value",BottomSkinNumberofManholes);
		UpdateBottomSkin();
	}
	function SpinButtonBottomSkinNumberofManholes_SpinDown()
	{
		var BottomSkinNumberofManholeselementDown = document.getElementById("oPersistTextSaveBottomSkinNumberofManholes");
		BottomSkinNumberofManholes = BottomSkinNumberofManholeselementDown.getAttribute("value");
		BottomSkinNumberofManholes=BottomSkinNumberofManholes-0.01;
		BottomSkinNumberofManholeselementDown.setAttribute("value",BottomSkinNumberofManholes);
		UpdateBottomSkin();
	}
	]]>
	</script>
</svg>

<form name="oPersistSave" id="oPersistSave">
<table border = "1" bgcolor="YELLOW" class="BottomSkinTable">
	<tr>
		<td align ="right" valign ="top">
		Scale = 1m
		<table border = "1" bgcolor="YELLOW" class="InputValues">
			<tr>
				<td><label id = "InputBottomSkinDepthofCurvature">Bottom Skin Depth of Curvature (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinDepthofCurvature" class="sFavorite"  value = "0.3" onsave="fnSaveThisSaveBottomSkinDepthofCurvature()" size="10"  onload="fnLoadThisSaveBottomSkinDepthofCurvature()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinDepthofCurvatureUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinDepthofCurvature_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinDepthofCurvatureDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinDepthofCurvature_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinLength">Bottom Skin Length (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinLength" class="sFavorite"  value = "9.167" onsave="fnSaveThisSaveBottomSkinLength()" size="10"  onload="fnLoadThisSaveBottomSkinLength()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinLengthUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinLength_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinLengthDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinLength_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinPartComplexity">Bottom Skin Part Complexity</label></td>
				<td><input id="oPersistTextSaveBottomSkinPartComplexity" class="sFavorite"  value = "Extremely Simple" onsave="fnSaveThisSaveBottomSkinPartComplexity()" size="10"  onload="fnLoadThisSaveBottomSkinPartComplexity()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinPartComplexityUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinPartComplexity_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinPartComplexityDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinPartComplexity_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinRawVolumeConstant">Bottom Skin Raw Volume Constant (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinRawVolumeConstant" class="sFavorite"  value = "0.005" onsave="fnSaveThisSaveBottomSkinRawVolumeConstant()" size="10"  onload="fnLoadThisSaveBottomSkinRawVolumeConstant()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinRawVolumeConstantUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinRawVolumeConstant_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinRawVolumeConstantDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinRawVolumeConstant_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinRootChord">Bottom Skin Root Chord (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinRootChord" class="sFavorite"  value = "2.6" onsave="fnSaveThisSaveBottomSkinRootChord()" size="10"  onload="fnLoadThisSaveBottomSkinRootChord()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinRootChordUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinRootChord_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinRootChordDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinRootChord_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinTipChord">Bottom Skin Tip Chord (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinTipChord" class="sFavorite"  value = "1.07" onsave="fnSaveThisSaveBottomSkinTipChord()" size="10"  onload="fnLoadThisSaveBottomSkinTipChord()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinTipChordUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinTipChord_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinTipChordDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinTipChord_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinRootThickness">Bottom Skin Root Thickness (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinRootThickness" class="sFavorite"  value = "0.0035" onsave="fnSaveThisSaveBottomSkinRootThickness()" size="10"  onload="fnLoadThisSaveBottomSkinRootThickness()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinRootThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinRootThickness_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinRootThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinRootThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinTipThickness">Bottom Skin Tip Thickness (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinTipThickness" class="sFavorite"  value = "0.001" onsave="fnSaveThisSaveBottomSkinTipThickness()" size="10"  onload="fnLoadThisSaveBottomSkinTipThickness()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinTipThicknessUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinTipThickness_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinTipThicknessDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinTipThickness_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinManholeDiameter">Bottom Skin Manhole Diameter (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinManholeDiameter" class="sFavorite"  value = "0.2" onsave="fnSaveThisSaveBottomSkinManholeDiameter()" size="10"  onload="fnLoadThisSaveBottomSkinManholeDiameter()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinManholeDiameterUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinManholeDiameter_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinManholeDiameterDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinManholeDiameter_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		
			<tr>
				<td><label id = "InputBottomSkinNumberofManholes">Bottom Skin Number of Manholes</label></td>
				<td><input id="oPersistTextSaveBottomSkinNumberofManholes" class="sFavorite"  value = "2" onsave="fnSaveThisSaveBottomSkinNumberofManholes()" size="10"  onload="fnLoadThisSaveBottomSkinNumberofManholes()" /></td>
				<td><table><tr><td><input id="buttonBottomSkinNumberofManholesUp" type="image" src="../Images/Up.gif" onclick="SpinButtonBottomSkinNumberofManholes_SpinUp();" /></td></tr><tr><td><input id="buttonBottomSkinNumberofManholesDown" type="image" src="../Images/Down.gif" onclick="SpinButtonBottomSkinNumberofManholes_SpinDown();" /></td></tr></table>
				</td>
			</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td><label id = "InputBottomSkinArea">Bottom Skin Area (m^2)</label></td>
				<td><input id="oPersistTextSaveBottomSkinArea" class="sFavorite"  value = "16.821445" onsave="fnSaveThisSaveBottomSkinArea()" size="10"  onload="fnLoadThisSaveBottomSkinArea()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinFinishedVolume">Bottom Skin Finished Volume</label></td>
				<td><input id="oPersistTextSaveBottomSkinFinishedVolume" class="sFavorite"  value = "empty" onsave="fnSaveThisSaveBottomSkinFinishedVolume()" size="10"  onload="fnLoadThisSaveBottomSkinFinishedVolume()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinPartHeight">Bottom Skin Part Height (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinPartHeight" class="sFavorite"  value = "0.3" onsave="fnSaveThisSaveBottomSkinPartHeight()" size="10"  onload="fnLoadThisSaveBottomSkinPartHeight()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinPartThickness">Bottom Skin Part Thickness (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinPartThickness" class="sFavorite"  value = "0.00121275" onsave="fnSaveThisSaveBottomSkinPartThickness()" size="10"  onload="fnLoadThisSaveBottomSkinPartThickness()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinPartWidth">Bottom Skin Part Width (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinPartWidth" class="sFavorite"  value = "1.835" onsave="fnSaveThisSaveBottomSkinPartWidth()" size="10"  onload="fnLoadThisSaveBottomSkinPartWidth()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinPeriphery">Bottom Skin Periphery (m)</label></td>
				<td><input id="oPersistTextSaveBottomSkinPeriphery" class="sFavorite"  value = "22.0677296425401" onsave="fnSaveThisSaveBottomSkinPeriphery()" size="10"  onload="fnLoadThisSaveBottomSkinPeriphery()" /></td>
				
				</tr>
		
			<tr>
				<td><label id = "InputBottomSkinRawVolume">Bottom Skin Raw Volume (m^3)</label></td>
				<td><input id="oPersistTextSaveBottomSkinRawVolume" class="sFavorite"  value = "0.02053402061937" onsave="fnSaveThisSaveBottomSkinRawVolume()" size="10"  onload="fnLoadThisSaveBottomSkinRawVolume()" /></td>
				
				</tr>
		</table>
		</td>
		<td>
		<table border = "1" bgcolor="YELLOW" class="DerivedValues">
			<tr>
				<td>Bottom Skin Area=Bottom Skin Length*(Bottom Skin Root Chord+Bottom Skin Tip Chord)/2</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Finished Volume="empty"</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Part Height=Bottom Skin Depth of Curvature</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Part Thickness=0.539*(Bottom Skin Root Thickness+Bottom Skin Tip Thickness)/2</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Part Width=(Bottom Skin Root Chord+Bottom Skin Tip Chord)/2</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Periphery=Bottom Skin Root Chord+Bottom Skin Tip Chord+(2*sqrt(((Bottom Skin Root Chord-Bottom Skin Tip Chord)*(Bottom Skin Root Chord-Bottom Skin Tip Chord)/4)+(Bottom Skin Length*Bottom Skin Length)))</td>
				
				</tr>
		
			<tr>
				<td>Bottom Skin Raw Volume=(Bottom Skin Length*Bottom Skin Part Thickness*((Bottom Skin Root Chord+Bottom Skin Tip Chord)/2)+(Bottom Skin Part Thickness*Bottom Skin Periphery*Bottom Skin Raw Volume Constant))</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>


