//********************************************************************************************
// File: header.js
// Desc: Responsible for creating the banner and left-side image and menu areas.  This is
//       done in Javascript so it can be included into each page for a consistent template.
//********************************************************************************************

document.writeln('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"');
document.writeln('   "http://www.w3.org/TR/html4/strict.dtd">');
document.writeln('<html lang=en>');
document.writeln('<head>');
document.writeln('  <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">');
document.writeln('  <title>Author Kimberly Llewellyn</title>');
document.writeln('  <meta name="author" content="Michael Llewellyn, Jr.">');
document.writeln('  <meta name="copyright" content="&copy; 2001-2010, Kimberly Llewellyn">');
document.writeln('  <link rel="stylesheet" type="text/css" href="./include/theme.css">');
document.writeln('  <script type="text/javascript" src="./include/menus.js"></script>');
document.writeln('  <script type="text/javascript" src="./include/utilities.js"></script>');

//document.writeln('  <style type="text/css">');
//document.writeln('  <!--');
//document.writeln('    a:link{COLOR:#ff66cc;text-decoration:none}');
//document.writeln('    a:visited{COLOR:#ff66cc; text-decoration:none}');
//document.writeln('    a:hover{COLOR:#0066ff; text-decoration:none}');
//document.writeln('    --></style>');
document.writeln('</head>');

/*** style on BODY tag should be 'bodyStyle', only worked in Firefox when inlined as below ***/
document.writeln('<body id="contentDoc" style="{margin:0; background-color:#580763;}" onLoad="createMenus();" onResize="if (isNS4) nsResizeHandler()">');

// set the top-of-page anchor
document.writeln('  <a name=#top>');

document.writeln('  <table width="100%" border="0" cellpadding="0">');
document.writeln('    <tr>');
document.writeln('      <td width="135" valign="top">');
document.writeln('        <center>');
document.writeln('          <img src="./images/picture.jpg" height="150" class="pictureFrame" alt="Kimberly Llewellyn">');

// put up the "sponsor" links
document.writeln('          <div style="position: absolute; left: 0; top: 600; width: 135;" class="copyright">');
document.writeln('            Glitterized graphic by Auburn Angel<br>');
document.writeln('            <a href="http://www.auburnangel.com" target="_blank">');
document.writeln('              <img src="./images/auburn_angel.gif" width="88" height="34" class="thinBorder" alt="Auburn Angel">');
document.writeln('            </a>');
document.writeln('          </div>');

// put up the social network links
document.writeln('          <div style="position: absolute; left: 0; top: 690; width: 135;">');
document.writeln('            <a href="http://twitter.com/KimLlewellyn" target="_blank">');
document.writeln('              <img src="./images/logos/Twitter_icon.jpg" class="thinBorder" alt="Follow Kimberly Llewellyn on Twitter">');
document.writeln('            </a>');
document.writeln('            <a href="http://www.facebook.com/KimberlyLlewellynBooks" target="_blank">');
document.writeln('              <img src="./images/logos/Facebook_icon.jpg" class="thinBorder" alt="Follow Kimberly Llewellyn on Facebook">');
document.writeln('            </a>');
document.writeln('          </div>');

document.writeln('        </center>');
document.writeln('      </td>');

// create the banner area
document.writeln('      <td valign="top">');
document.writeln('        <table width="100%" border="0" cellpadding="0" cellspacing="0">');
document.writeln('          <tr valign="top">');
document.writeln('            <td class="siteBorder">');
document.writeln('              <img src="images/banner.gif" alt="">');
document.writeln('            </td>');
document.writeln('            <td align="right" valign="middle">');
document.writeln('              <img width="64" height="30" src="images/spklcrownsm_white.gif" alt="">');
document.writeln('            </td>');
document.writeln('            <td width="100" class="siteBorder" align="center" valign="middle">');
document.writeln('              <a href="./news.html" class="headerNews"><b>Late Breaking News</b></a>');
document.writeln('            </td>');
document.writeln('          </tr>');
document.writeln('          <tr>');
document.writeln('            <td width="100%" colspan="3" class="announcementBar">');
/*** style on DIV tag should be 'bodyHeader', only worked in Firefox when inlined as below ***/
document.writeln('              <div id="pageTitle" style="{ font: bold 20px Arial, Helvetica; color: #000000; text-align: center; }"></div>');
document.writeln('            </td>');
document.writeln('          </tr>');
document.writeln('        </table>');

// initialize the content area
document.writeln('        <table width="100%" border="0" cellpadding="20" cellspacing="0">');
document.writeln('          <tr>');
document.writeln('            <td class="content" valign="top">');
document.writeln('              <form class="bodyContent">');


