function showMainLogo(){
  var data;
  data =  '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755">'
  data += '<tr>'
  data += '<td width="5"   height="50" rowspan="2"></td>'
  data += '<td width="25"  height="50" rowspan="2"></td>'
  data += '<td width="200" height="50" rowspan="2"><img border="0" src="../images/chtlogo.gif" width="155" height="66"></td>'
  data += '<td width="680" height="50" rowspan="2" valign="bottom" align="left"><span class="cht4">Process Control & Safety Solutions&nbsp;&nbsp;&nbsp;<span></span></td>'
  data += '<td width="90" height="25" colspan="3" align="center"><span id="icontext"></span></td>'
  data += '<td width="25"  height="50" rowspan="2"></td>'
  data += '</tr>'
  data += '<tr>'
  data += '<td width="34" height="25" align="center"><a href="home.htm" onmouseover="showtext('
  data += "'Home'"
  data += ')" onmouseout="showtext('
  data += "''"
  data += ')"><img border="0" src="../images/ico_home.gif" width="17" height="14" align="right" alt="Home Page"></a></td>'
  data += ''
  data += ''
  data += '<td width="33" height="25" align="center"><a href="mailto:enquiries@charter-tech.com" onmouseover="showtext('
  data += "'Contact Us'"
  data += ')" onmouseout="showtext('
  data += "''"
  data += ')"><img border="0" src="../images/ico_mail.gif" width="17" height="14" align="center" alt="Email"></a></td>'
  data += ''
  data += ''
  data += '<td width="33" height="25" align="center"><a href="sitemap.htm" onmouseover="showtext('
  data += "'Site Map'"
  data += ')" onmouseout="showtext('
  data += "''"
  data += ')"><img border="0" src="../images/ico_map.gif" width="17" height="14" align="left" alt="Site map"></a></td>'
  data += '</tr></table>'
  data += '<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755"><tr><td width="750"  height="2" bgcolor="#FFFFFF"></td></tr></table>'
  document.getElementById("topbanner").innerHTML = data;
  }

function showTopMenu(vLoc){
  var vStr;
  
  vStr =  '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755">';
  vStr += '<tr>';
  vStr += '<td width="5"   height="20"></td>';
  vStr += '<td width="25"  height="20" bgcolor="#225588"></td>';
  vStr += '<td width="700" height="20" bgcolor="#225588">';
  if (vLoc=="home"){vStr += '<a class="screenHome" href="home.htm" title="Home">Home</a>'}
  else             {vStr += '<a class="menuHome"   href="home.htm" title="Home">Home</a>'};
  if (vLoc=="capa"){vStr += '<a class="screenCapa" href="capa.htm" title="Capabilities">Capabilities</a>'}
  else             {vStr += '<a class="menuCapa"   href="capa.htm" title="Capabilities">Capabilities</a>'};
  if (vLoc=="indu"){vStr += '<a class="screenIndu" href="indu.htm" title="Industries">Industries</a>'}
  else             {vStr += '<a class="menuIndu"   href="indu.htm" title="Industries">Industries</a>'};
  if (vLoc=="safe"){vStr += '<a class="screenSaft" href="safe.htm" title="Safety">Safety</a>'}
  else             {vStr += '<a class="menuSaft"   href="safe.htm" title="Safety">Safety</a>'};
  if (vLoc=="news"){vStr += '<a class="screenNews" href="news.htm" title="News Centre">News Centre</a>'}
  else             {vStr += '<a class="menuNews"   href="news.htm" title="News Centre">News Centre</a>'};
  vStr += '</td>';
  vStr += '<td width="25" height="20" bgcolor="#225588"></td>';
  vStr += '</tr>';
  vStr += '</table>';

  //draws a spacer table a few pixels high
  vStr += '<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755"><tr><td width="750"  height="2" bgcolor="#FFFFFF"></td></tr></table>';
  document.getElementById("menubanner").innerHTML = vStr;
  }


function showTopMenu2(vLoc, vLoc2){
  var vStr;
  var vColor;
  
  //set the background colors for the 2nd menu row
  if (vLoc=="home") {vColor="99CCCC"};//CCCC99
  if (vLoc=="capa") {vColor="CCEEBB"};
  if (vLoc=="indu") {vColor="FFCC66"};
  if (vLoc=="safe") {vColor="FF99CC"};
  if (vLoc=="news") {vColor="CCCCFF"};

  //draws the second tier menu bar depending on the main menu selection
  vStr =  '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755">';
  vStr += '<tr>';
  vStr += '<td width="5"   height="20"></td>';
  vStr += '<td width="25"  height="20" bgcolor="#' + vColor + '"></td>';
  vStr += '<td width="700" height="20" bgcolor="#' + vColor + '">';
  
  if (vLoc=="capa"){
    if (vLoc2=="capa_bur"){vStr += '<a class="screenCapaBur" href="capa_bur.htm" title="Burner Management">Burner Management</a>'}
    else                  {vStr += '<a class="menu2CapaBur"  href="capa_bur.htm" title="Burner Management">Burner Management</a>'};
    if (vLoc2=="capa_pro"){vStr += '<a class="screenCapaPro" href="capa_pro.htm" title="Process Control">Process control</a>'}
    else                  {vStr += '<a class="menu2CapaPro"  href="capa_pro.htm" title="Process Control">Process Control</a>'};
    if (vLoc2=="capa_int"){vStr += '<a class="screenCapaInt" href="capa_int.htm" title="System Integration">System Integration</a>'}
    else                  {vStr += '<a class="menu2CapaInt"  href="capa_int.htm" title="System Integration">System Integration</a>'};
    if (vLoc2=="capa_con"){vStr += '<a class="screenCapaCon" href="capa_con.htm" title="Consultancy">Consultancy</a>'}
    else                  {vStr += '<a class="menu2CapaCon"  href="capa_con.htm" title="Consultancy">Consultancy</a>'};
    if (vLoc2=="capa_pan"){vStr += '<a class="screenCapaPan" href="capa_pan.htm" title="Panel Services">Panel Services</a>'}
    else                  {vStr += '<a class="menu2CapaPan"  href="capa_pan.htm" title="Panel Services">Panel Services</a>'};
    if (vLoc2=="capa_sup"){vStr += '<a class="screenCapaSup" href="capa_sup.htm" title="Support">Support</a>'}
    else                  {vStr += '<a class="menu2CapaSup"  href="capa_sup.htm" title="Support">Support</a>'};
    };

  if (vLoc=="indu"){
    if (vLoc2=="indu_fin"){vStr += '<a class="screenInduFin" href="indu_fin.htm" title="Fine Chemicals">Fine Chemicals</a>'}
    else                  {vStr += '<a class="menu2InduFin"  href="indu_fin.htm" title="Fine Chemicals">Fine Chemicals</a>'};
    if (vLoc2=="indu_foo"){vStr += '<a class="screenInduFoo" href="indu_foo.htm" title="Food & Beverage">Food & Beverage</a>'}
    else                  {vStr += '<a class="menu2InduFoo"  href="indu_foo.htm" title="Food & Beverage">Food & Beverage</a>'};
    if (vLoc2=="indu_iro"){vStr += '<a class="screenInduIro" href="indu_iro.htm" title="Iron & Steel">Iron & Steel</a>'}
    else                  {vStr += '<a class="menu2InduIro"  href="indu_iro.htm" title="Iron & Steel">Iron & Steel</a>'};
    if (vLoc2=="indu_oil"){vStr += '<a class="screenInduOil" href="indu_oil.htm" title="Oil & Gas">Oil & Gas</a>'}
    else                  {vStr += '<a class="menu2InduOil"  href="indu_oil.htm" title="Oil & Gas">Oil & Gas</a>'};
    if (vLoc2=="indu_pet"){vStr += '<a class="screenInduPet" href="indu_pet.htm" title="Petrochemical">Petrochemical</a>'}
    else                  {vStr += '<a class="menu2InduPet"  href="indu_pet.htm" title="Petrochemical">Petrochemical</a>'};
    if (vLoc2=="indu_pha"){vStr += '<a class="screenInduPha" href="indu_pha.htm" title="Pharmaceutical">Pharmaceutical</a>'}
    else                  {vStr += '<a class="menu2InduPha"  href="indu_pha.htm" title="Pharmaceutical">Pharmaceutical</a>'};
    if (vLoc2=="indu_wat"){vStr += '<a class="screenInduWat" href="indu_wat.htm" title="Water">Water</a>'}
    else                  {vStr += '<a class="menu2InduWat"  href="indu_wat.htm" title="Water">Water</a>'};
    };

  if (vLoc=="safe"){
    if (vLoc2=="safe_per"){vStr += '<a class="screenSafePer" href="safe_per.htm" title="Perspective">Perspective</a>'}
    else                  {vStr += '<a class="menu2SafePer"  href="safe_per.htm" title="Perspective">Perspective</a>'};
    if (vLoc2=="safe_que"){vStr += '<a class="screenSafeQue" href="safe_que.htm" title="Questions">Questions</a>'}
    else                  {vStr += '<a class="menu2SafeQue"  href="safe_que.htm" title="Questions">Questions</a>'};
    if (vLoc2=="safe_dow"){vStr += '<a class="screenSafeDow" href="safe_dow.htm" title="Downloads">Downloads</a>'}
    else                  {vStr += '<a class="menu2SafeDow"  href="safe_dow.htm" title="Downloads">Downloads</a>'};
    if (vLoc2=="safe_glo"){vStr += '<a class="screenSafeGlo" href="safe_glo.htm" title="Glossary">Glossary</a>'}
    else                  {vStr += '<a class="menu2SafeGlo"  href="safe_glo.htm" title="Glossary">Glossary</a>'};
    vStr += '<a class="menu2SafeBlank"></a>'
    };
        
  vStr += '</td>';
  vStr += '<td width="25"  height="20" bgcolor="#' + vColor + '"></td>';
  vStr += '</tr>';
  vStr += '</table>';
  
  //draws a spacer table a few pixels high
  vStr += '<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755"><tr><td width="755"  height="2" bgcolor="#FFFFFF"></td></tr></table>';
  document.getElementById("menu2banner").innerHTML = vStr;
  }

function makeMontage(vLoc){
  var vStr;
  //draws the montage image - concationates the string together
  vStr  = '<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755">';
  vStr += '<tr>';
  vStr += '<td width="5"   height="100"></td>';
  vStr += '<td width="750" height="100">';
  vStr += '<img border="0" src="../images/montage_' + vLoc + '.jpg" name="montage" width="750" height="100"></td>';
  vStr += '</tr>';
  vStr += '</table>';
  vStr += '<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755"><tr><td width="755"  height="2" bgcolor="#FFFFFF"></td></tr></table>';
  document.getElementById("montagebanner").innerHTML = vStr;
  }

function showBottomMenu(vLoc){
  var vStr;
  vStr ='<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755"><tr><td width="750"  height="2" bgcolor="#FFFFFF"></td></tr></table>';
  vStr +='<br>'
  vStr +='<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755" class="topmenu">';
  vStr +='<tr>';
  vStr +='<td width="5"   height="20" bgcolor="#FFFFFF"></td>';
  vStr +='<td width="25"  height="20" bgcolor="#225588"></td>';
  vStr +='<td width="700" height="20" bgcolor="#225588">';

  if (vLoc=="asoc"){vStr += '<a class="screenAsoc" href="bmassoc.htm" title="Associates">Associates</a>'}
  else             {vStr += '<a class="bmenuAsoc"  href="bmassoc.htm" title="Associates">Associates</a>'};

  if (vLoc=="care"){vStr += '<a class="screenCare" href="bmcareers.htm" title="Careers">Careers</a>'}
  else             {vStr += '<a class="bmenuCare"  href="bmcareers.htm" title="Careers">Careers</a>'};

  if (vLoc=="link"){vStr += '<a class="screenLink" href="bmlinks.htm" title="Links">Links</a>'}
  else             {vStr += '<a class="bmenuLink"  href="bmlinks.htm" title="Links">Links</a>'};

  if (vLoc=="ackn"){vStr += '<a class="screenAckn" href="bmackno.htm" title="Acknowledgements">Acknowledgements</a>'}
  else             {vStr += '<a class="bmenuAckn"  href="bmackno.htm" title="Acknowledgements">Acknowledgements</a>'};

  if (vLoc=="cont"){vStr += '<a class="screenCont" href="bmconta.htm" title="Contact Us">Contact Us</a>'}
  else             {vStr += '<a class="bmenuCont"  href="bmconta.htm" title="Contact Us">Contact Us</a>'};

  if (vLoc=="poli"){vStr += '<a class="screenPoli" href="bmpolic.htm" title="Policies">Policies</a>'}
  else             {vStr += '<a class="bmenuPoli"  href="bmpolic.htm" title="Policies">Policies</a>'};

  vStr +='</td>';
  vStr +='<td width="25" height="20" bgcolor="#225588"></td>';
  vStr +='</tr>';
  vStr +='</table>';
  vStr +='<!--Spacer row--><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="755">';
  vStr +='<tr>';
  vStr +='<td width="750"  height="25" bgcolor="#FFFFFF"><p align="right"><font color="#C0C0C0">© Copyright 2010 Charter-Tech</font></td>';
  vStr +='</tr>';
  vStr +='</table>';
  document.getElementById("botbanner").innerHTML = vStr;
  }