<!--
	// THIS JAVASCRIPT IS USED TO PRELOAD THE IMAGES USED FOR THE ENTER BUTTON TO SWAP OUT IMAGES DURING ROLLOVER.
	
	// declare and initialize the array variable used for the enter image rollovers.
	var enter_off = new Image();
	var enter_on = new Image();
	
	// now load the images to be used for the rollover.
	enter_off.src = "/images/common/btn_enter_off.png";
	enter_on.src = "/images/common/btn_enter_on.png";
	
	// THE FOLLOWING FUNCTION SWAPS OUT THE ENTER IMAGE DEPENDING ON THE STATE.
	function swap_enter_image(state) {
		// get the image object to be swapped.
		var image_swap = document.getElementById('enter');
		
		// 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 = enter_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 = enter_off.src;
		}
	}
//-->