document.write('          <table cellspacing="0" class="indent" style="width:214px; height: 74px; margin-top: 6px;">');
document.write('          <tr>');
document.write('            <td style="width:214px;">');
document.write('              <a href="index.html"><img src="i/logo.gif" alt="Winwood Construction Ltd." style="width:214px; height:44px; margin-top: 30px;" /><br/></a>');
document.write('            </td>');
document.write('            <td>');
document.write('              <!-- begin menu -->');
document.write('                <div id="navigation-login"><a href="/WTT/login.asp"      title="Home"               ><img src="i/button_user_login_off.gif"       alt="User Login"                style="width: 75px; height: 8px; margin: 14px 0px 0px 0px;" id="img_00" onmouseover="MM_swapImage(\'img_00\',\'\',\'i/button_user_login_on.gif\',1)"        onmouseout="MM_swapImgRestore()" /></a></div>');
document.write('                <table cellspacing="0" id="navigation-menu">');
document.write('                <tr>');

//button home
if(typeof(id_section) != "undefined" && id_section == "home"){
  document.write('                  <td style="width: 36px;"><a href="index.html"      title="Home"               ><img src="i/button_home_on.gif"       alt="Home"                style="width: 36px; height: 9px; margin: 0px 10px 0px 0px;" /></a></td>');
}else{
  document.write('                  <td style="width: 36px;"><a href="index.html"      title="Home"               ><img src="i/button_home_off.gif"       alt="Home"                style="width: 36px; height: 9px; margin: 0px 10px 0px 0px;" id="img_01" onmouseover="MM_swapImage(\'img_01\',\'\',\'i/button_home_on.gif\',1)"        onmouseout="MM_swapImgRestore()" /></a></td>');
}

//button about
if(typeof(id_section) != "undefined" && id_section == "about"){
  document.write('                  <td style="width: 65px;"><a href="about.html"      title="About Us"           ><img src="i/button_about_on.gif"      alt="About Us"            style="width: 65px; height: 9px; margin: 0px 10px 0px 10px;" /></a></td>');
}else{
  document.write('                  <td style="width: 65px;"><a href="about.html"      title="About Us"           ><img src="i/button_about_off.gif"      alt="About Us"            style="width: 65px; height: 9px; margin: 0px 10px 0px 10px;" id="img_02" onmouseover="MM_swapImage(\'img_02\',\'\',\'i/button_about_on.gif\',1)"       onmouseout="MM_swapImgRestore()" /></a></td>');
}

//button projects
if(typeof(id_section) != "undefined" && id_section == "projects"){
  document.write('                  <td style="width:147px;"><a href="vancouver.html"  title="Vancouver Projects" ><img src="i/button_projects_on.gif"   alt="Vancouver Projects"  style="width:147px; height: 9px; margin: 0px 10px 0px 10px;" /></a></td>');
}else{
  document.write('                  <td style="width:147px;"><a href="vancouver.html"  title="Vancouver Projects" ><img src="i/button_projects_off.gif"   alt="Vancouver Projects"  style="width:147px; height: 9px; margin: 0px 10px 0px 10px;" id="img_03" onmouseover="MM_swapImage(\'img_03\',\'\',\'i/button_projects_on.gif\',1)"    onmouseout="MM_swapImgRestore()" /></a></td>');
}

//button calgary
if(typeof(id_section) != "undefined" && id_section == "calgary"){
  document.write('                  <td style="width:128px;"><a href="calgary.html"    title="Calgary Projects"   ><img src="i/button_calgary_on.gif"    alt="Calgary Projects"    style="width:128px; height: 9px; margin: 0px 10px 0px 10px;" /></a></td>');
}else{
  document.write('                  <td style="width:128px;"><a href="calgary.html"    title="Calgary Projects"   ><img src="i/button_calgary_off.gif"    alt="Calgary Projects"    style="width:128px; height: 9px; margin: 0px 10px 0px 10px;" id="img_04" onmouseover="MM_swapImage(\'img_04\',\'\',\'i/button_calgary_on.gif\',1)"     onmouseout="MM_swapImgRestore()" /></a></td>');
}

//button calgary
if(typeof(id_section) != "undefined" && id_section == "employment"){
  document.write('                  <td style="width: 85px;"><a href="employment.asp" title="Employment"         ><img src="i/button_employment_on.gif" alt="Employment"          style="width: 85px; height: 9px; margin: 0px 10px 0px 10px;" /></a></td>');
}else{
  document.write('                  <td style="width: 85px;"><a href="employment.asp" title="Employment"         ><img src="i/button_employment_off.gif" alt="Employment"          style="width: 85px; height: 9px; margin: 0px 10px 0px 10px;" id="img_05" onmouseover="MM_swapImage(\'img_05\',\'\',\'i/button_employment_on.gif\',1)"  onmouseout="MM_swapImgRestore()" /></a></td>');
}

//button calgary
if(typeof(id_section) != "undefined" && id_section == "contact"){
  document.write('                  <td style="width: 58px;"><a href="contact.html"    title="Contact"            ><img src="i/button_contact_on.gif"    alt="Contact"             style="width: 58px; height: 9px; margin: 0px 0px 0px 10px;" /></a></td>');
}else{
  document.write('                  <td style="width: 58px;"><a href="contact.html"    title="Contact"            ><img src="i/button_contact_off.gif"    alt="Contact"             style="width: 58px; height: 9px; margin: 0px 0px 0px 10px;" id="img_06" onmouseover="MM_swapImage(\'img_06\',\'\',\'i/button_contact_on.gif\',1)"     onmouseout="MM_swapImgRestore()" /></a></td>');
}

document.write('                </tr>');
document.write('                <tr>');
document.write('                  <td colspan="6">');
document.write('                    <div id="navigation-submenu" style="margin-top:6px;">');

if(typeof(id_section) != "undefined"){
  switch(id_section){
    case "about":
        document.write('                <div style="position:relative; top:-16px; left: 46px;float:left;"><img src="i/bg_menu_separator.gif" alt="" style="width:1px;height:30px;" /></div>');
        document.write('                <div style="position:relative; left: 55px; margin-top:4px; width: 260px;">');

        if(typeof(id_sub_section) != "undefined" && id_sub_section == "personnel"){
          document.write('                  <span class="active">Key Personnel</span>');
        }else{
          document.write('                  <a href="personnel.html">Key Personnel</a>');
        }
        document.write('                  &nbsp;&nbsp;|&nbsp;&nbsp;');

        if(typeof(id_sub_section) != "undefined" && id_sub_section == "clients"){
          document.write('                  <span class="active">Clients</span>');
        }else{
          document.write('                  <a href="clients.html">Clients</a>');
        }
        document.write('                  &nbsp;&nbsp;|&nbsp;&nbsp;');

        if(typeof(id_sub_section) != "undefined" && id_sub_section == "news"){
          document.write('                  <span class="active">News</span>');
        }else{
          document.write('                  <a href="news.asp">News</a>');
        }

        document.write('                </div>');
      break;

    case "projects":
        document.write('                <div style="position:relative; top:-16px; left: 133px;float:left;"><img src="i/bg_menu_separator.gif" alt="" style="width:1px;height:30px;" /></div>');
        document.write('                <div style="position:relative; left: 142px; width: 200px;">');

        if(typeof(id_sub_section) != "undefined" && id_sub_section == "projects_archive"){
          document.write('                  <span class="active">Vancouver Projects Archive</span>');
        }else{
          document.write('                  <a href="vancouver_archive.asp">Vancouver Projects Archive</a>');
        }
        document.write('                </div>');
      break;

    case "calgary":
        document.write('                <div style="position:relative; top:-16px; left: 298px;float:left;"><img src="i/bg_menu_separator.gif" alt="" style="width:1px;height:30px;" /></div>');
        document.write('                <div style="position:relative; left: 308px; width: 200px;">');

        if(typeof(id_sub_section) != "undefined" && id_sub_section == "calgary_archive"){
          document.write('                  <span class="active">Calgary Projects Archive</span>');
        }else{
          document.write('                  <a href="calgary_archive.asp">Calgary Projects Archive</a>');
        }
        document.write('                </div>');
      break;

    case "employment":
        document.write('                <div style="position:relative; top:-16px; left: 447px;float:left;"><img src="i/bg_menu_separator.gif" alt="" style="width:1px;height:30px;" /></div>');
        document.write('                <div style="position:relative; left: 456px; margin-top:4px; width:200px;">');
        if(typeof(id_sub_section) != "undefined" && id_sub_section == "employment_application"){
          document.write('                  <span class="active">Application</span>');
        }else{
          document.write('                  <a href="employment_application.html">Application</a>');
        }
        document.write('                </div>');
      break;

    default:
        document.write('                &nbsp;')
      break;
  }
}

document.write('                    </div>');
document.write('                  </td>');
document.write('                </tr>');
document.write('                </table>');
document.write('              <!-- end menu -->');
document.write('            </td>');
document.write('          </tr>');
document.write('          </table>');
document.write('<div class="spacer" style="height:10px;"><hr /></div>');
