<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, 200);
with(grapher1) {
				// tracing info
				tracing=true;
				traceStep=1;
				decPlacesX=0; // for displaying coords
				decPlacesY=2;
				// end of tracing info
				
    curvesColors = ["green", "magenta","#8469A7","#E85275","green","magenta","magenta"];
	clipMargins=[4,5,4,4]; // to allow for arrow-heads and xs on the edge
	xAxisLabel="x";
	yAxisLabel="y";
	xAxisLabelStyle="font-style:italic;font-size:14px";
	yAxisLabelStyle="font-style:italic;font-size:14px"
	curveWt = 0.5;
	clickAccX=.5;
	clickAccY=500;

	isPopup=false;
	popupURL="graphWindow.html"
	pointsPerCurve = 1000;
	showCoords = 1;
	showScalex=true;
	showScaley=true;
    nudgeRightyValues=.00;
	coordsColor ="black";
	gridColor = "#FFAACC";
	pointsColor = "indianred";
	backgroundColor = "white";
	surroundColor = "transparent";
	borderColor="teal";
	yGrid = "on";
	xGrid = "on";
	yAxis = "on";
	xLabelsBelow = false;
	yLabelsLeft = false;
	//startTicksy = 0;
	xLabelFontSize=12;
	yLabelFontSize=12;
	edgeBuffer = 2;
	leftMargin=20;
	rightMargin=10;
	topMargin=10;
	bottomMargin=20;
	ifrMargin=20;
	window = [-3,5,-3,5];
	yGridStep = 1;
    //showEveryy=2;
    //switchShownLablesY=true
	xGridStep = 1;
	xValuesRange=[-2,4];
	yValuesRange=[-2,4];
	//xAxisPosn=window[2];
	//yAxisPosn=window[0];
	draggableBars = 0;
	plottedPointsX=[ ,1.5];
	plottedPointsY=[,1];
    //alert(plottedPointsY)
	plottedCurves=[["4-2x",-3,3.5,"arrow","arrow"],["2x/3",-3,5,"arrow","arrow"]]
	//alert(plottedCurves[0])
	//tracing = 1;
	traceColor = "firebrick";
	
	}
xHeight = 4;
dotRadius=4;
var deltaYShift=(SAFJS)? 2:0;




function initialActions() {
setUpGraph(grapher1);
var graphDoc = getDoc (grapher1);
var graphElt= graphDoc.getElementById("myGraph");

graphElt.setAttributeNS(null,"viewBox"," 0 0 " + grapher1.totWdth + " " + grapher1.totHt);

//putTextInGraph("grapher1Div", "<i>t</i>", 294,172,"black");
//putTextInGraph("grapher1Div", "<i>p</i>", 27,-2,"black");
plotAllCurves(grapher1);
plotPoints(grapher1, "open", true, '',8,0);
//plotPoints(theGraph, type, showLabels, labelType, dX,dY)
//showSVG(grapher1)
}





// NOTE
// onmousedown="if (event.preventDefault) event.preventDefault()"
// the above prevents the SVG image from being dragged around in Firefox and some other browsers
//]]>
</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" onmousemove="showCoords(event,this,grapher1,false);" onmousedown=" dealWithMouseDownTrace(event,this,grapher1)" -->
	<div id="grapher1Div" style="margin-top:0px;margin-bottom:0px">
	<!-- for tracing uncomment the first and comment the second -->
   <svg xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink" 
     width="300" height="200" 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="150" 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="200" x="0" y="0" fill="lightblue"  style="cursor:crosshair"/>
    <rect id="grid" width="250" height="150" x="25" y="25" fill="white"  style="cursor:crosshair"/>
   </g>
   <g id="gridGroup">
   </g>
   <g id="curves">
   </g>
   <g id="dots">
   </g>
   <g id="squares">
   </g>
   <g id="xs">
   </g>
   <g id="tracepoint">
   </g>
   <g id="lines">
   </g>
   </svg>
   </div>


</body>
</html>
