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 divList = ['nt1', 'nt2', 'nt3', 'nt4', 'nt5', 'nt6'];
	var links = ['roll-1', 'roll-2', 'roll-3', 'roll-4', 'roll-5', 'roll-6'];
	var imageList = ['mission', 'portfolio', 'publications', 'resources', 'sendnote', 'who_we_are'];
	var divs = [];
	var images = [];
	var folder = 'navtop';
	
	for (var i = 0; i < divList.length; i++)
	{
		if (document.getElementById(divList[i]))
		{
			divs[i] = divList[i];
			images[i] = imageList[i];
		}
	}
	
	for (var i = 0; i < divs.length; i++)
	{
		loadImage(links[i], divs[i], images[i], folder);
	}

	var divList = ['tdl-2', 'tdr-1', 'tdr-2'];
	var links = ['roll-7', 'roll-8', 'roll-9'];
	var imageList = ['journal', 'order', 'donate'];
	var divs = [];
	var images = [];
	var folder = 'pub';
	
	for (var i = 0; i < divList.length; i++)
	{
		if (document.getElementById(divList[i]))
		{
			divs[i] = divList[i];
			images[i] = imageList[i];
		}
	}
	
	for (var i = 0; i < divs.length; i++)
	{
		loadImage(links[i], divs[i], images[i], folder);
	}
	
	var idList = ['next', 'back'];
	
	for (var i = 0; i < idList.length; i++)
	{
		if (document.getElementById(idList[i]))
		{
			swapImage(idList[i]);
		}
	}
	
	if (document.getElementById('inside'))
	{
		swapImage2(document.getElementById('inside'));
	}
}

function loadImage(linkId, divId, imgName, imgFolder)
{
	var imgObject = new Image();
	imgObject.src = '../images/'+imgFolder+'/'+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/'+imgFolder+'/'+imgName+'.gif)';
	}
}

function swapImage(id)
{	
	var img = document.getElementById(id);
	var newImg = new Image();
	newImg.src = 'images/'+id+'-over.gif';
	
	img.onmouseover = function()
	{
		img.src = newImg.src;
	};
	
	img.onmouseout = function()
	{
		img.src = 'images/'+id+'.gif';
	};
}

function swapImage2(element)
{	
	var original = new Image();
	original.src = element.src;
	var image = new Image();
	image.src = original.src.substring(0, original.src.length - 4)+'-over.gif';
	
	element.onmouseover = function() {
		element.src = image.src;
	};
	element.onmouseout = function() {
		element.src = original.src;
	};
}


addLoadListener(preloadImages);