var n=0;
var dummyimg="/archive/map.north/big/tgrd/tgrd.big.north.png";


document.writeln("<table class=\"form\">");

for (l=0;l<layerid.length;l++) {

  if ((l % 4)==0) document.writeln("<tr>");

  checkid=layerid[l]+"chk";
  document.writeln("<td>");
  document.writeln("<input checked type=\"checkbox\" ");
  document.writeln("id=\""+checkid+"\"");
  document.writeln("onClick=\"toggle('"+layerid[l]+"');\">");
  document.writeln(layername[l]);
  document.writeln("</td>");

  if ((l % 4)==3) document.writeln("</tr>");
}
document.writeln("</table>");


 document.writeln("<table>");
 document.writeln("<tr><td>");
 document.writeln("<div style=\"width:640px;height:640px;\">");



  for (l=0;l<layerid.length;l++) {

    divid=layerid[l]+"div";
    imgid=layerid[l]+"img";
 
    document.writeln("<div id=\""+divid+"\" style=\"position:absolute;");
    if (byfilter) {
      document.writeln("width:640px;height:640px;");
      document.writeln("filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+dummyimg+"',sizingMethod='image');");
    }   
    document.writeln("\">");

    if (!byfilter) {
      document.writeln("<img id=\""+imgid+"\" src=\""+dummyimg+"\">");
    } 
    document.writeln("</div>");
}

document.writeln("</td></tr>");
document.writeln("<table>");