var winLoads = new Array();

window.onload = function(e){
  if (!e) {
    e = window.event;
  }
  for (var i = 0; i < winLoads.length; i++) {
    var l = winLoads[i];
    l();
  }
};

function getEl (id) {
  return document.getElementById(id);
}

function topMenuWidth () {
  var t1 = getEl("topmenu");
  var spans = t1.getElementsByTagName('span');
  
  var w = 0;
  
  for (var i = 0; i < spans.length; i++) {
    w += spans[i].offsetWidth;
  }
  
  t1.style.width = w + "px";
}

function topMenu2Width () {
  var t1 = getEl("topmenu2");
  var spans = t1.getElementsByTagName('span');
  
  var w = 5;
  
  for (var i = 0; i < spans.length; i++) {
    w += spans[i].offsetWidth;
  }
  
  t1.style.width = w + "px";
}

winLoads[winLoads.length] = function () {

  var h = getEl("home");
  var s = getEl("second");
  var t1 = getEl("topmenu");
  var t2 = getEl("topmenu2");
  /*var w = s.offsetWidth;
  var l = s.offsetLeft;
  var w2 = h.offsetWidth;*/
  topMenuWidth();
  topMenu2Width();
  t2.style.left = (t1.offsetLeft) + 'px';
  t2.style.visibility = 'visible';
  
  var isoDownload = getEl('iso_downloads');
  var isoColor = getEl('iso_farver');
  var isoBA = getEl('iso_foer_efter');
  var isoRel = getEl('iso_relaterede');

  var contacts = getEl('iso_kontakt');

  var all = document.getElementsByTagName('div');
  var rightImages = new Array();
  for (var i = 0; i < all.length; i++) {
    var a = all[i];
    if (a.className == 'iso_hoejre_billede') {
      rightImages[rightImages.length] = a;
    }
  }
  
  if (isoDownload) {

    //var isoStart = '<div class="padding10"><h2>DOWNLOADS</h2>';
    var isoStart = '<div class="padding10"><h2>' + Lang[Lang_lang].downloads + '</h2>';
    isoStart += '<div id="downloadSheets">';
    var isoEnd = '</div></div>';
    var isoPar = isoDownload.parentNode;
    var nbsp = '&' + 'nbsp' + ';';

    isoDownload.innerHTML = isoDownload.innerHTML.replace('<p>'+nbsp +'</p>', '<br />');
    isoDownload.innerHTML = isoDownload.innerHTML.replace('<P>'+nbsp +'</P>', '<br />');

    var isoDownload2 = isoDownload.cloneNode(true);
    isoDownload2.id = 'downloadBox';
    isoDownload2.innerHTML = isoStart + isoDownload.innerHTML + isoEnd;
    isoPar.removeChild(isoDownload);
    if (getEl('layersArea')) {
        getEl('layersArea').appendChild(isoDownload2);
    }
  }

  if (isoRel) {
    //var isoStart = '<div class="padding10"><h2>RELATED PRODUCTS</h2>';
    var isoStart = '<div class="padding10"><h2>' + Lang[Lang_lang].relProducts + '</h2>';
    isoStart += '<div id="downloadSheets">';
    var isoEnd = '</div></div>';
    var isoPar = isoRel.parentNode;
    var nbsp = '&' + 'nbsp' + ';';

    isoRel.innerHTML = isoRel.innerHTML.replace('<p>'+nbsp +'</p>', '<br />');
    isoRel.innerHTML = isoRel.innerHTML.replace('<P>'+nbsp +'</P>', '<br />');

    var isoRel2 = isoRel.cloneNode(true);
    isoRel2.id = 'relatedBox';
    isoRel2.innerHTML = isoStart + isoRel.innerHTML + isoEnd;
    isoPar.removeChild(isoRel);
    if (getEl('layersArea')) {
      getEl('layersArea').appendChild(isoRel2);
    }
  }

  if (isoColor) {
    //var isoStart = '<div class="padding10"><h2>COLOUR CHART</h2>';
    var isoStart = '<div class="padding10"><h2>' + Lang[Lang_lang].colorChart + '</h2>';
    isoStart += '';
    var isoEnd = '<br class="clr"/></div><br class="clr"/>';
    var isoPar = isoColor.parentNode;
    var nbsp = '&' + 'nbsp' + ';';

    isoColor.innerHTML = isoColor.innerHTML.replace('<p>'+nbsp +'</p>', '');
    isoColor.innerHTML = isoColor.innerHTML.replace('<P>'+nbsp +'</P>', '');
    isoColor.innerHTML = isoColor.innerHTML.replace('<p>', '');
    isoColor.innerHTML = isoColor.innerHTML.replace('<P>', '');
    isoColor.innerHTML = isoColor.innerHTML.replace('</p>', '');
    isoColor.innerHTML = isoColor.innerHTML.replace('</P>', '');

    var isoColor2 = isoDownload.cloneNode(true);
    isoColor2.id = 'chartBox';
    isoColor2.innerHTML = isoStart + isoColor.innerHTML + isoEnd;
    isoPar.removeChild(isoColor);
    if (getEl('layersArea')) {
      getEl('layersArea').appendChild(isoColor2);
    }
  }

  if (isoBA) {

    //var isoStart = '<div class="padding10 bPadding0 tPadding5"><h2>BEFORE AND AFTER</h2></div>';
    var isoStart = '<div class="padding10 bPadding0 tPadding5"><h2>' + Lang[Lang_lang].beforeAfter + '</h2></div>';
    isoStart += '';
    var isoEnd = '<br class="clr"/>';
    var isoPar = isoBA.parentNode;
    var nbsp = '&' + 'nbsp' + ';';

    isoBA.innerHTML = isoBA.innerHTML.replace('<p>'+nbsp +'</p>', '');
    isoBA.innerHTML = isoBA.innerHTML.replace('<P>'+nbsp +'</P>', '');
    isoBA.innerHTML = isoBA.innerHTML.replace('<p>', '');
    isoBA.innerHTML = isoBA.innerHTML.replace('<P>', '');
    isoBA.innerHTML = isoBA.innerHTML.replace('</p>', '');
    isoBA.innerHTML = isoBA.innerHTML.replace('</P>', '');

    var isoBA2 = isoBA.cloneNode(true);
    isoBA2.id = 'beforeAfterBox';
    isoBA2.innerHTML = isoStart + isoBA.innerHTML + isoEnd;
    isoPar.removeChild(isoBA);
    if (getEl('layersArea')) {
      getEl('layersArea').appendChild(isoBA2);
    }
  }

  if (rightImages.length > 0) {
    var riEl = document.createElement('div');
    riEl.id = 'imageBox';
    //var riElIn = '<div class="padding10 bPadding0 tPadding5"><h2>Billeder</h2></div>';
    var riElIn = '<div class="padding10 bPadding0 tPadding5"><h2>' + Lang[Lang_lang].images + '</h2></div>';
    for (var i = 0; i < rightImages.length; i++) {
      var ri = rightImages[i];
      var p = ri.parentNode;
      var inner = ri.innerHTML;
      p.removeChild(ri);
      inner = inner.replace('\n', '');
      inner = inner.replace('<p>', '');
      inner = inner.replace('</p>', '');
      inner = inner.replace('<P>', '');
      inner = inner.replace('</P>', '');
      riElIn += inner;
    }
    
    
    riElIn += '<br class="clr" /></div>';

    riEl.innerHTML = riElIn;

    if (getEl('layersArea')) {
      getEl('layersArea').appendChild(riEl);
    }
  }

  if (contacts) {
    var c2 = contacts.cloneNode(true);
    c2.innerHTML = contacts.innerHTML;
    contacts.parentNode.removeChild(contacts);
    if (getEl('layersArea')) {
        getEl('layersArea').innerHTML = '';
        getEl('layersArea').appendChild(c2);
    }
    
  }
  
};