// JavaScript Document
// commented out portions of the script show the evolution of the routines
window.onload = rolloverInit;

function rolloverInit() {
	rolloverInit2("pa1","pa1Img",0);
	rolloverInit2("na1","na1Img",2);
	rolloverInit2("pa2","pa2Img",0);
	rolloverInit2("na2","na2Img",2);
}

function rolloverInit2(x1,x2,x3) {
	var linkObj = document.getElementById(x1);
	var imgObj = document.getElementById(x2);
	if (linkObj && imgObj) { 
		setupRollover(linkObj,imgObj,x3);
	}
}

function setupRollover(thisLink,thisImage,x3) {
  	thisLink.imgToChange = thisImage;
	thisLink.onmouseout = rollOut;
	thisLink.onmouseover = rollOver;
	
	thisLink.outImage = new Image();
	thisLink.outImage.src = thisImage.src;
	
	thisLink.overImage = new Image();
	thisLink.overImage.src = imgs[x3].src;
}

function rollOver() {
	this.imgToChange.src = this.overImage.src;
}

function rollOut() {
	this.imgToChange.src = this.outImage.src;
}