window.onload = getMenuLinks;

var preload = new Array(
   '/images/menu/bkg_navrollover.jpg',
   '/images/submenu/aboutus_active.png',
   '/images/submenu/news_active.png',
   '/images/submenu/careers_active.png',
   '/images/submenu/solutions_active.png',
   '/images/submenu/features_active.png',
   '/images/submenu/support_active.png',
   '/images/submenu/faqs_active.png',
   '/images/submenu/training_active.png');

for (i=0; i<preload.length; i++) {
   newImage        = new Array();
   newImage[i]     = new Image();
   newImage[i].src = preload[i];
}

function getMenuLinks() {
   var links = document.getElementsByTagName('a');
   for(var i=0; i<links.length; i++) {
      var thisLink = links[i];
      if(thisLink.parentNode.className == "menuItem") {
         menuHover(thisLink);
      }
      if(thisLink.className == "menuLink") {
         submenuHover(thisLink);
      }
   }
}

function submenuHover(thisLink) {
   thisLink.onmouseover = submenuMouseOver;
   thisLink.onmouseout  = submenuMouseOut;
}

function submenuMouseOver() {
   this.previousSibling.src = '/images/submenu/' + this.id + '_active.png';
   this.className = 'menuLinkActive';
}

function submenuMouseOut() {
   this.previousSibling.src = '/images/submenu/' + this.id + '.png';
   this.className = 'menuLink';
}

function menuHover(thisLink) {
   thisLink.onmouseover = menuMouseOver;
   thisLink.onmouseout  = menuMouseOut;
}

function menuMouseOver() {
   if (this.parentNode.className == 'menuItem')
      this.parentNode.className = 'menuItem menuItemHover';
   return this;
}

function menuMouseOut() {
   if (this.parentNode.className == 'menuItem menuItemHover')
      this.parentNode.className = 'menuItem';
   return this;
}


function aClick(id) {
   var mainMenu = document.getElementById('menuItem'+id);
   var subMenu  = document.getElementById('subMenu'+id);
   for (i=1; i<=5; i++) {
      j = i+'';
      var mmi = document.getElementById('menuItem'+j);
      var smi = document.getElementById('subMenu'+j);
      mmi.className = 'menuItem';
      smi.className = 'subMenu';
   }
   mainMenu.className = 'menuItem menuItemActive';
   subMenu.className  = 'subMenu subMenuActive';
}