var aState = new Array();
aState['mouseout'] = '.gif';
aState['mouseover'] = '-over.gif';
aState['mouseup'] = '-over.gif';
aState['mousedown'] = '-down.gif';

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImage(e) {
	if (e ) {
		imgName = e.target.src ;
		if ( imgName ) {
			imgRoot = imgName.substr(0,imgName.lastIndexOf(e.target.id))
			eType = e.type ;
			e.target.src = imgRoot + e.target.id + aState[eType];
		}
	}
	else if (event) {
		imgName = event.srcElement.src ;
		imgRoot = imgName.substr(0,imgName.lastIndexOf(event.srcElement.id))
		eType = event.type ;
		event.srcElement.src = imgRoot + event.srcElement.id + aState[eType];
	}
//	alert(imgName);

}

function preloadImages() {
	if (document.images) {
		aImgs = new Array();
		aImgs = document.getElementsByName("rollover");
//		aLinks = new Array();
//		aLinks = document.links ;
		for (i = 0; i < aImgs.length; i++ ) {
			if (aImgs[i].name == 'rollover') {
				imgName = aImgs[i].src ;
				imgRoot = imgName.substr(0,imgName.lastIndexOf('.'))
				a = aImgs[i].parentNode ;
				a.onmouseover = changeImage ;
				a.onmousedown = changeImage ;
				a.onmouseup = changeImage ;
				a.onmouseout = changeImage ;
			}
		}
	}
}

window.onload = preloadImages ;