  var TheDiv;
  var Number = 1;

  function NewLinkTable(TheLinkDiv)
  {
    var NewHTML;

    TheDiv=TheLinkDiv
    NewHTML= '<table border="0px" style="width:100%;font-family: courier new; font-size:11"> </table>'

    TheDiv.innerHTML=NewHTML
  }

  function NewLinkCategory(Name)
  {
    var NewHTML;

    NewHTML= '<tr> <th style="background-color:#ADD8E6" align="left" style="font-family: impact; font-size:12;color:black">' + Name + '</th> <th style="background-color:#ADD8E6"> </th> </tr>'

    AddHTML(NewHTML)
  }

  function AddHTML(TheHTML)
  {
    var OldHTML =TheDiv.innerHTML;

    //take out the </table> at the end - it will be put back in 3 lines later.
    OldHTML = OldHTML.substring(0,OldHTML.length-8);
    OldHTML=OldHTML + TheHTML;

    TheDiv.innerHTML=OldHTML + '</table>';
  }

  function TheColor()
  {

    if ((Number / 2) == parseInt(Number/2))
    {
      return "#E0FFFF";
    }
    else
    {
      return "#FFFFFF";
    }
  }

  function AddLink(URL,Title,Description)
  {
    var NewHTML;

    Number++

    NewHTML=NewHTML + '<tr>';
      NewHTML = '<th style="background-color:' + TheColor() + '"'
      NewHTML=NewHTML + 'align="left"> <li>';
      if (URL != "")
      {
        NewHTML=NewHTML + '<a href="' + URL + '" target="_blank">';
      }
          NewHTML=NewHTML + Title;
      if (URL != "")
      {
        NewHTML=NewHTML + '</a>'
      }
      NewHTML=NewHTML + '</li> </th>';
      NewHTML= NewHTML + '<th align="left" style="background-color:' + TheColor() + '">';
        NewHTML=NewHTML + Description;
    NewHTML=NewHTML + '</th> </tr>';

    AddHTML(NewHTML);
  }
