var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-10, 10, 10, -10],showNavigation:false, showcopyright: false, axis: false,
});
var p1 = board.create('point', [-8, -4],{face:'',label:{offset:[-50,0]}});
var p2 = board.create('point', [2, -4],{face:'',name:'',label:{offset:[10,0]}});
var pol1 = board.create('regularpolygon', [p1, p2, 4],{fillcolor:"red",vertices:{face:'',name:''}});
var l1 = board.create('segment', [p1,p2]);
var g1 = board.create('glider', [-4, 1.5, l1],{name:''});
var l2 = board.create('segment', [p1,g1],{withLabel:true,name:"b",label:{offset:[0,-15]}});
var pol2 = board.create('regularpolygon', [p1, g1, 4],{vertices:{face:'',name:''}});
var p3 = board.create('point', [function(){return pol1.vertices[2].X()+l2.L();}, function(){return pol1.vertices[2].Y();}],{face:'',name:''});
var p4 = board.create('point', [function(){return p3.X();},function(){return pol2.vertices[2].Y();}],{face:'',name:''});
var l3 = board.create('segment', [pol1.vertices[1],pol1.vertices[2]]);
var pp1 = board.create('perpendicularpoint', [p4, l3],{face:'',name:''});
var pol3 = board.create('polygon', [pp1, pol1.vertices[2], p3, p4],{fillcolor:"#00FF00",});
var pol4 = board.create('polygon', [g1,p2, pp1, pol2.vertices[2]],{fillcolor:"#EEE"});
var l4 = board.create('segment', [pol1.vertices[3],pol1.vertices[2]],{withLabel:true,name:"a"});
var l5 = board.create('segment', [pol1.vertices[3],pol1.vertices[4]],{withLabel:true,name:"a",label:{offset:[-20,0]}});
var l6 = board.create('segment', [pol1.vertices[2],p3],{withLabel:true,name:"b",label:{offset:[0,10]}});
var l7 = board.create('segment', [p3,p4],{withLabel:true,name:"a-b",label:{offset:[10,0]}});
//alert(l2.L()+"\n"+l6.L())
var l8 = board.create('segment', [pp1,pol2.vertices[2]],{withLabel:true,name:"a-b",label:{offset:[-10,10]}});