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', [-2, 0],{name:'O', size: 1,face:"", fixed:true,color:'blue', label: {offset:[5,0], color:'blue'}} );
c1 = board.create('circle', [p1,10]);
var p2 = board.create('point', [-14, -10],{name:'P', size: 1,face:"", fixed:true,color:'blue', label: {offset:[0,-10], color:'blue'}} );
var p3 = board.create('point', [-2, -10],{name:'C', size: 1,face:"", fixed:true,color:'blue', label: {offset:[0,-10], color:'blue'}} );
var l1 = board.create('segment', [p3, p2]);
var l2 = board.create('segment', [p3, p1]);
var l3 = board.create('line', [p2, p1],{visible:false});
var i1 = board.create('intersection', [c1, l3,-1],{face:'',label: {offset:[10,-2], color:'blue'}});
var i2 = board.create('intersection', [c1, l3],{face:'',label: {offset:[-5,-10], color:'blue'}});
var l4 = board.create('segment', [p2, i2]);
var l5 = board.create('segment', [i1, p1],{name:'r',withLabel:true,label: {offset:[-5,10], color:'blue'}});
var l6 = board.create('segment', [p3, p1],{name:'r',withLabel:true,label: {offset:[5,10], color:'blue'}});