displaytab01 = '<span id="tab01" class="lev01" style="background-color: #A4A29D">PRODUCTS</span>';

HiLite("Arches");
displaytab02 = a + 'id="tab02" class="lev01" href="arches.html" onMouseClick="SelectTab(\'tab02content\')">ARCHES</a>';

HiLite("Canopies and Trellises");
displaytab03 = a + 'id="tab03" class="lev01" href="canopies.html" onMouseClick="SelectTab(\'tab03content\')">CANOPIES AND TRELLISES</a>';

HiLite("Corbels");
displaytab04 = a + 'id="tab04" class="lev01" href="corbels.html" onMouseClick="SelectTab(\'tab04content\')">CORBELS</a>';

HiLite("Handrails");
displaytab05 = a + 'id="tab05" class="lev01" href="handrails.html" onMouseClick="SelectTab(\'tab05content\')">HANDRAILS</a>';

HiLite("Milling");
displaytab06 = a + 'id="tab06" class="lev01" href="milling.html" onMouseClick="SelectTab(\'tab06content\')">MILLING</a>';

HiLite("Radius Plates");
displaytab07 = a + 'id="tab07" class="lev01" href="plates.html" onMouseClick="SelectTab(\'tab07content\')">RADIUS PLATES</a>';

HiLite("Radius Soffits");
displaytab08 = a + 'id="tab08" class="lev01" href="soffits.html" onMouseClick="SelectTab(\'tab08content\')">RADIUS SOFFITS</a>';

HiLite("Radius Trim");
displaytab09 = a + 'id="tab09" class="lev01" href="trim.html" onMouseClick="SelectTab(\'tab09content\')">RADIUS TRIM</a>';

HiLite("Shutters");
displaytab10 = a + 'id="tab10" class="lev01" href="shutters.html" onMouseClick="SelectTab(\'tab10content\')">SHUTTERS</a>';

HiLite("Stairs");
displaytab11 = a + 'id="tab11" class="lev01" href="stairs.html" onMouseClick="SelectTab(\'tab11content\')">STAIRS</a>';

HiLite("Quote");
displaytab12 = a + 'id="tab11" class="quote" href="mailto:sales@framecom.com" onMouseClick="SelectTab(\'tab11content\')">REQUEST ONLINE QUOTE</a>';

// FUNCTIONS //

function DisplayTabs() {
  document.write ('<div style="margin-top:18px"></div>');  // Spacer
  document.write (displaytab01);  // Products
  document.write (displaytab02);  // Arches
  document.write (displaytab03);  // Canopies and Trellises
  document.write (displaytab04);  // Corbels
  document.write (displaytab05);  // Custom Handrails
  document.write (displaytab06);  // Milling
  document.write (displaytab07);  // Radius Plates
  document.write (displaytab08);  // Radius Soffits
  document.write (displaytab09);  // Radius Trim
  document.write (displaytab10);  // Shutters
  document.write (displaytab11);  // Stairs
  document.write ('<div style="margin-top:18px"></div>');  // Spacer
  document.write (displaytab12);  // Quote
}

function SelectTab(d) {
// alert ('bing');
// if (d != "tab01content") {HideContent('tab01content')}
if (d != "tab02content") {HideContent('tab02content')}
if (d != "tab03content") {HideContent('tab03content')}
if (d != "tab04content") {HideContent('tab04content')}
if (d != "tab05content") {HideContent('tab05content')}
ShowContent(d);
return;
}

function HideContent(d) {
document.getElementById(d).style.display = "none";
}

function ShowContent(d) {
document.getElementById(d).style.display = "";
}

function ReverseContentDisplay(d) {
if(document.getElementById(d).style.display == "none") { document.getElementById(d).style.display = ""; }
else { document.getElementById(d).style.display = "none"; }
}

function HiLite(key) {
if (document.title.indexOf(key) != -1 ) {a = '<a style="background-color: #644136; color:#FFFFFF;" '} else {a = '<a '}
return (a)
}