4 rectangles within a square geometric shape for proof of AM GM inequality

						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', [-12, -9],{name:'',face:"", fixed:true} );
var p2 = board.create('point',[10, -9],{name:'',face:"", fixed:true} );
var p3 = board.create('point',[10, 13],{name:'',face:"", fixed:true} );
var p4 = board.create('point',[-12, 13],{name:'',face:"", fixed:true} );
var l1 = board.create('segment', [p1, p2]);
var l2 = board.create('segment', [p2, p3]);
var l3 = board.create('segment', [p3, p4]);
var l4 = board.create('segment', [p4, p1]);
var g1 = board.create('glider', [-8, 10, l1],{name:'',size:1, });
var p5 = board.create('point',[function(){return p2.X();}, function(){return p2.Y()+(g1.X()-p1.X());}],{name:'',face:"", } );
var p6 = board.create('point',[function(){return p3.X()-(g1.X()-p1.X());}, function(){return p3.Y();}],{name:'',face:""} );
var p7 = board.create('point',[function(){return p4.X();}, function(){return p4.Y()-(g1.X()-p1.X());}],{name:'',face:"", });
var pl1 = board.create('parallel', [l1, p5],{visible:false});
var pl2 = board.create('parallel', [l2, g1],{visible:false});
var i1 = board.create('intersection', [pl2, pl1],{name:'',face:"", });
var l5 = board.create('segment', [i1, g1]);
var l6 = board.create('segment', [i1, p5]);
var pp1 = board.create('perpendicularpoint', [l6, p6],{name:'',face:"", fixed:true});
var l6 = board.create('segment', [pp1 , p6]);
var pp2 = board.create('perpendicularpoint', [l6, p7],{name:'',face:"", });
var l7 = board.create('segment', [pp2 , p7]);
var pp3 = board.create('perpendicularpoint', [l7, i1],{name:'',face:"", });
var l7 = board.create('segment', [pp3 , i1]);
var po = board.create('polygon',[i1,pp1,pp2,pp3]);
var L1 =  board.create('segment', [p1, g1],{name:'a',withLabel:true});
var L2 =  board.create('segment', [p2, g1],{name:'b',withLabel:true});
var L3 =  board.create('segment', [p2, p5],{name:'a',withLabel:true});
var L4 =  board.create('segment', [p5, p3],{name:'b',withLabel:true});
var L5 =  board.create('segment', [p3, p6],{name:'a',withLabel:true});
var L6 =  board.create('segment', [p4, p6],{name:'b',withLabel:true});
var L7 =  board.create('segment', [p4, p7],{name:'a',withLabel:true});
var L8 =  board.create('segment', [p1, p7],{name:'b',withLabel:true});