<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
    var theLanguage = parent.theLanguage;
    var pathPrefix = "../../../../"; // path to base directory
    function addText(x,y){return(theLanguage=="en")?x:y}
</script>
<script type="text/javascript" src = "../../globalScripts.js">
</script>
<script type="text/javascript" src = "../../utilsV3.js">
</script>
<script type="text/javascript" src = "../../SVGGrapher/SVGGraphV1_2Beta.js"></script>
<script type="text/javascript">
//<![CDATA[
graphDocNameGiven = true;
var theDocObj=document;
var grapher1 = new grapher("grapher1",300, 300);
with(grapher1) {
        curvesColors = ["teal","teal","teal","teal","teal","teal","teal"];
	curveWt = 0.5;
	//adaptive = true;
	isPopup=false;
	popupURL="graphWindow.html"
	pointsPerCurve = 1000;
	showCoords = 1;
	showScalex=false;
	showScaley=false;
        nudgeRightyValues=.00;
        yValuesShown = [0,1,2];
	coordsColor ="black";
	gridColor = "silver";
	pointsColor = "indianred";
	backgroundColor = "white";
	surroundColor = "transparent";
	borderColor="teal";
	yGrid = "on";
	xGrid = "on";
	yAxis = "on";
	yGridStep = 1;
	xGridStep = 1;
	xLabelsBelow = false;
	yLabelsLeft = false;
	edgeBuffer = 2;
	leftMargin=10;
	rightMargin=10;
	topMargin=10;
	bottomMargin=10;
	ifrMargin=20;
	window = [-3,3,-3,3];
	draggableBars = 0;
	plottedCurves = parent.gCurves;
	tracing = 1;
	traceColor = "firebrick";
	xLabelFontSize=10;
	yLabelFontSize=10;
	}
xHeight = 4;
dotRadius=4;
squareRadius=4;
var deltaYShift=(SAFJS)? 2:0;
var T=[]; // timeouts

//alert(grapher1.totHt)



function initialActions() {
setUpGraph(grapher1);
var graphDoc = getDoc (grapher1);
var graphElt= graphDoc.getElementById("myGraph");
graphElt.setAttributeNS(null,"viewBox"," 0 0 " + grapher1.totWdth + " " + grapher1.totHt);
plotAllCurves(grapher1);
//plotPoints(grapher1,'x',false,'');

if (parent.GdotPos[1]<100) putDot(grapher1, parent.GdotPos[0], parent.GdotPos[1], "teal",false);





//putText(grapher1,'x','font-style:italic;font-size:10px','5',11.1,-.2,2, deltaYShift,false,true,'white',true); //putText(grapher1,'y','font-style:italic;font-size:10px','5',0,3.15,-2,0,false,true,'white',true);
//alert(screenCoords(grapher1,0,3))
//alert("grapher1.jsGridWdth = " + grapher1.jsGridWdth)
}


//]]>
</script>
</head>
<body onload="initialActions()">
<div id = "scratch" style="font-size:5px"></div><span id = "ruler"></span>
<div id="grapher1Div" style="margin-top:0px;margin-bottom:0px">
<svg xmlns="http://www.w3.org/2000/svg"
  xmlns:xlink="http://www.w3.org/1999/xlink" 
  width="300" height="300" id="myGraph">
<defs id="graphdefs">
<marker id="arrowHead" viewBox="0 0 10 10" refX="10" refY="5" 
    markerUnits="strokeWidth" orient="auto"
    markerWidth="40" markerHeight="20">
    <polyline id="myArr" points="0,0 10,5 0,10 3,6 0,5 3,4" />
</marker>
<clipPath id="rectClip">

    <rect id="cliprect" width="250" height="250" x="25" y="25" fill="white" />
    <!-- The above is adjusted by the js in SVGGraph --> 
</clipPath>
</defs>

<g id="firstGroup">
	<rect id="gSurround" width="300" height="300" x="0" y="0" fill="lightblue" />
	<rect id="grid" width="250" height="250" x="25" y="25" fill="white" />
</g>
<g id="gridGroup">
</g>
<g id="curves">
</g>
<g id="dots">
</g>
<g id="squares">
</g>
<g id="xs">
</g>
<g id="lines">
</g>
</svg>
</div>


<!-- now the buttons -->
<div style="height: 40px; width:300px;margin-top:-20px;margin-left:auto;margin-right:auto">
   
</div>




</body>
</html>
