var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-10, 10, 10, -10],showNavigation:false, showcopyright: false, axis: false,
});
var p1 = board.create('point', [0, 0],{name:'',face:''});
var p2 = board.create('point', [7, 0],{name:'',face:''});
var l1 = board.create('line', [p1,p2],{visible:false});
var perp1 = board.create('perpendicularpoint', [l1, p1],{name:'',face:''});
var l2 = board.create('line', [p1,perp1],{visible:false});
var g1 = board.create('glider', [8.0, 0, l1],{name:'',face:''});
var p3 = board.create('point', [0, function(){return 0.5*g1.X();}],{name:'',face:''});
var p4 = board.create('point', [function(){return -g1.X();}, 0],{name:'',face:''});
var p5 = board.create('point', [0, function(){return -0.5*g1.X()}],{name:'',face:''});
var l3 = board.create('segment', [g1,p3]);
var l4 = board.create('segment', [p3,p4]);
var l5 = board.create('segment', [p4,p5]);
var l6 = board.create('segment', [p5,g1]);