var preloaded = [];
// here is a lame preloading script i am putting in just for demonstration
//preloaded[1] = [loadImage("company-off.gif"), loadImage("company-on.gif")];
//preloaded[2] = [loadImage("solutions-off.gif"), loadImage("solutions-on.gif")];
//preloaded[3] = [loadImage("platform-off.gif"), loadImage("platform-on.gif")];
//preloaded[4] = [loadImage("clients-off.gif"), loadImage("clients-on.gif")];
//preloaded[5] = [loadImage("news-off.gif"), loadImage("news-on.gif")];
function init() {
// whatever stuff you need to do onload goes here.
//==========================================================================================
// if supported, initialize mtdropdowns
//==========================================================================================
// Check isSupported() so that menus aren't accidentally sent to non-supporting browsers.
// This is better than server-side checking because it will also catch browsers which would
// normally support the menus but have javascript disabled.
//
// If supported, call initialize() and then hook whatever image rollover code you need to do
// to the .onactivate and .ondeactivate events for each menu.
//==========================================================================================
  if (mtDropDown.isSupported()) {
    mtDropDown.initialize();
// hook all the image swapping of the main toolbar to menu activation/deactivation
// instead of simple rollover to get the effect where the button stays hightlit until
// the menu is closed.
    //menu1.onactivate = function() { swapImage("company", preloaded[1][1].src) };
    //menu1.ondeactivate = function() { swapImage("company", preloaded[1][0].src) };
    //menu2.onactivate = function() { swapImage("solutions", preloaded[2][1].src) };
    //menu2.ondeactivate = function() { swapImage("solutions", preloaded[2][0].src) };
    //menu3.onactivate = function() { swapImage("platform", preloaded[3][1].src) };
    //menu3.ondeactivate = function() { swapImage("platform", preloaded[3][0].src) };
    //menu4.onactivate = function() { swapImage("clients", preloaded[4][1].src) };
    //menu4.ondeactivate = function() { swapImage("clients", preloaded[4][0].src) };
    //menu5.onactivate = function() { swapImage("news", preloaded[5][1].src) };
    //menu5.ondeactivate = function() { swapImage("news", preloaded[5][0].src) };
    }
  }
// this is a crappy example preloader. Use whichever one you want.
function loadImage(sFilename) {
  var img = new Image();
  img.src ="images/" + sFilename;
  return img;
  }
// this is a crappy example image swapper. Use whichever you want.
function swapImage(imgName, sFilename) {
  document.images[imgName].src = sFilename;
  }