Half circle Inscribed right triangle geometric shape

						var board = JXG.JSXGraph.initBoard('box1', {
axis: true, boundingbox: [-15, 15, 15, -15], showcopyright: false,keepaspectratio: true, axis: false, zoom: false,showNavigation: false
  });
  
var p1 = board.create('point', [-14, -2],{name:'A', size: 1,face:"", fixed:true,color:'blue', label: {offset:[25,10], color:'blue'}} );

var p2 = board.create('point',[10, -2],{name:'B', size: 1,face:"", color:'blue',fixed:true, label: {offset:[5,10], color:'blue'}} );
var p3 = board.create('point', [-2, -2],{name:'O', size: 1,   fixed:true, label: {offset:[5,10], color:'blue'}} );
var l1 = board.create('segment', [p1, p2],);

var pp1 = board.create('perpendicular', [p3, l1],{visible:false});

var a = board.create('arc', [p3, p2, p1],{strokeWidth:2});

var g1 = board.create('glider', [2,9, a],{name:'C',size: 1,});

var l2 = board.create('segment', [g1, p1]);
var l3 = board.create('segment', [g1, p2]);

var pp1 = board.create('perpendicular', [p3, l1],{visible:false});

var i1 = board.create('intersection', [pp1, a],{name:'Q',size:1});

var pp2 = board.create('perpendicular', [g1, l1],{visible:false});

var i2 = board.create('intersection', [pp2, l1],{name:'P',size:1});

var l4 = board.create('segment', [i1, p3]);
var l5 = board.create('segment', [i2, g1]);