function arrange()
{
tbl=document.getElementById("Table_01");
div=document.getElementById("parentdiv");
mLeft=((window.innerWidth - div.offsetWidth)/2)-10;
div.style.marginLeft=mLeft+"px";

scaletop=10;
scaleleft=5;
relation_1=document.getElementById("relation_1");
relation_2=document.getElementById("relation_2");
relation_3=document.getElementById("relation_3");
relation_4=document.getElementById("relation_4");
relation_5=document.getElementById("relation_5");
relation_6=document.getElementById("relation_6");
relation_7=document.getElementById("relation_7");
relation_8=document.getElementById("relation_8");
relation_9=document.getElementById("relation_9");
relation_10=document.getElementById("relation_10");

layer1=document.getElementById("layer_1");
layer2=document.getElementById("layer_2");
layer3=document.getElementById("layer_3");
layer4=document.getElementById("layer_4");
layer5=document.getElementById("layer_5");
layer6=document.getElementById("layer_6");
layer7=document.getElementById("layer_7");
layer8=document.getElementById("layer_8");
layer9=document.getElementById("layer_9");
layer10=document.getElementById("layer_10");

layer1.style.top=div.offsetTop + scaletop;
layer1left=div.offsetLeft + scaleleft;

layer1.style.left=layer1left;
layer2.style.top=div.offsetTop + scaletop;
layer2left=(layer1left + layer1.offsetWidth) + scaleleft;
layer2.style.left=layer2left;

layer3.style.top=div.offsetTop + scaletop;
layer3left=(layer2left + layer2.offsetWidth) + scaleleft;
layer3.style.left=layer3left;

layer4.style.top=div.offsetTop + scaletop;
layer4left=(layer3left + layer3.offsetWidth) + scaleleft;
layer4.style.left=layer4left;

layer5.style.top=div.offsetTop + scaletop;
layer5left=(layer4left + layer4.offsetWidth) + scaleleft;
layer5.style.left=layer5left;

layer6.style.top=div.offsetTop + scaletop;
layer6left=(layer5left + layer5.offsetWidth) + scaleleft;
layer6.style.left=layer6left;

layer7.style.top=div.offsetTop + scaletop;
layer7left=(layer6left + layer6.offsetWidth) + scaleleft;
layer7.style.left=layer7left;

layer8.style.top=div.offsetTop + scaletop;
layer8left=(layer7left + layer7.offsetWidth) + scaleleft;
layer8.style.left=layer8left;

layer9.style.top=div.offsetTop + scaletop;
layer9left=(layer8left + layer8.offsetWidth) + scaleleft;
layer9.style.left=layer9left;

layer10.style.top=div.offsetTop + scaletop;
layer10left=(layer9left + layer9.offsetWidth) + scaleleft;
layer10.style.left=layer10left;
}


function showz(n)
{
div=document.getElementById("parentdiv");
layerx=document.getElementById("layer_"+n);
content=document.getElementById("content_"+n)
relationx=document.getElementById("relation_"+n);

	contenttop=(layerx.offsetTop - content.offsetHeight)-5;
	content.style.top=contenttop+"px";
	
	contentleft=layerx.offsetLeft;
	content.style.left=contentleft+"px";
	content.style.visibility="visible";
	
	relationx.style.left=layerx.offsetLeft;
	relationx.style.top=layerx.offsetTop-15;
	relationx.style.border="1px";
	relationx.style.visibility="visible";
}

function closex(n)
{
content=document.getElementById("content_"+n);
content.style.visibility="hidden";
}