var image1On = new Image()
image1On.src= "images/auto_rollover.jpg"

var image2On = new Image()
image2On.src= "images/CC_rollover.jpg"

var image3On = new Image()
image3On.src= "images/regl_rollover.jpg"

var image4On = new Image()
image4On.src= "images/monthy_rollover.jpg"

function Roll(theImage, theObject, text){
	document.images[theImage].src=theObject.src
	
	document.getElementById("text").firstChild.data = text;
	document.getElementById("text").style.visibility = "visible";	
}
function RollOut(theImage, imageName){
	document.images[theImage].src=imageName
	document.getElementById("text").style.visibility = "hidden";
}
//<a href="products.html" onmouseover="Roll('img1',image1On)"onmouseout="RollOut('img1','products.jpg')" /><img name="img1" src="products.jpg" border="0"></a>//