<!--

//----------------------------------------------------------
// Table_Header
//----------------------------------------------------------
function Table_Header(Cover, Title, Artist)
{
   document.write("<br><table width=100% border=1 cellspacing=5 cellpadding=3 bgcolor=\"#99CCFF\" bordercolor=\"#000000\">");
   document.write("<tr bgcolor=\"#6699FF\" bordercolor=\"#6699FF\"><td height=10 colspan=2>"); 
   document.write("<div align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=2><b>");
   document.write("<font color=\"#FFFFFF\">" + Title + " - " + Artist + "</font></b></font></div>");
   document.write("</td></tr><tr bgcolor=\"#FFFFFF\">"); 
   document.write("<td width=50% bgcolor=\"#FFFFFF\" valign=\"top\">");
   document.write("<table width=100% border=0 cellspacing=1 cellpadding=2><tr><td>");

   document.write("<center><TABLE cellspacing=0 BORDER=0 WIDTH=100%><TR>");

   if (Cover == "blank")
      document.write("<TD width=100% align=center>");
   else
      document.write("<TD width=100% align=center><IMG SRC=\"" + Cover + "\" WIDTH=144 BORDER=1 alt=\"" + Title + " - " + Artist + "\"><br><BR>");
}

//----------------------------------------------------------
// Album_Header
//----------------------------------------------------------
function Album_Header(Graphic, Title, Artist)
{
   document.write("<table cellspacing=5 border=0><tr>");
   if (Graphic != "")
      document.write("<td><img src=\"" + Graphic + "\" width=50 height=45></td>");
   document.write("<td><b><font size=4>" + Title + "</font></b><br>" + Artist + "</td></tr></table><br>");
}

//----------------------------------------------------------
// Details
//----------------------------------------------------------
function Details(Desc, Who, Row)
{
   if (Row == 0)
      document.write("<table width=95% cellpadding=0 cellspacing=0>");

   if ((Row == 0) || (Row == 2) || (Row == 12))
      document.write("<tr class=\"table-grey\">");
   else
      document.write("<tr>");

   document.write("<td width=35%><b>" + Desc + "</b></td><td>" + Who + "</td></tr>");

   if ((Row == 1) || (Row == 12))
   {
      document.write("</table>");
      document.write("</td></tr></table>");
      document.write("</td></tr></table></td><td width=50% bgcolor=\"#FFFFFF\" valign=\"top\">"); 
      document.write("<table width=100% border=0 cellspacing=0 cellpadding=2><tr><td>");
   }
}

//----------------------------------------------------------
// Track
//----------------------------------------------------------
function Track(Num, Track, Length, Lyrics, End)
{
   if (Num == 1)
   {
      document.write("<table><tr>");
      document.write("<TD WIDTH=3%>1.</TD><TD><");
      if (Lyrics == "") document.write("!");
      document.write("a href=\"../html/" + Lyrics + "lyrics.htm\">" + Track + "</TD><TD>" + Length + "</TD>");
   }
   else
   {
      document.write("<tr><TD>" + Num + ".</TD><TD><");
      if (Lyrics == "") document.write("!");
      document.write("a href=\"../html/" + Lyrics + "lyrics.htm\">" + Track + "</a></TD><TD>" + Length + "</TD>");
   }
   if (End == 1) 
   {   
      document.write("</table></center>");
      document.write("</td></tr></table></td></tr></table><br>");
   }
}

//----------------------------------------------------------
// Main_Header
//----------------------------------------------------------
function Main_Header(Title, Credits)
{
      document.write("<br><center><table width=90% border=1 cellspacing=5 cellpadding=3 bgcolor=\"#99CCFF\" bordercolor=\"#000000\">");
      document.write("<tr bgcolor=\"#6699FF\" bordercolor=\"#6699FF\"><td height=10 colspan=2>");
      document.write("<div align=\"center\"><font face=\"Verdana, Arial, Helvetica, sans-serif\" size=3><b>");
      document.write("<font color=\"#FFFFFF\">"+ Title);
      if (Credits != "") document.write("<br><font size=1>(" + Credits + ")</font></b>");
      document.write("</font></div>");
      document.write("</td></tr><tr bgcolor=\"#FFFFFF\"><td width=50% bgcolor=\"#FFFFFF\" valign=\"top\">");
      document.write("<table width=100% border=0 cellspacing=1 cellpadding=2><tr><td align=\"center\">");
}

//----------------------------------------------------------
// Main_Footer
//----------------------------------------------------------
function Main_Footer()
{
      document.write("</td></tr></table></td></tr></table></center><br>");
}

//----------------------------------------------------------
// Album_Table
//----------------------------------------------------------
function Album_Table(Graphic, Html, Title, Artist, Row)
{
   if (Row == 1 || Row == 3) document.write("<table width=95% cellpadding=5 border=0><tr>");
   if (Row == 2) document.write("</tr><tr>");
   document.write("<td width=25% valign=top align=\"center\"><A HREF=\"" + Html + "\">");
   document.write("<img src=\"" + Graphic + "\" width=100 height=100 border=1 ");
   document.write("alt=\""+ Artist + " - " + Title + "\"></A><br><b>" + Title + "</b><br><font color=gray>" + Artist + "</font></td>");
   if (Row == 0 || Row == 3) document.write("</tr></table>");
}

//-->
