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

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

for ( var i = 0; i < mediaTitle.length; i++)
  { if (mediaTitle[i])
    { mediaLink[i] = "<a href=\"" + mediaPage[i] + "\" class=\"artlink\">" + mediaTitle[i] + "</a><br>\n" }
  }
	
var mediaCyberLink = new Array()
for ( var i = 0; i < mediaCyberTitle.length; i++)
  { if (mediaCyberTitle[i])
    { mediaCyberLink[i] = "<a href=\"" + mediaCyberPage[i] + "\" class=\"artlink\">" + mediaCyberTitle[i] + "</a><br>\n" }
  }

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

var navMargin = "<tr>\n<td valign=\"top\" colspan=\"2\"><img src=\"../images/spacer.gif\" width=\"48\" height=\"18\" border=\"0\" alt=\"\"></td>\n</tr>\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_media.gif\" width=\"164\" height=\"43\" border=\"0\" alt=\"Media\"><br>\n"
theNav += "<table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n"

for ( var i = 0; i < mediaPage.length; i++)
  { if (document.location.href.indexOf(mediaPage[i]) == -1)
    {  theNav += "<tr>\n" + inactiveImg
       theNav += "<td valign=\"top\">" +  mediaLink[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\">" +  mediaActive[i] + "<img src=\"../images/spacer.gif\" width=\"20\" height=\"10\" border=\"0\" alt=\"\"></td>\n</tr>\n" }
   }

theNav += navMargin

if (document.location.href.indexOf(mediaCyberPage[0]) != -1)
  { theNav += "<tr>\n" + activeImg }
else
  { theNav += "<tr>\n" + inactiveImg }

theNav += "<td valign=\"top\"><span class=\"artnavtitle\">Cybersights</span><br>\n"
theNav += "<img src=\"../images/spacer.gif\" width=\"20\" height=\"2\" border=\"0\" alt=\"\"></td>\n"
theNav += "</tr>\n"
 
for ( var i = 0; i < mediaCyberPage.length; i++)
  { theNav += "<tr>\n" + inactiveImg + "<td valign=\"top\">" + mediaCyberLink[i] + "</td>\n</tr>\n<tr>\n" }

theNav += navMargin

if (document.location.href.indexOf(mediaWordPage[0]) != -1)
  { theNav += "<tr>\n" + activeImg }
else
  { theNav += "<tr>\n" + inactiveImg }

theNav += "<td valign=\"top\"><span class=\"artnavtitle\">Written Word</span><br>\n"
theNav += "<img src=\"../images/spacer.gif\" width=\"20\" height=\"2\" border=\"0\" alt=\"\"></td>\n"
theNav += "</tr>\n"
 
for ( var i = 0; i < mediaWordPage.length; i++)
  { theNav += "<tr>\n" + inactiveImg + "<td valign=\"top\">" + mediaWordLink[i] + "</td>\n</tr>\n<tr>\n" }


/*
theNav += navMargin
theNav += "<tr>\n" + inactiveImg
theNav += "<td valign=\"top\"><a href=\"media_newsflashes.htm\" class=\"artspopvulture\">Written Word</a></td>\n"
theNav += "</tr>\n"
*/

theNav += navMargin
theNav += "<tr>\n" + inactiveImg
theNav += "<td valign=\"top\"><a href=\"media_americans.htm\" class=\"artspopvulture\">Living with Americans</a></td>\n"
theNav += "</tr>\n"
theNav += navMargin
theNav += "<tr>\n" + inactiveImg
theNav += "<td valign=\"top\"><a href=\"media_ehcanada.htm\" class=\"artspopvulture\">Eh! Canada</a></td>\n"
theNav += "</tr>\n"
theNav += "</table>\n"
theNav += "<!-- Navigation ends -->\n"
theNav += "<td valign=\"top\">\n"