function doDrawHeader()
{
  var imgPath = "assets/imgs/";
  var s = "";

  s += '<div id="logoBanner" class="scrCenter"><a href="index.html"><img src="'+imgPath+'ltlogo.png" width="794" height="190" alt="Little Thespians Theatre School" title="littlethespians.co" /></a></div>';
  s += '<div id="contactBar">';
  s += '<span style="margin-right:30px">Contact:</span>'; 
  s += '<span><strong>Sarah</strong> on 07706-876-157 or <a href="mailto:sarah@littlethespians.co">sarah@littlethespians.co</a></span>';
  s += '<span style="margin-left:6px;margin-right:6px;">::</span>'; 
  s += '<span><strong>Georgina</strong> on 07771-538-485 or <a href="mailto:sarah@littlethespians.co">george@littlethespians.co</a></span>';
  s += '</div>';

  s += '<div id="navBar">';
  s += '<ul id="nav1">';
  s += '<li><a href="bolton.html" id="bolton"><img src="'+imgPath+'bolton.png" alt="Bolton" /></a></li>';
  s += '<li><a href="brom.html" id="brom"><img src="'+imgPath+'brom.png" alt="Bromborough" /></a></li>';
  s += '<li><a href="chester.html" id="chester"><img src="'+imgPath+'chester.png" alt="Chester" /></a></li>';
  s += '<li><a href="chris.html" id="chris"><img src="'+imgPath+'chris.png" alt="Christleton" /></a></li>';
  s += '<li><a href="neston.html" id="neston"><img src="'+imgPath+'neston.png" alt="Neston" /></a></li>';
  s += '</ul>';
  s += '<ul id="nav2">';
  //s += '<li><a href="students.html" id="students"><img src="'+imgPath+'students.png" alt="Students" /></a></li>';
  //s += '<li><a href="#" id="hof"><img src="hof.png" alt="Hall of Fame" /></a></li>';
  s += '<li><a href="media.html" id="media"><img src="'+imgPath+'media.png" alt="Media" /></a></li>';
  s += '</ul>';
  s += '</div>';

  return s;

}

function drawHeader(pageID)
{
  document.getElementById('masthead').innerHTML = doDrawHeader();
  if (pageID != '')
  {
  document.getElementById(pageID).className = pageID+'active';
  }
}

function drawFooter()
{
  var s = "";
  s += '<div id="footerLine"></div>';
  s += '<span>Copyright &copy; Georgina Gibbard and Sarah Monks, 2011-2012</span>';
  s += '<span>Concept: Peter Nolan</span>';
  s += '<span>Implementation: <a href="http://www.mgis.uk.com">MGiS</a></span>';

  document.getElementById('footer').innerHTML = s;

}

function drawSocial()
{
  if (document.getElementById('socialBar') == null) { return; }
  var s = "";
  //s += '<div id="sbTop">&nbsp;</div>';
  s += '<div class="sbItem"><a href="http://www.facebook.com/pages/Little-Thespians-Theatre-School/239832872719459" target="_blank" title="Follow Little Thespians on Facebook"><img src="assets/imgs/facebook.png" alt="Little Thespians on Facebook" /></a></div>';
  //s += '<div class="sbItem"><a href="#" target="_blank" title="Follow Little Thespians on Twitter"><img src="assets/imgs/twitter.png" alt="Little Thespians on Twitter" /></a></div>';
  //s += '<div class="sbItem"><a href="#" target="_blank" title="Follow Little Thespians on YouTube"><img src="assets/imgs/youtube.png" alt="Little Thespians on YouTube" /></a></div>';
  
  document.getElementById('socialBar').innerHTML = s;
}

function drawPageParts(pageID)
{
  drawHeader(pageID);
  drawSocial();
  drawFooter();
}