var board = JXG.JSXGraph.initBoard('box1', {
axis: true, boundingbox: [-10, 10, 10, -10], showcopyright: false,keepaspectratio: true, zoom: true, axis: false,showNavigation: false,
});
var p1 = board.create('point', [-8, -5],{name:'A', size: 1,face:"", color:'blue', label: {offset:[-15,10], color:'blue'}} );
var p2 = board.create('point', [8, -5],{name:'B', size: 1,face:"", color:'blue', label: {offset:[5,10], color:'blue'}} );
var po = board.create('regularpolygon',[p1,p2,3], {withLines: true, fillColor:'none',highlightFillColor:'#333', vertices:{face:'',label: { color:'blue'}} });
var mp1 = board.create('midpoint', [p1, po.vertices[2]],{name:'D', size: 1,face:"", color:'blue', label: {offset:[-15,0], color:'blue'}} );
var mp2 = board.create('midpoint', [p2, po.vertices[2]],{name:'E', size: 1,face:"", color:'blue', label: {offset:[10,0], color:'blue'}} );
var l1 = board.create('segment', [p1, mp2],{strokeWidth:1});
var l2 = board.create('segment', [p2, mp1],{strokeWidth:1});
var l3 = board.create('segment', [mp2, mp1],{strokeWidth:1});
var i1 = board.create('intersection', [l1,l2],{name:'F', size: 1,face:"", color:'blue', label: {offset:[0,-10], color:'blue'}} );
var pp1 = board.create('perpendicularpoint', [mp2, l2],{ size: 1, color:'blue',face:'', label: {offset:[0,-10], color:'blue'
}} );
var l3 = board.create('segment', [mp2, pp1],{strokeWidth:1, dash:2});