function blockError(){return true;}
window.onerror = blockError;



function tireCalc(form) {
var sidewall1 = form.sidewall1.value;
var width1 = form.width1.value;
var wheeldia1 = form.wheeldia1.value;
var tiredia1 = 0;//form.tiredia1.value;
var sidewall2 = form.sidewall2.value;
var width2 = form.width2.value;
var wheeldia2 = form.wheeldia2.value;
var tiredia2 = 0;//form.tiredia2.value;
var diffpercent = 0;//form.diffpercent.value;
var text="Dette er noe dritt";
	
  tiredia1 = (sidewall1 / 100 * (width1 * .03937) * 2) + (wheeldia1 * 1);
  tiredia2 = (sidewall2 / 100 * (width2 * .03937) * 2) + (wheeldia2 * 1);
  diffpercent = (tiredia2 - tiredia1)/tiredia1;
  
	
	
	//Create jsGraphics object
    var gr = new jsGraphics(document.getElementById("canvas"));

    //Create jsColor objects
    var col = new jsColor("black");
	var col_blue = new jsColor("blue");
	var col_red = new jsColor("red");
	var col_blue_google = new jsColor("336699");
	
    //Create jsPen objects
    var pen = new jsPen(col,1);
	var blue_google_pen= new jsPen(col_blue_google,1);
	var font=new jsFont("arial","normal","10px");

    //Calculate coordinate ref points for tire drawing in canvas
    var pt1 = new jsPoint(150,260-tiredia1*2);
    var pt2 = new jsPoint(300,260-tiredia2*2);
	//var pt3 = new jsPoint(20,260);
	//var pt4 = new jsPoint(455,260);
	var calcfont=new jsFont("arial","normal","12px");
	
	gr.clear();//Clear canvas
	//Print results in canvas
	gr.fillRectangle(new jsColor("#D3D7DC"), new jsPoint(5,5),450,15);
	gr.fillRectangle(new jsColor("#E3E7EC"), new jsPoint(5,5+15),450,15);
	gr.fillRectangle(new jsColor("#D3D7DC"), new jsPoint(5,5+15+15),450,15);
	gr.fillRectangle(new jsColor("#E3E7EC"), new jsPoint(5,5+15+15+15),450,15);
	gr.fillRectangle(new jsColor("#D3D7DC"), new jsPoint(5,5+15+15+15+15),450,15);
	gr.fillRectangle(new jsColor("#E3E7EC"), new jsPoint(5,5+15+15+15+15+15),450,15);
	
	//Print result heading
	text="Original";
	gr.drawText(text,new jsPoint(120,5),calcfont,0);

	text="Alternate";
	gr.drawText(text,new jsPoint(230,5),calcfont,0);
	
	text="Difference";
	gr.drawText(text,new jsPoint(360,5),calcfont,0);
	
	//Print first result row
	text="Tire Diameter :";
	gr.drawText(text,new jsPoint(10,20),calcfont,0);
	text=Math.round((tiredia1) * 10) / 10+"in   ("+Math.round(tiredia1*25.4)+"mm )";
	gr.drawText(text,new jsPoint(105,20),calcfont,0);
	text=Math.round((tiredia2) * 10) / 10+"in ("+Math.round(tiredia2*25.4)+"mm )" ;
	gr.drawText(text,new jsPoint(220,20),calcfont,0);
	text=Math.round((diffpercent) * 1000) / 10+"% or "+Math.round((tiredia2-tiredia1)*100)/100+"in ("+Math.round((tiredia2-tiredia1)*10*25.4)/10+"mm)";
	gr.drawText(text,new jsPoint(330,20),calcfont,0);
	
	
	text="Sidewall height :"; Math.round((tiredia2-wheeldia2)/2*10)/10+"in ("+Math.round((tiredia2-wheeldia2)/2*25.4)+"mm )    " ;
	gr.drawText(text,new jsPoint(10,35),calcfont,0);
	text=Math.round((tiredia1-wheeldia1)/2*10)/10+"in   ("+Math.round((tiredia1-wheeldia1)/2*25.4)+"mm )";
	gr.drawText(text,new jsPoint(105,35),calcfont,0);
	text=Math.round((tiredia2-wheeldia2)/2*10)/10+"in ("+Math.round((tiredia2-wheeldia2)/2*25.4)+"mm )";
	gr.drawText(text,new jsPoint(220,35),calcfont,0);
	//text=Math.round((diffpercent) * 1000) / 10+"% or "+Math.round((tiredia2-tiredia1)*100)/100+"in ("+Math.round((tiredia2-tiredia1)*10*25.4)/10+"mm)";
	//gr.drawText(text,new jsPoint(330,20),calcfont,0);	
	
	
	text="Circumference :";
	gr.drawText(text,new jsPoint(10,50),calcfont,0);
	text=Math.round(tiredia1*3.14159*10)/10+"in   ("+Math.round(tiredia1*25.4*3.14159)+"mm )";
	gr.drawText(text,new jsPoint(105,50),calcfont,0);
	text=Math.round(tiredia2*3.14159*10)/10+"in ("+Math.round(tiredia2*25.4*3.14159)+"mm )" ;	
	gr.drawText(text,new jsPoint(220,50),calcfont,0);

	text="Radius :";
	gr.drawText(text,new jsPoint(10,65),calcfont,0);
	text=Math.round(tiredia1/2*10)/10+"in   ("+Math.round(tiredia1*25.4/2)+"mm )";
	gr.drawText(text,new jsPoint(105,65),calcfont,0);
	text=Math.round(tiredia2/2*10)/10+"in ("+Math.round(tiredia2*25.4/2)+"mm )" ;	
	gr.drawText(text,new jsPoint(220,65),calcfont,0);	

	
	
    gr.drawLine(blue_google_pen,new jsPoint(5,260),new jsPoint(455,260));//Bottom ref line
	
	gr.drawLine(blue_google_pen,new jsPoint(5+5,260),new jsPoint(5+5,260-tiredia1*4-1) );//Height line tire 1
	gr.drawLine(blue_google_pen,new jsPoint(455-5,260),new jsPoint(455-5,260-tiredia2*4-1) );//Height line tire 2
	//Draw line arrows
	var curvePoints=new Array(new jsPoint(5+5-3,260-tiredia1*4-1+5),new jsPoint(5+5,260-tiredia1*4-1),new jsPoint(5+5+3,260-tiredia1*4-1+5)); 
	gr.drawPolyline(blue_google_pen,curvePoints);
	var curvePoints=new Array(new jsPoint(455-5-3,260-tiredia2*4-1+5),new jsPoint(455-5,260-tiredia2*4-1),new jsPoint(455-5+3,260-tiredia2*4-1+5)); 
	gr.drawPolyline(blue_google_pen,curvePoints);	
	var curvePoints=new Array(new jsPoint(455-5-3,260-5),new jsPoint(455-5,260),new jsPoint(455-5+3,260-5)); 
	gr.drawPolyline(blue_google_pen,curvePoints);		
	var curvePoints=new Array(new jsPoint(5+5-3,260-5),new jsPoint(5+5,260),new jsPoint(5+5+3,260-5)); 
	gr.drawPolyline(blue_google_pen,curvePoints);	
		
	text=+Math.round((tiredia1) * 10) / 10+"in <br> ("+Math.round(tiredia1*25.4)+"mm)";
	gr.drawText(text,new jsPoint(5+10,(260-5-tiredia1*2)),font,0);
	
	text=+Math.round((tiredia2) * 10) / 10+"in <br> ("+Math.round(tiredia2*25.4)+"mm)";
	gr.drawText(text,new jsPoint(455-50,(260-5-tiredia2*2)),font,0);
		
    gr.fillCircle(col,pt1,tiredia1*2);//Draw tire 1
	gr.fillCircle(col,pt2,tiredia2*2);//Draw tire 2
	var pt5 = new jsPoint(230,260-tiredia2*4-1);
	var pt6 = new jsPoint(455,260-tiredia2*4-1);
	gr.drawLine(new jsPen(col_red,1),pt5,pt6);//Tire 1 height ref line
	var pt7 = new jsPoint(5,260-tiredia1*4-1);
	var pt8 = new jsPoint(230,260-tiredia1*4-1);
	gr.drawLine(new jsPen(col_blue,1),pt7,pt8);//Tire 2 height ref line
	//Calc wheel radius	
	var pt9 = new jsPoint(150-form.wheeldia1.value*2,(260-tiredia1*2)-form.wheeldia1.value*2+1);
	var pt10 = new jsPoint(300-form.wheeldia2.value*2,(260-tiredia2*2)-form.wheeldia2.value*2+1);
	gr.drawImage("img/rim.png", pt9,form.wheeldia1.value*4, form.wheeldia1.value*4);//Draw wheel rim 1
	gr.drawImage("img/rim.png", pt10,form.wheeldia2.value*4, form.wheeldia2.value*4);//Draw wheel rim 1
	
	//Graph
	var gr1=new jsGraphics(document.getElementById("canvas1"));
	gr1.clear();
	var gr1=new jsGraphics(document.getElementById("canvas1"));//Have to do this twise to redraw graph????
	var curvePoints=new Array(new jsPoint(0,0),new jsPoint(150,150));
	var curvePoints2=new Array(new jsPoint(0,0),new jsPoint(150,(diffpercent+1)*150));
	
	var bluePen=new jsPen(new jsColor("blue"),1);
	var redPen=new jsPen(new jsColor("red"),1);
	
	gr1.setOrigin(new jsPoint(18,228));
	gr1.setCoordinateSystem("cartecian");
	gr1.setScale(2);



	gr1.showGrid(10);
	gr1.drawText("Alternate",new jsPoint(70,40),font,redPen.color);
	gr1.drawText("Orignal",new jsPoint(70,30),font,bluePen.color);
	gr1.drawText("Speedometer reading",new jsPoint(29,-4),font,0);
	gr1.drawText("Actual speed",new jsPoint(3,115),font,0);
	//gr1.plotPoints(curvePoints);
	gr1.drawCurve(redPen,curvePoints2);
	gr1.drawCurve(bluePen,curvePoints);

}
//