<!--
	// THIS JAVASCRIPT IS USED TO PRELOAD THE IMAGES USED FOR THE LOGOUT BUTTON TO SWAP OUT IMAGES DURING ROLLOVER.
	
	// declare and initialize the array variable used for logout image rollovers.
	var logout_off = new Image();
	var logout_on = new Image();
	
	// now load the images to be used for the rollover.
	logout_off.src = "/images/common/logout_off.gif";
	logout_on.src = "/images/common/logout_on.gif";
	
	// THE FOLLOWING FUNCTION SWAPS OUT THE LOGOUT IMAGE DEPENDING ON THE STATE.
	function swap_logout_image(state) {
		// get the image object to be swapped.
		var image_swap = document.getElementById('logout');
		
		// now check to see what state the object is being called.
		if (state.toLowerCase() == "mouseover") {
			// if a mouseover event, then swap the new image to use that is in the rollover on state.
			image_swap.src = logout_on.src;
		} else if (state.toLowerCase() == "mouseout") {
			// else, if a mouseout event, then swap the new image to use that is in the rollover off state.
			image_swap.src = logout_off.src;
		}
	}
//-->