//Draw a page with the nav bar, title and a single image.
//imageName is the filename of the image (inc. extension)
//backLinkName is the text used as in, "Back to XXX"
//backLinkFileName is the filename of the html file to link back to.

function drawCentreTableHeader()
{
  document.write("<table cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" height=\"100%\">")
  document.write("<tr>")
  document.write("<td width=\"50%\"></td>")
  document.write("<td align=\"right\" width=\"770\" height=\"60\"></td>")
  document.write("<td width=\"50%\"></td>")
  document.write("</tr>")
  document.write("<tr>")
  document.write("<td width=\"50%\"></td>")
  document.write("<td width=\"770\">")

<!-- now the main content part of the page-->

}

function drawCentreTableFooter()
{
  document.write("</td>")
  document.write("<td width=\"50%\"></td>")
  document.write("</tr>")
  document.write("<tr>")
  document.write("<td width=\"50%\" height=\"70%\"></td>")
  document.write("<td width=\"740\"></td>")
  document.write("<td width=\"50%\"></td>")
  document.write("</tr>")
  document.write("</table>")
}

function drawNavBar(pageName)
{
   document.write("\n\n<p>");
   document.write("<br><a href=\"http://www.edwardsmale.co.uk/main.php?keys=home\" class=\"navbar\">Home</a>\n");
   document.write("<br><a href=\"http://www.edwardsmale.co.uk/main.php?keys=tunes\">Music</a>\n");
   document.write("<br><a href=\"http://www.edwardsmale.co.uk/main.php?keys=games\">Games</a>\n");
   document.write("<a href=\"http://www.edwardsmale.co.uk/links.php\">Links</a>\n");

   document.write("</p>");

   if (pageName != 'php') {

     document.write('<!-- Start of StatCounter Code -->')
     document.write('<script type="text/javascript" language="javascript">')
     document.write('var sc_project=609760; ')
     document.write('var sc_partition=4; ')
     document.write('var sc_security="ad28fbd5"; ')
     document.write('</script>')

      document.write('<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img  class="counter" src="http://c5.statcounter.com/counter.php?sc_project=609760&amp;java=0&amp;security=ad28fbd5" width="60" height="14" alt="web counter" border="0"></a> </noscript>')
      document.write('<!-- End of StatCounter Code -->')
   } else {
     document.write('<!-- Start of StatCounter Code -->')
     document.write('<script type="text/javascript" language="javascript">')
     document.write('var sc_project=609760; ')
     document.write('var sc_partition=4; ')
     document.write('var sc_security="ad28fbd5"; ')
     document.write('</script>')

     document.write('<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript></noscript>')
     document.write('<!-- End of StatCounter Code -->')
  }

}

//Draw the two headings and their links as used on tunes, games, and photos pages.


function drawTwoTitles(first,title1,link1,title2,link2)
{
document.write('<tr>')
if (first)
  { document.write('<td></td>') }
document.write('  <td width="50%">')
document.write('    <br>')
document.write('    <h2>')
if (link1 != "")
{
  document.write('      <a href="')
  document.write(                 link1)
  document.write(                      '">')
  document.write(                          title1)
  document.write(                                '</a>')
}
else
{
  document.write(title1)
}
document.write('    </h2>')
document.write('  </td>')
document.write('  <td width="50%">')
document.write('    <br>')
document.write('    <h2>')

if (link2 != "")
{
  document.write('      <a href="')
  document.write(                 link2)
  document.write(                      '">')
  document.write(                          title2)
  document.write(                                '</a>')
}
else
{
  document.write(title2)
}

document.write('    </h2>')
document.write('  </td>')
document.write('</tr>')
}