// banner1.js
// Banner and top level menu component
// Utilizes Menu1_selected value defined in main page to determine menu state.

document.write("<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='0' WIDTH='100%' HEIGHT='70'>");
document.write("<TR>");
document.write("<TD WIDTH='110'><IMG SRC='graf/xilologo1.gif' BORDER=0 TITLE='Xilo Online' WIDTH='110' HEIGHT='70'></TD>");
document.write("<TD>");

document.write("<TABLE BORDER='0' CELLSPACING='0' CELLPADDING='0' WIDTH='100%'>");
document.write("<TR HEIGHT='33'>");
document.write("<TD ALIGN='MIDDLE' CLASS='mediumgraytext'><B><I>Network Delivered Solutions</I></B></TD>");
document.write("<TD ALIGN='RIGHT' CLASS='smallgraytext'><B>");
document.write(ServerDate);
document.write("</B>&nbsp;");
document.write("</TD>");
document.write("</TR>");
document.write("<TR HEIGHT='37'>");
document.write("<TD COLSPAN=2 BACKGROUND='graf/bannerbg_3.gif' ALIGN='CENTER' VALIGN='BOTTOM'>");

// Nav buttons Level 1 starts
document.write("<TABLE BORDER='0' CELLSPACING='1' CELLPADDING='0' WIDTH='80%' BGCOLOR='#000000'>");
document.write("<TR HEIGHT='18'>");

if (Menu1_selected == "welcome") {
  document.write("<TD ID='welcome' BACKGROUND='graf/buttonbg_1.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallwhiteboldtext'>WELCOME</TD>");
} else {
  document.write("<TD ID='welcome' BACKGROUND='graf/buttonbg_2.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallgrayboldtext' onClick='location.href=\"http://www.xilo.com\";' onMouseOver='Menu1_In(\"welcome\")' onMouseOut='Menu1_Out(\"welcome\")' STYLE='cursor:pointer;'>WELCOME</TD>");
}
if (Menu1_selected == "solutions") {
  document.write("<TD ID='solutions' BACKGROUND='graf/buttonbg_1.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallwhiteboldtext'>SOLUTIONS</TD>");
} else {
  document.write("<TD ID='solutions' BACKGROUND='graf/buttonbg_2.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallgrayboldtext' onClick='location.href=\"solutionsummary.htm\";' onMouseOver='Menu1_In(\"solutions\")' onMouseOut='Menu1_Out(\"solutions\")' STYLE='cursor:pointer;'>SOLUTIONS</TD>");
}
if (Menu1_selected == "support") {
  document.write("<TD ID='support' BACKGROUND='graf/buttonbg_1.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallwhiteboldtext'>SUPPORT</TD>");
} else {
  document.write("<TD ID='support' BACKGROUND='graf/buttonbg_2.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallgrayboldtext' onClick='location.href=\"help.htm\";' onMouseOver='Menu1_In(\"support\")' onMouseOut='Menu1_Out(\"support\")' STYLE='cursor:pointer;'>SUPPORT</TD>");
}
if (Menu1_selected == "merchants") {
  document.write("<TD ID='merchants' BACKGROUND='graf/buttonbg_1.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallwhiteboldtext'>MERCHANTS</TD>");
} else {
  document.write("<TD ID='merchants' BACKGROUND='graf/buttonbg_2.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallgrayboldtext' onClick='location.href=\"merchantaccount.htm\";' onMouseOver='Menu1_In(\"merchants\")' onMouseOut='Menu1_Out(\"merchants\")' STYLE='cursor:pointer;'>MERCHANTS</TD>");
}
if (Menu1_selected == "affiliates") {
  document.write("<TD ID='affiliates' BACKGROUND='graf/buttonbg_1.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallwhiteboldtext'>AFFILIATES</TD>");
} else {
  document.write("<TD ID='affiliates' BACKGROUND='graf/buttonbg_2.gif' ALIGN='CENTER' WIDTH='20%' CLASS='smallgrayboldtext' onClick='location.href=\"affiliateprogram.htm\";' onMouseOver='Menu1_In(\"affiliates\")' onMouseOut='Menu1_Out(\"affiliates\")' STYLE='cursor:pointer;'>AFFILIATES</TD>");
}

document.write("</TR>");
document.write("</TABLE>");
// Nav buttons Level 1 ends

document.write("</TD>");
document.write("</TR>");
document.write("</TABLE>");

document.write("</TD>");
document.write("</TR>");
document.write("</TABLE>");
<!-- BANNER ENDS -->