var _sMainLinks = "mainlinks"; //off state
var _sMainLinksTitle = "mainlinkstitle"; //on state

var _mHome = _sMainLinks;
var _mSolutions = _sMainLinks;
var _mServices = _sMainLinks;
var _mSupport = _sMainLinks;
var _mAbout = _sMainLinks;
var _mContact = _sMainLinks;

//mainlinks style1
//mainlinks style4

function LoadMenu(selection)
{
 if (selection == 'Home')
  _mHome = _sMainLinksTitle; 
 else if (selection == 'Solution')
  _mSolutions = _sMainLinksTitle;
 else if (selection == 'Services')
  _mServices = _sMainLinksTitle;
 else if (selection == 'Support')
  _mSupport = _sMainLinksTitle;
 else if (selection == 'About')
  _mAbout = _sMainLinksTitle;
 else if (selection == 'Contact')
  _mContact = _sMainLinksTitle;

var menuItems = "<table style=\"width:900px; text-align:center; background:url(images/nav_gradient.gif);\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td style=\"width:20px; text-align:center;\" class=\"mainlinks style4\">&nbsp;</td><td style=\"width:105px;height:33px; text-align:center; vertical-align:middle;\" class=\"mainlinks\"><a href=\"index.html\" target=\"_self\" class=\"" + _mHome + "\">HOME</a></td><td style=\"width:8px; text-align:left;\" class=\"mainlinks style1\">&nbsp;</td><td style=\"height:33px; text-align:center; vertical-align:middle;\" class=\"mainlinks\"><a href=\"solutions.html\" target=\"_self\" class=\"" + _mSolutions + "\">SOLUTIONS</td><td style=\"width:8px; text-align:center;\" class=\"mainlinks\">&nbsp;</td><td style=\"width:150px;height:33px; text-align:center; vertical-align:middle;\" class=\"mainlinks\"><a href=\"services.html\" target=\"_self\" class=\"" + _mServices + "\">SERVICES</a></td><td style=\"width:8px; text-align:center;\" class=\"mainlinks\">&nbsp;</td><td style=\"width:140px; height:33px; text-align:center; vertical-align:middle;\" class=\"mainlinks\"><a href=\"https://bemas.custhelp.com/\" target=\"_blank\" class=\"" + _mSupport + "\">SUPPORT</a></td><td style=\"width:8px; text-align:center;\" class=\"mainlinks style4\">&nbsp;</td><td style=\"width:125px; height:33px; text-align:center; vertical-align:middle;\" class=\"mainlinks style4\"><a href=\"about.html\" target=\"_self\" class=\"" + _mAbout + "\">ABOUT</a></td><td style=\"width:8px; text-align:right;\" class=\"mainlinks\">&nbsp;</td><td align=\"center\" valign=\"middle\" class=\"mainlinks\"><a href=\"contact.html\" target=\"_self\" class=\"" + _mContact + "\">CONTACT</a></td><td style=\"width:20px; height:33px; text-align:center;\" class=\"mainlinks\">&nbsp;</td></tr></table>";
 document.getElementById("menu").innerHTML = menuItems; 
}