var NUMRECT = 4;
var R = [ [ 2,  79, 174 ],
          [ 1, 159, 314 ],
          [ 0, 339, 354 ],
          [ 3, 577, 214 ]
        ];

function writeLayers () {
  document.writeln('<DIV id="divLogo"></DIV>');
  document.writeln('<DIV id="divHeader"></DIV>');
  document.writeln('<DIV id="divTelFaxEmail"></DIV>');
  document.writeln('<DIV id="divEmail"></DIV>');
  document.writeln('<DIV id="divProdukte"></DIV>');
  document.writeln('<DIV id="divFuerSieDa"></DIV>');
  document.writeln('<DIV id="divAngebote"></DIV>');
  document.writeln('<DIV id="divRect0"></DIV>');
  document.writeln('<DIV id="divRect1"></DIV>');
  document.writeln('<DIV id="divRect2"></DIV>');
  document.writeln('<DIV id="divRect3"></DIV>');
  document.close();
}

function initLayers () {
  setPicture("divLogo", "logo.gif", 139, 114, 120, 120, 1, 1);
  setPicture("divHeader", "tentec.gif", 299, 114, 314, 20, 1, 1);
  setPicture("divTelFaxEmail", "telefon.gif", 309, 140, 232, 79, 1, 1);
  setPictureSwap("divEmail", "email.gif", "emailA.gif",
                 "mailto:info@tentec.de",
                 72, 207, 55, 15, 1, 1);
  setPictureSwap("divProdukte", "produkt.gif", "produktA.gif",
                 "produkte.html",
                 191, 327, 78, 16, 1, 1);
  setPictureSwap("divFuerSieDa", "fuersie.gif", "fuersieA.gif",
                 "fuersieda.html",
                 394, 341, 101, 39, 1, 1);
  setPictureSwap("divAngebote", "topange.gif", "topangeA.gif",
                 "angebote.html",
                 486, 245, 112, 20, 1, 1);
  setPicture("divRect0", "redrect.gif", R[0][1], R[0][2], 20, 20, 1, 1);
  setPicture("divRect1", "redrect.gif", R[1][1], R[1][2], 20, 20, 1, 1);
  setPicture("divRect2", "redrect.gif", R[2][1], R[2][2], 20, 20, 1, 1);
  setPicture("divRect3", "redrect.gif", R[3][1], R[3][2], 20, 20, 1, 1);
}

function init2 () {
  initLayers();
  rect(0);
}

function init1 () {
  writeLayers();
}