/*
 *   design issues
 */

var d1 = null;
var d2 = null;
var d2_inner1 = null;
var d2_inner2 = null;
var d3 = null;
var d3_inner1 = null;
var d3_inner2 = null;
var d4 = null;
var d5 = null;
var mainLine = 0;
var totalHeight = 0;

function design_lineup() {
  d1 = document.getElementById('box1');
  mainLine = d1.offsetHeight;
  // get DIVs
  d2 = document.getElementById('box2');
  d3 = document.getElementById('box3');
  d4 = document.getElementById('box4');
  d5 = document.getElementById('box5');
  // set top of box2 & box3
  totalHeight = mainLine + 10;
  d2.style.top = totalHeight + "px";
  d3.style.top = totalHeight + "px";
  // set top of box4 & box5
  totalHeight += d2.offsetHeight + 5;
  d4.style.top = totalHeight + "px";
  d5.style.top = totalHeight + "px";
  // set iframe's size
  d3_inner1 = document.getElementById('loadDialog');
  d3_inner2 = document.getElementById('sourceIframe');
  d3_inner2.width = d3_inner1.offsetWidth - 10;
  d3_inner2.height = d3.offsetHeight - d3_inner1.offsetHeight - 10;
  // set height of factory-output-div
  d2_inner1 = document.getElementById('box2-1');
  var tmp = d3.offsetHeight - d2_inner1.offsetHeight - 18;
  d2_inner2 = document.getElementById('output');
  d2_inner2.style.height = tmp + "px";
  // make DIVs visible
  d2.style.visibility = 'visible';
  d3.style.visibility = 'visible';
  d4.style.visibility = 'visible';
  d5.style.visibility = 'visible';
  // line up 'dictionaries'
  var dict1 = document.getElementById('dict1');
  var tmp = document.getElementById('inputObj');
  //alert(tmp.offsetParent.id); alert(tmp.offsetTop);
  dict1.style.top = totalHeight + tmp.offsetTop + 5 + "px";
  dict1.style.left = tmp.offsetLeft + 5 + "px";
  var dict2 = document.getElementById('dict2');
  var tmp = document.getElementById('inputExp');
  //alert(tmp.offsetParent.id); alert(tmp.offsetTop);
  dict2.style.top = totalHeight + tmp.offsetTop + 5 + "px";
  dict2.style.left = d5.offsetLeft + tmp.offsetLeft + 5 + "px";
}