var roamLink = new Array()
for ( var i = 0; i < roamTitle.length; i++)
  { roamLink[i] =  "<a href=\"" + roamPage[i] + "\" class=\"artlink\">" + roamTitle[i] + "</a><br>\n" }

var roamActive = new Array()
for ( var i = 0; i < roamTitle.length; i++)
  { roamActive[i] = "<span class=\"activelink\">" + roamTitle[i] + "</span><br>" }

for ( var i = 0; i < roamTitle.length; i++)
  { if (roamTitle[i])
    { roamLink[i] = "<a href=\"" + roamPage[i] + "\" class=\"artlink\">" + roamTitle[i] + "</a><br>\n" }
  }

var theNav = "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"
theNav += "<tr>\n"
theNav += "<td width=\"204\" valign=\"top\"><img src=\"../images/spacer.gif\" width=\"204\" height=\"24\" border=\"0\" alt=\"\"><br>\n"
theNav += "<img src=\"../images/spacer.gif\" width=\"40\" height=\"24\" border=\"0\" alt=\"\"><img src=\"../images/title_roam.gif\" width=\"164\" height=\"43\" border=\"0\" alt=\"Roam\"><br>\n"
theNav += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"

for ( var i = 0; i < roamPage.length; i++)
  { if (document.location.href.indexOf(roamPage[i]) == -1)
    {  theNav += "<tr>\n" + inactiveImg
       theNav += "<td valign=\"top\">" +  roamLink[i] + "<img src=\"../images/spacer.gif\" width=\"20\" height=\"10\" border=\"0\" alt=\"\"></td>\n</tr>\n"}
    else
    {  theNav += "<tr>\n" + activeImg
       theNav += "<td valign=\"top\">" +  roamActive[i] + "<img src=\"../images/spacer.gif\" width=\"20\" height=\"10\" border=\"0\" alt=\"\"></td>\n</tr>\n" }
   }

theNav += "</table>\n"
theNav += "<td valign=\"top\">\n"