var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-10, 10, 10, -10],showNavigation:false, showcopyright: false, axis: false,
});
var p1 = board.create('point', [-8.5, -2.0],{fixed:true,face:'',label:{offset:[-20,10]}});
var p2 = board.create('point', [4.5, -2.0],{fixed:true,face:''});
var l1 = board.create('segment', [p1, p2]);
var c1 = board.create('circle', [p1, 5],{visible:false});
var c2 = board.create('circle', [p2, 12],{visible:false});
var i1 = board.create('intersection', [c1, c2, 1],{face:'',label:{offset:[-10,10]}});
var l2 = board.create('segment', [p1, i1],);
var l3 = board.create('segment', [i1 , p2],);
var pl1 = board.create('parallel', [l1, i1],{visible:false});
var g1 = board.create('glider', [12.0, 1.5, pl1],);
var l4 = board.create('segment', [g1, i1],);
var g2 = board.create('glider', [-1.1, 1.5, l4],);
var l5 = board.create('segment', [p1, g2],);
var i2 = board.create('intersection', [l3, l5],{face:'',label:{offset:[0,-15]}});
var bi1 = board.create('bisector', [i2, p1, p2],{visible:false});
var i3 = board.create('intersection', [l3, bi1],{face:''});
var l6 = board.create('segment', [p1, i3],);
var i4 = board.create('intersection', [pl1, bi1],{face:''});
var l7 = board.create('segment', [i4, i3],);