<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[
jSDragPtsDisableErase = true; // prevent erasing points dragged off the edge
graphDocNameGiven = true;
var theDocObj=document;
var grapher1 = new grapher("grapher1",300, 300);
with(grapher1) {
    curvesColors = ["#E85275","#8469A7","green","green","green","magenta","magenta"];
	clipMargins=[4,4,0,0]; // to allow for arrow-heads and xs on the edge
	curveWt = 0.5;
	clickAccX=.25;
	clickAccY=.25;
	decPlacesX = 2;
	decPlacesY = 2;
	isPopup=false;
	popupURL="graphWindow.html"
	pointsPerCurve = 1000;
	showCoords = false;
	showScalex=true;
	showScaley=true;
    nudgeRightyValues=.00;
	coordsColor ="black";
	xAxisLabel="x";
	yAxisLabel="y";
	xAxisLabelStyle="font-style:italic;font-size:14px";
	yAxisLabelStyle=xAxisLabelStyle;
	gridColor = "silver";
	pointsColor = "blue";
	backgroundColor = "white";
	surroundColor = "transparent";
	borderColor="teal";
	yGrid = "on";
	xGrid = "on";
	yAxis = "on";
	xGridStep = parent.xSclQuadGraphPE;
	yGridStep = parent.ySclQuadGraphPE;
//alert([parent.xMinQuadGraphPE,parent.ySclQuadGraphPE])
	xLabelsBelow = false;
	yLabelsLeft = false;
	//startTicksy = 0;
	xLabelFontSize=12;
	yLabelFontSize=12;
	edgeBuffer = 2;
	leftMargin=20;
	rightMargin=10;
	topMargin=10;
	bottomMargin=10;
	ifrMargin=20;
	window = [parent.xMinQuadGraphPE, parent.xMaxQuadGraphPE,
			  parent.yMinQuadGraphPE, parent.yMaxQuadGraphPE];
	//xAxisPosn=window[2];
	draggableBars = 0;
	plottedPointsX=[0];
	plottedPointsY=[0];
	plottedCurves=[[parent.jSEqnQuadGraphPE, 
					parent.xMinQuadGraphPE, parent.xMaxQuadGraphPE,
					"", ""]];
	//alert(plottedCurves[0]);
	tracing = 1;
	traceColor = "firebrick";

	}
xHeight = 4;
dotRadius=4;
var deltaYShift=(SAFJS)? 2:0;


// The following routines should probably be integrated into SVGGraph

function putMovDotAt(G,x,y) {
	// just add a movable point somewhere - dot shaped
	var theIndex=putDot( G, x, y, G.pointsColor, false );
	G.movablePoints.push([x,y,"dot",theIndex]);
	// now set the cursor style for the point
	var theDot=document.getElementsByTagName("circle")[theIndex-1];
	theDot.style.cursor="move";
	theIndex--
}


function moveDotTo( theGraph, x1, y1, theDotIndex )
{
// 	if (jsLinesAdded>0) {
// 		if(theXIndex>=theGraph.movableLines[jsLinesAdded-1][1]) theXIndex-=jsLinesAdded;
// 		//still have not fiured out why this is necessary....
// 	}
    var K=screenCoords(theGraph,x1,y1);
    
    var I = theDotIndex - 1;
    var theDot = document.getElementsByTagName("circle")[I];
    theDot.setAttributeNS( null, "cx", K[0] );
    theDot.setAttributeNS( null, "cy", K[1] );
    
    
    
//     var theX, I=theXIndex-1;
//     for (var r=-1;r<2;r+=2) {
//         theX=document.getElementsByTagName("line")[I];
//         theX.setAttributeNS(null,"x1",K[0]-xHeight);
//         theX.setAttributeNS(null,"x2",K[0]+xHeight);
//         theX.setAttributeNS(null,"y1",K[1]+r*xHeight);
//         theX.setAttributeNS(null,"y2",K[1]-r*xHeight);
//         I--
//     }
// 	if (jsLinesAdded>0) {
// 		// determine which line to move
// 		var numMovPts=theGraph.movablePoints.length;
// 		if (numMovPts>2) {
// 			for (var q=0;q<numMovPts;q++) {
// 				if (theGraph.movablePoints[q][3]==theXIndex) {
// 					
// 					var qq=Math.round(q/2-.1);
// 					//alert("Got it ; qq = " + qq );
// 					moveLine(theGraph,theGraph.movableLines[qq][0],theXIndex,x1,y1);
// 					q=numMovPts;
// 				}
// 			//alert("q = " + q + "; " + theGraph.movablePoints[q][3] + " and theXIndex is " + theXIndex)
// 			}
// 		}
// 
// 		else moveLine(theGraph,theGraph.movableLines[jsLinesAdded-1][0],theXIndex,x1,y1);
// 	}
// 				
}


function updateQuad( G )
{
	var xv = G.movablePoints[0][0];		// vertex is first movable point
	var yv = G.movablePoints[0][1];
	var x1 = G.movablePoints[1][0];		// second movable point is another point on parabola
	var y1 = G.movablePoints[1][1];

	if ( Math.abs(xv - x1) < G.clickAccX/2.0 )
	{
		G.plottedCurves = [];
		var graphDoc = getDoc(G);
		removeChilddren(graphDoc,"curves");		// this should be done in plotAllCurves

		// put code in here to draw a vertical line segment ?
	}
	else
	{
		var a = (y1 - yv) / ( (x1 - xv)*(x1 - xv) );
		G.plottedCurves = [[ a.toString() + "*(x - " + xv.toString() + ")^2 + (" + yv.toString() + ")",
							 parent.xMinQuadGraphPE, parent.xMaxQuadGraphPE,
							 "", "" ]];
//		alert( G.plottedCurves[0][0] );
	}
	plotAllCurves(G);
}


function dealWithMouseMoveMovablePointsQuad(e,obj,G){
	if(!G.canInteract) return false;
	var graphDoc = getDoc(G);
	if(jSDraggingPoint) {
		var ptType = G.movablePoints[jSDraggedPtNumber][2];
		//alert("dragging a point")

		if ( G.isOutOfBounds )
		{
		//alert(G.xLast)
			if ( ptType == "x" )
			{
				moveXTo( G, G.xLast, G.yLast, jSDraggedPtIndex );
			}
			else if (ptType == "dot" )
			{
				moveDotTo( G, G.xLast, G.yLast, jSDraggedPtIndex );
			}
			else
			{
				alert( "This shouldn't happen." );
			}
			G.movablePoints[jSDraggedPtNumber][0]=G.xLast;
			G.movablePoints[jSDraggedPtNumber][1]=G.yLast;
			document.getElementById("traceCoords" + G.id).innerHTML =  '('+ G.xLast +', '+ G.yLast +')';
			jSDraggingPoint=false; // must be there or else the point goes way out of bounds
			//stopEvent(e);
			updateQuad(G);
			return false;
		}
		else if(G.outOfBounds>7){
			if (jSDragPtsDisableErase) {
				jSDraggingPoint=false;
				stopEvent(e);
				return false;
				}
			//5% of out of bounds
			jSDraggingPoint=false;
// 			makeXInvisible(G,jSDraggedPtIndex); // index determined in mousedown
// 			// now remove it from the list
// 			var L=G.movablePoints.length;
// 			for (var i=jSDraggedPtNumber;i<L-1;i++) G.movablePoints[i]=G.movablePoints[i+1].slice();
// 			G.movablePoints.pop();
			stopEvent(e);
			updateQuad(G);
			return false;
		}
		
		else
		{
			// dragging a point
			var x1=G.xActual, y1=G.yActual;
			var xT=roundToNearest(parseFloat(x1),G.clickAccX);
			var yT=roundToNearest(parseFloat(y1),G.clickAccY);
			if ( ptType == "x" )
			{
				moveXTo(G,xT,yT,jSDraggedPtIndex);
			}
			else if ( ptType == "dot" )
			{
				moveDotTo( G, xT, yT, jSDraggedPtIndex );
			}
			//moveXTo(G,G.xActual,G.yActual,jSDraggedPtIndex);
			G.movablePoints[jSDraggedPtNumber][0] = xT;
			G.movablePoints[jSDraggedPtNumber][1] = yT;
			updateQuad(G);
		}
			
		return false;
		
	}
// 	else {
// 
// 		
// 		var theL=document.getElementsByTagName("line"), L=theL.length;
// 		// check to see if we are near a point but not too far out of bounds
// 		var nearP=false;
// 		if (G.outOfBounds<1) {
// 			xS=G.xScreen;yS=G.yScreen;
// 			var numPts=G.movablePoints.length;
// 			for (var n = 0; n<= numPts-1; n++) {
// 				var xP=G.movablePoints[n][0], yP=G.movablePoints[n][1];
// 				var s = screenCoords(G, xP, yP);
// 				if (Math.max(Math.abs(xS-s[0]),Math.abs(yS-s[1]))<10) {
// 					nearP=true;
// 					break;
// 				}
// 			}
// 		} // not pout of bounds
// 		if(nearP) {
// 			graphDoc.getElementById("grid").style.cursor="move";
// 			graphDoc.getElementById("gSurround").style.cursor="move";
// 			
// 			for (var i=0;i<L;i++) theL[i].style.cursor="move";
// 		}
// 		else {
// 			graphDoc.getElementById("grid").style.cursor="crosshair";
// 			graphDoc.getElementById("gSurround").style.cursor="crosshair";
// 			for (var i=0;i<L;i++) theL[i].style.cursor="crosshair";
// 			//***HERE 
// 			
// 			
// 			}
// 		
// 		return false;
// 		
// 	}
}


function dealWithMouseUpMovablePointsQuad(e,obj,G){
	if(!G.canInteract) return false;
	// G is the graph object
	if(jSDraggingPoint) {
		jSDraggingPoint=false;
		var S=getMousePosn(e,obj);
		var x1=G.xActual, y1=G.yActual;
		var xT=roundToNearest(parseFloat(x1),G.clickAccX);
		var yT=roundToNearest(parseFloat(y1),G.clickAccY);
		var ptType = G.movablePoints[jSDraggedPtNumber][2];
		if ( ptType == "x" )
		{
			moveXTo(G,xT,yT,jSDraggedPtIndex);
		}
		else if ( ptType == "dot" )
		{
			moveDotTo( G, xT, yT, jSDraggedPtIndex );
		}
		G.movablePoints[jSDraggedPtNumber][0]=xT;
		G.movablePoints[jSDraggedPtNumber][1]=yT;
		stopEvent(e);
		updateQuad(G);
		return false;

	} // if draggingPoint
// 	else if (jsLinesAdded>0) {
// 		//alert("Line was added")
// 		if (G.movablePoints.length>=2) return false; // already have a line there no more points please
// 		else if(G.outOfBounds<=7) putXClick(G);
// 	}
// 	else if(G.outOfBounds<=7) putXClick(G);
	return false
}



// end SVGGraph-like routines


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

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

putMovDotAt( grapher1, parent.initialVertexX, parent.initialVertexY );
putMovPointAt( grapher1, parent.initialPointX, parent.initialPointY );

//grapher1.movablePoints.length=0;
//putTextInGraph("grapher1Div", "<i>t</i>", 294,172,"black");
//putTextInGraph("grapher1Div", "<i>p</i>", 27,-2,"black");
plotAllCurves(grapher1);
//showSVG(grapher1)
}




function checkAns()
{
	eraseCoords(grapher1);
	document.getElementById("feedbacksymb").innerHTML="&#160;";		// nbsp
	var isWrong = false;
	var xv = grapher1.movablePoints[0][0];	// vertex
	var yv = grapher1.movablePoints[0][1];
	var x1 = grapher1.movablePoints[1][0];	// second point
	var y1 = grapher1.movablePoints[1][1];
	
	if ( Math.abs(xv - x1) < grapher.clickAccX/2.0 )
	{
		isWrong = true;
		
	}
	else
	{
		isWrong = ( (Math.abs(xv - parent.vtx_S91PE2[0]) > grapher1.clickAccX ) ||
					(Math.abs(yv - parent.vtx_S91PE2[1]) > grapher1.clickAccX ) ||
					(Math.abs(y1 - parent.evalPoly( parent.coeffs_S91PE2, x1 )) > grapher1.clickAccX ) );
	}
	if ( isWrong )
	{
		var Q4GraphResponse="";
		document.getElementById("feedbacksymb").innerHTML="<span style='color:red;font-size:16px'>&#10007;</span>";			// red x
		if(Math.abs(xv - parent.vtx_S91PE2[0]) > grapher1.clickAccX ) Q4GraphResponse=parent.addText("The <i>x</i>-coordinate of the vertex is wrong.","La coordenada <i>x</i> del v&#233;rtice es equivocada.");
		else if(Math.abs(yv - parent.vtx_S91PE2[1]) > grapher1.clickAccX ) Q4GraphResponse=parent.addText("The <i>y</i>-coordinate of the vertex is wrong.","La coordenada <i>y</i> del v&#233;rtice es equivocada.");
		else if(Math.abs(y1 - parent.evalPoly( parent.coeffs_S91PE2, x1 )) > grapher1.clickAccX ) Q4GraphResponse=parent.addText("The vertex is correct but the other point is wrong.","El v&#233;rtice es correcto pero el otro punto es equivocada.");
		parent.dealWithFailure(4, parent.pickOne(0,1,2,3), Q4GraphResponse);
		
	}
	else
	{
		document.getElementById("feedbacksymb").innerHTML="<span style='color:green;font-size:16px'>&#10004;</span>";		// green checkmark
		clearAll(grapher1, "xs");
		clearAll(grapher1, "dots");
		grapher1.canInteract = false;
		parent.dealWithSuccess(12, 4, 2, parent.goodWord)
	}
	return(true);
}

function peek()
{
	eraseCoords( grapher1 );
	grapher1.movablePoints = [];
	clearAll( grapher1, "xs" );
	clearAll( grapher1, "dots" );
	clearAll( grapher1, "curves" );
    document.getElementById("feedbacksymb").innerHTML="&#160;"
    document.getElementById("feedback").innerHTML="&#160;" // clear the feedbacks
    
	grapher1.plottedCurves=[[parent.poly_S91PE2, 
							 parent.xMinQuadGraphPE, parent.xMaxQuadGraphPE,
							 "", ""]];

	putMovDotAt( grapher1, parent.vtx_S91PE2[0], parent.vtx_S91PE2[1] );
	
	// now choose a second point to plot
	var pointFound = false;
	var	x, y;
	if ( parent.yMinQuadGraphPE <= parent.yint_S91PE2 &&
		 parent.yMaxQuadGraphPE >= parent.yint_S91PE2 )
	{													// use the y-intercept
		x = 0;
		y = parent.yint_S91PE2;
		pointFound = (parent.vtx_S91PE2[0]!=0); // can't have the second point on top of the vertex
	}
	else if ( parent.xint_S91PE2[1] != "BLANK" )		// two x-intercepts?
	{
		if ( parent.xint_S91PE2[1] <= parent.yMaxQuadGraphPE )
		{												// use right-most x-intercept
			x = parent.xint_S91PE2[1];
			y = 0;
			pointFound = true;
		}
		else if ( parent.xint_S91PE2[0] >= parent.yMinQuadGraphPE )
		{												// use the left-most x-intercept
			x = parent.xint_S91PE2[0];
			y = 0;
			pointFound = true;
		}
	} // two x-intercepts
	if ( !pointFound )
	{
		if ( parent.vtx_S91PE2[0] <= parent.yMaxQuadGraphPE - 2 )
		{												// use a point to the right of vertex
			x = parent.vtx_S91PE2[0] + 1;
			y = parent.evalPoly( parent.coeffs_S91PE2, x );
			if ( y > parent.yMaxQuadGraphPE || y < parent.yMinQuadGraphPE )
			{
				x = parent.vtx_S91PE2[0] + 0.5;
				y = parent.evalPoly( parent.coeffs_S91PE2, x );
			}
		}
		else
		{												// use a point to the left of vertex
			x = parent.vtx_S91PE2[0] - 1;
			y = parent.evalPoly( parent.coeffs_S91PE2, x );
			if ( y > parent.yMaxQuadGraphPE || y < parent.yMinQuadGraphPE )
			{
				x = parent.vtx_S91PE2[0] - 0.5;
				y = parent.evalPoly( parent.coeffs_S91PE2, x );
			}
		}
	}
	putMovPointAt( grapher1, x, y );
	plotAllCurves(grapher1);

 	grapher1.canInteract=true;

// 	eraseCoords(grapher1);
// 	if(grapher1.movablePoints.length>0) {
// 		grapher1.movablePoints.length=0;
// 		clearAll(grapher1,"xs");
// 		clearAll(grapher1,"lines");
// 		
// 		}
// //alert(grapher1.plottedCurves[0][0])
//     document.getElementById("feedbacksymb").innerHTML="&#160;"
//     document.getElementById("feedback").innerHTML="&#160;" // clear the feedbacks
//     
//     clearAll(grapher1,"xs");
//     grapher1.movablePoints.length=0;
//     var xPts=[,0,2];
//     var yPts=[];
// 	for (var i=1;i<=2;i++) yPts[i]=parent.evalFuncQuick(grapher1.plottedCurves[0][0],xPts[i]);
//     for (var i=1;i<=2;i++) {
// 		var theIndex=putX(grapher1,xPts[i],yPts[i],grapher1.pointsColor,1.5);
// 		grapher1.movablePoints.push([xPts[i],yPts[i],"x",theIndex]);
// 		}
// 	// now put in the interacive line...
// 	
// 	var tF=grapher1.pointsWt/grapher1.curveWt; // thickness
// 	var xBar=grapher1.movablePoints[1][0], yBar=grapher1.movablePoints[1][1];
// 	var x2Bar=grapher1.movablePoints[0][0], y2Bar=grapher1.movablePoints[0][1];
// 		// determins end-pt paramater
// 		if (x2Bar==xBar) {
// 			var t3=(grapher1.window[2]-yBar)/(y2Bar-yBar), t4=(grapher1.window[3]-yBar)/(y2Bar-yBar);
// 			var T = [Math.min(t3,t4)-10, t3,t4, Math.max(t3,t4)+10].sort(function(a,b){return a-b});
// 		}
// 		else if (y2Bar==yBar) {
// 			var t1=(grapher1.window[0]-xBar)/(x2Bar-xBar), t2=(grapher1.window[1]-xBar)/(x2Bar-xBar);
// 			var T = [Math.min(t1,t2)-10, t1,t2, Math.max(t1,t2)+10].sort(function(a,b){return a-b});
// 		}
// 		else {
// 			var t1=(grapher1.window[0]-xBar)/(x2Bar-xBar), t2=(grapher1.window[1]-xBar)/(x2Bar-xBar),t3=(grapher1.window[2]-yBar)/(y2Bar-yBar), t4=(grapher1.window[3]-yBar)/(y2Bar-yBar);
// 		// get inner two values
// 			var T=[t1,t2,t3,t4].sort(function(a,b){return a-b});
// 		}
// 		var tMin=T[1], tMax=T[2];
// 		var xSt=xBar+tMin*(x2Bar-xBar), ySt=yBar+tMin*(y2Bar-yBar), xEnd=xBar+tMax*(x2Bar-xBar),yEnd=yBar+tMax*(y2Bar-yBar);
// //alert(xSt + ", " + ySt)
// 		var screen1 = screenCoords(grapher1, xSt, ySt);
// 		var screen2 = screenCoords(grapher1, xEnd, yEnd);
// 		var graphDoc = getDoc(grapher1);
// 		var strokeL= graphDoc.createElementNS(svgNS,"line");
// 		strokeL.setAttributeNS(null,"id","moveLine1");
// 		strokeL.setAttributeNS(null,"x1",screen1[0]);
// 		strokeL.setAttributeNS(null,"x2",screen2[0]);
// 		strokeL.setAttributeNS(null,"y1",screen1[1]);
// 		strokeL.setAttributeNS(null,"y2",screen2[1]);
// 		strokeL.setAttributeNS(null,"stroke",grapher1.curvesColors[0]);
// 		strokeL.setAttributeNS(null,"stroke-width",(tF*grapher1.curveWt).toString());
// 		strokeL.setAttributeNS(null,"clip-path","url(#rectClip)");
// 		graphDoc.getElementById("lines").appendChild(strokeL);
// 		//alert(document.getElementsByTagName("line").length)
// 		//alert("just put a line and jSDraggedPtIndex is " + jSDraggedPtIndex)
// 		//jSDraggedPtIndex+=2;
// 		grapher1.movableLines.push(["moveLine1",document.getElementsByTagName("line").length]);
// 		jsLinesAdded=grapher1.movableLines.length;
// 	
// 	grapher1.canInteract=true;
    
}

// 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,true);dealWithMouseMoveMovablePointsQuad(event,this,grapher1)" onmousedown="grapher1.showCoords=true;showCoords(event,this,grapher1,true);dealWithMouseDownMovablePoints(event,this,grapher1);" onmouseup="grapher1.showCoords=false;dealWithMouseUpMovablePointsQuad(event,this,grapher1);" >
<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="white"  style="cursor:crosshair"/>
	<rect id="grid" width="250" height="250" 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="lines">
</g>
</svg>
</div>

<center>
<div style="margin-top:-15px; margin-left:10px;width:270px; white-space:nowrap">
	<center>
	<div id="traceCoordsgrapher1" style="height:20px; font-face:sans-serif;color:teal;font-size:smaller"></div>
	
	<span id="spacing" style="padding-left:15px">&#160;&#160;&#160;</span> &#160;
    <div style="display:inline-block">
		<button id="checkbutton" style="background-color: #c0eeee" onclick="checkAns()"></button>&#160;
    <button id="clearbutton" style="background-color: #c0eeee" onclick="location.reload()"></button>&#160;
    
	
	<button id="peekbutton" style="background-color: #f1c6c6" onclick="peek()"></button>
    <div id="feedbacksymb" style="display:inline-block; margin-top:-8px;margin-left: 10px;font-size:18px; width:20px">&#160;</div>
	</div>
    <span id="magicbutton"></span>
    <script>
    //<![CDATA[
	if(parent.showComp) document.getElementById("magicbutton").innerHTML='<button id="checkbutton" onclick="showSVG(grapher1)">SVG Source</button>';
    //]]>
    </script>
	<div id="feedback" style="display:inline-block;width:300px; margin-left:auto;margin-right:auto ;font-size:12px;font-family:Arial;color:indianred"></div>
	</center>


</div>
</center>
<script>
    //<![CDATA[
	document.getElementById("checkbutton").innerHTML=parent.checkWord;
document.getElementById("clearbutton").innerHTML=parent.clearWord;
document.getElementById("peekbutton").innerHTML=parent.peekWord;
if(parent.playing) document.getElementById("peekbutton").disabled=true;
if(parent.theLanguage=="en")document.getElementById("spacing").innerHTML="&#160;&#160;&#160;&#160;&#160;&#160;"
//]]>
    </script>






</body>
</html>
