//  ********************************************
// **   script to draw and populate the divs   **
// ** variable 'divheight' controls the height **
// **               of each div                **
//  ********************************************



function drawclients(){
  divheight=(26*clients.length);
  document.write('<div ID="clientdiv1" name="clientdiv1" style="position:absolute; width:155; height:'+divheight+'; top:0;">');
  for (i=0; i<clients.length; i++){
    if (clients[i][1]!=""){
      document.write ('<a href="'+(clients[i][1])+'">');
    }
    document.write ('<font color=#336699>'+clients[i][0]+'</font>');
    if (clients[i][1]!=""){
      document.write('</a>');
    }
  document.write('<br><br>');
  }
  document.write('</div>');

  document.write('<div ID="clientdiv2" name="clientdiv2" style="position:absolute; width:155; height:'+divheight+'; top:'+(divheight)+';">');
  for (i=0; i<clients.length; i++){
    if (clients[i][1]!=""){
      document.write ('<a href="'+(clients[i][1])+'">');
    }
    document.write ('<font color=#336699>'+clients[i][0]+'</font>');
    if (clients[i][1]!=""){
      document.write('</a>');
    }
  document.write('<br><br>');
  }
  document.write('</div>');

}


function drawnews(){
  numberofdivs=news.length;
  newsdivheight=150
  for (i=0; i<numberofdivs; i++){
    document.write('<div ID="newsdiv'+i+'" style="position:absolute; width:150; height:'+newsdivheight+'; top:'+(i*newsdivheight)+';"><font color=#FF0000>'+(news[i][0])+'</font><br><b>' +(news[i][1])+'</b><br>'+(news[i][2])+'</div>');
  }
}


function drawservices(){
  numberofdivs=services.length;
  servicesdivheight=150
  for (i=0; i<numberofdivs; i++){
    document.write('<div ID="servicesdiv'+i+'" style="position:absolute; width:150; height:'+servicesdivheight+'; top:'+(i*servicesdivheight)+';"><a href="'+(services[i][0])+'">'+(services[i][1])+'</a><br>'+(services[i][2])+'</div>');
  }
}