A cross section of two spheres intersecting each other

						var board = JXG.JSXGraph.initBoard('box1', {
boundingbox: [-12, 12, 12, -12],showNavigation:false, showcopyright: false, axis: false,
});

var p1 = board.create('point', [-5, 0],{fixed:true,name:'',size:1});
var p2 = board.create('point', [5, 0],{fixed:true,name:'',size:1});
var c1 = board.create('circle', [p1, 6]);
var c2 = board.create('circle', [p2, 6],);
var l1 = board.create('segment', [p1, p2],{withLabel:true, name:'10',label:{offset:[-10,-10]}});
var i1 = board.create('intersection', [c1, c2,1],{fixed:true,name:'',size:1});
var l2 = board.create('segment', [p1,i1],{withLabel:true, name:'6',label:{offset:[-8,10]}});
var l3 = board.create('segment', [i1,p2],{withLabel:true, name:'6',label:{offset:[7,8]}});
var perp1 = board.create('perpendicularsegment', [l1, i1],{dash:2,color:'blue'});