/*********************************************************************
 Standard rollover code used throughout the site
 Jeff Chew
 ********************************************************************/

/* Initiates the object */
var imgRollover = {};

/* Initiates the preload array */
imgRollover.preloadArray = new Array();

/* Pushes an image to preload into the array */
imgRollover.preloadImage = function(imagename,imgurl){
	imgRollover.preloadArray[imagename] = new Image();
	imgRollover.preloadArray[imagename].src = imgurl;					
};

/**************************************************************** 	
 imagename = name of the image within the jsp file
 newimage = replaces the image with a new loaded image
 ***************************************************************/	
imgRollover.rollover = function(imagename,newimage){
	if(imgRollover.preloadArray[newimage]){
		imagename.src = imgRollover.preloadArray[newimage].src;
	}		
};

/****************************************************************
 Usage example for preloading:
 imgRollover.preloadImage('buttonOn','/img/button-on.gif');
 imgRollover.preloadImage('buttonOff','/img/button-off.gif');
 
 Usage example for implementation:
 <a href="#"><img src="button-off.gif" 
 	onmouseover="imgRollover.rollover(this,'buttonOn')"
 	onmouseout="imgRollover.rollover(this,'buttonOff')"
 	width="100"
 	height="100"
 	border="0"
 	alt="Button Name">
 
 ***************************************************************/