function addLoadListener(fn)
{
  if (typeof window.addEventListener != 'undefined')
  {
    window.addEventListener('load', fn, false);
  }
  else if (typeof document.addEventListener != 'undefined')
  {
    document.addEventListener('load', fn, false);
  }
  else if (typeof window.attachEvent != 'undefined')
  {
    window.attachEvent('onload', fn);
  }
  else
  {
    var oldfn = window.onload;
    if (typeof window.onload != 'function')
    {
      window.onload = fn;
    }
    else
    {
      window.onload = function()
      {
        oldfn();
        fn();
      };
    }
  }
}

/**
 * Preloads rollover image and swaps/replaces images during button mouseover/mouseout
 */
function preloadImages()
{	
	var links = ['roll-1', 'roll-2', 'roll-3', 'roll-4', 'roll-5', 'roll-6', 'roll-7', 'roll-8', 'roll-9', 'roll-10'];
	var divs = ['hl-1', 'hl-2', 'homeCenter', 'hr-2', 'nb1', 'nb2', 'nb3', 'nb4', 'nb5', 'nb6'];
	var images = ['journal', '15years', 'sandtray', 'mapping', 'mission', 'portfolio', 'publications', 'resources', 'sendnote', 'who_we_are'];
	
	for (var i = 0; i < links.length; i++)
	{
		loadImage(links[i], divs[i], images[i]);
	}
}

function loadImage(linkId, divId, imgName)
{
	var imgObject = new Image();
	imgObject.src = 'images/home/'+imgName+'-over.gif';
	var link = document.getElementById(linkId);
	var div = document.getElementById(divId);
	
	link.onmouseover = function()
	{
		div.style.background = 'url('+imgObject.src+')';
	}
	link.onmouseout = function()
	{
		div.style.background = 'url(images/home/'+imgName+'.gif)';
	}
}

addLoadListener(preloadImages);