Creacion de un Rollover-Boton

me he creado un boton bonito con el image-ready y me sale un fallo en la parte de javaScript y no se porque me falla, espero me puedan ayudar, pero aqui el codigo y luego les digo la linea y fallo:

<script language="javaScript" type="text/javascript">
<!--
function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			alert(document[changeImages.arguments[i]].src);
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		boton1_over = newImage("Imagenes/botones/boton1_over.gif");
		boton1_down = newImage("Imagenes/botones/boton1_down.gif");
		preloadFlag = true;
	}
}
// -->
</script>
</head>

<body bgcolor="imagenes/fondo.jpg" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">

<a href="#"
	onmouseover="changeImages('boton1', 'Imagenes/botones/boton1_over.gif'); return true;"
	onmouseout="changeImages('boton1', 'Imagenes/botones/boton1.gif'); return true;"
	onmousedown="changeImages('boton1', 'Imagenes/botones/boton1_down.gif'); return true;"
	onmouseup="changeImages('boton1', 'Imagenes/botones/boton1_over.gif'); return true;">
	[img]Imagenes/botones/boton1.gif[/img]
</a>

</body>
</html>


Al menos el explorer me dice que es en la funcion de javaScript llamada:
"changeImages", en la linea que dice:

document[changeImages.arguments[i]].src = changeImages.arguments[i+1];

pone que document[...] es nulo o no es un objeto


saludos!